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

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.

Course information

Detailed information about the course is available in the dedicated web pages.

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
• Javascript Exercises (Objects and Functions)
• Asynchronouos JavaScript programming
• Javascript Exercises (Asynchronous programming)
• The 'this' keyword
• Prototypes, Classes and Modules

Browsers and client-side applications

• Web Architecture
• HTML - a quick introduction
• CSS: Cascading Style Sheets
• JavaScript in the Browser
• Fetch API

React

• Introduction to React
• Components, Elements, JSX
• React Hooks (part 1 - useState)
• Components and State
• Handling Forms in React
• Context in React
• React Router
• Client-Server interaction in React
• React Life Cycle

Web Servers and server-side APIs

• Express web server
• HTTP APIs
• Authentication

Seminars

• Development and testing in Consoft Sistemi [ita]

Laboratories

• Lab 01: Getting Started with NodeJS
  • Proposed solution
• Lab 02: Getting Started with HTML and CSS
  • Proposed solution
• Lab 03: JS in the Browser
  • Proposed solution
• Instruction for GitHub Classroom
• BigLab 1: ToDo List in React
  • Part A: Getting Started with React
  • Part B: React Components' State
  • Part C: Filters & Forms
  • Part D: React Routes
• BigLab 2: Full Stack ToDo List
  • Part A: APIs with Express
  • Part B: APIs Integration
  • Part C: Complete APIs Integration
  • Part D: Authentication
• Lab 04 : Deployment of a React+Express app on Heroku