Web Applications I / Applicazioni Web I (2021/2022)

Material for the course of Web Applications I (in English) and Applicazioni Web I (in Italian) for the Master Degree in Computer Engineering at Politecnico di Torino.

Slides

• Introduction to the course (prof. Corno)
• Introduction to the course (prof. Masala)
• Introduction to the course (prof. De Russis)

Javascript

• JavaScript Basics
• JavaScript Objects and Functions
• Asynchronous Programming in JavaScript
• The 'this' keyword - see Reading 2
• JavaScript Modules - see Reading 3

Browsers and client-side applications

• See Reading 1
• Web Architecture
• (Modern) HTML
• Cascading Style Sheets
• JavaScript in the Browser
• Fetch

React

• Introduction to React
• Elements and JSX
• Components and State
• Forms
• Context
• React Router
• React Life Cycle

Web Servers and server-side APIs

• Express
• HTTP APIs
• Authentication

Readings

• Reading 1: Introduction to Web Architectures, HTML, and CSS
• Reading 2: The 'this' keyword in JavaScript
• Reading 3: JavaScript Modules
• Reading 4: Client-Server Interaction in React

Laboratories

• Lab 1: Getting Started with Node.js
• Lab 2: Database Integration
• Lab 3: Getting started with HTML and CSS
• Lab 4: JavaScript in the Browser
• Instructions for GitHub Classroom
• BigLab 1: FilmLibrary in React
  • BigLab 1A: Getting Started with React
  • BigLab 1B: React Components' State
  • BigLab 1C: Forms & Film Manipulation
  • BigLab 1D: Editing Films & React Routes
• BigLab 2: Full Stack FilmLibrary
  • BigLab 2A: APIs with Express
  • BigLab 2B: APIs Integration (retrieve films from the backend)
  • BigLab 2C: Complete APIs Integration (Add, Edit, and Delete)
  • BigLab 2D: Multi-user Application with Authentication