Material for Platform Based Development

• About me
• Student's Introduction
• Course introduction and motivation
• Basic programming tools (OS, IDE vs. Text Editor, terminal)

• Client - Server Model

• Web Pages vs. Web Applications

• Components in a Web Application

  • Front End
  • Back End
  • Database

• Illustrative Examples of a Web Application

• Explanation of components in a Mobile Application

• FrontEnd (Web)

  • HTML
  • CSS
  • JS

• FrontEnd Frameworks

• BackEnd

  • Server Language
  • API (More on Lecture 6)

• Backend frameworks

• Slides

The following topics will be explained in Windows and MacOS

• Review IDE installation
• Review Terminal installation
• Terminal 101
• Installation of Git + GitBash
• Installation of Cygwin
• Installation of nvm + node
• Installation of MySQL + Workbench

• Homework 1
• Guide

• Databases
  • Motivation
  • Basic database operations
  • Database types
    • SQL
    • NoSQL
  • SQL Syntax
  • Introduction to ORM
• Computer Networks
  • LAN
    • Ethernet protocol
  • Reaching the Internet
    • Internet Protocol (IP)
      • User Datagram Protocol (UDP)
      • Transmission Control Protocol (TCP)

• Slides

• Web 101
• Databases (CREATE DATABASE, TABLE, INSERT, UPDATE, DELETE)
• Git started (pending push, + gh usage)

• Homework 2 - Parte 1
• Guide

Continuation of Lab 2:

• Databases (Review preview's lab commands, and explain ALTER TABLE & CONTRAINTS)
• Git (gh)

• Guide
• Homework 2 - Parte 2

• PC1

• Backend + Databases
• HTTP
• Frontend + Backend
• Full picture
• NodeJS, Express

• Slides

• Accessing DB from NodeJS
• Creation of an API with NodeJS

• Homework 3 - Parte 1
• Guide

• Review technologies in stack (Angular, Typescript & Bootstrap)

Continuation of Lab 4:

• Create Angular project & call backend

New theory topic:

• Introduction to Angular routes

• Homework 3 - Parte 2
• Guide
• Slides

Holiday: Que viva Miguel Grau.

New theory topic:

• HTTP methods

Lab content:

• CRUD NodeJS

• Guide
• Slides

• CRUD Angular

• Guide
• Homework: Work on your project

• Review projects with each group

• SQL Queries (Joins)
• Authentication with roles
• Angular Pipes

• Guide
• Homework: Work on your project

Lab content:

• Framework CSS

• Guide

• Office Hours

• Motivation
• Mobile Development 101
• Native Apps vs. Hybrid Apps

• Presentación Proyecto - Parte Web

• Ionic & Ionic Components

• Ionic Installation
• Ionic + Backend

• Homework 5

• Ionic Plugins
• Cordoba & Capacitor

• Example on Ionic Plugins

• Homework 6

• More plugins

• PC2

• Example on more plugins

• Homework 7

• Homework 8

• Guest Lecture

• Presentación Proyecto - Parte móvil