Platform Based Development

Material for Platform Based Development

Platform Based Development

Material for Platform Based Development

Lab 0 (3/9)

Content

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

Material

Slides

Lecture 1 (7/9)

Content

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

Material

Slides

Lab 1 (10/9)

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

Material

Lecture 2 (14/9)

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)

Material

Slides

Lab 2 (17/9)

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

Material

Lecture 3 (21/9)

Continuation of Lab 2:

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

Material

Lab 3

PC1

Lecture 4

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

Material

Slides

Lab 4

Accessing DB from NodeJS
Creation of an API with NodeJS

Material

Lecture 5

Review technologies in stack (Angular, Typescript & Bootstrap)

Continuation of Lab 4:

Create Angular project & call backend

New theory topic:

Introduction to Angular routes

Material

Lab 5

Holiday: Que viva Miguel Grau.

Lecture 6

New theory topic:

HTTP methods

Lab content:

CRUD NodeJS

Material

Slides
Guide

Lab 6

CRUD Angular

Material

Guide
Homework: Work on your project

Lecture 7

Review projects with each group

Lab 7

SQL Queries (Joins)
Authentication with roles
Angular Pipes

Material

Guide
Homework: Work on your project

Lecture 8

Lab content:

Framework CSS

Material

Guide

Lab 8

Office Hours

Lecture 9

Cross-platform development
- Native Apps
- Mobile Web
- Hybrid Apps
Which one is better?
Ionic
- Components
- Plugins
- Building Process
- CLI
Details about Web Project Presentation

Material

Slides

Lab 9

Presentación Proyecto - Parte Web

Lecture 10

Presentación Proyecto - Parte Web

Lab 10

Ionic Installation
Ionic + Backend

Material

Guide

Lecture 11

Ionic CRUD con't

Material

Guide

Lab 11

Ionic CRUD con't (finalized)

Material

Guide
Homework 4 (grade will be used for PC2).

Lecture 12 (11/23)

Ionic App Deployment

Material

Guide

Lab 12 (11/26)

Introduction to Ionic Plugins
Camera plugin

Material

Guide

Lecture 13 (11/30)

Project 2 details
Explained HW5
Explained ExtraCredit1

Material

Lab 13 (12/3)

Testing Camera plugin in a mobile device
New plugin: Local Notifications
Refactoring
In class work: Homework 6 (Ionic Plugins)

Material

Homework 6

Lecture 14 (12/7)

Guest Lecture: Raul Ramirez, Founder of Llamafood.

Material

Lab 14 (12/10)

Students will use the time to work on the Extra Credit 2.
Will address questions regarding Homework 6.
Will review project progress with each group.

Material

Extra Credit 2

Lecture 15 (12/14)

Office Hours

Lab 15 (12/17)

Presentación Proyecto - Parte móvil

Lecture 16 (12/21)

Chit-chat (general feedbacks)