sofiaperosin / course-materials

Study material (slides, documents, etc) for the "Web Applications I" and "Applicazioni Web I" courses (Politecnico di Torino, 2020/2021)

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.

Course	Course website	YouTube	GitHub
Web Applications I	http://bit.ly/polito-wa1	▶️	https://github.com/polito-WA1-AW1-2021
Applicazioni Web I (A-L)	http://media.polito.it/aw1	▶️	https://github.com/polito-WA1-AW1-2021
Applicazioni Web I (M-Z)	http://bit.ly/polito-aw1	▶️	https://github.com/polito-WA1-AW1-2021

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
• React Router
• Client-Server interactions

Web Servers and server-side APIs

• HTTP
• Express web server
• REST API

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 01: ToDo List in React
  • Part A: Getting Started with React
  • Part B: React Components' State
  • Part C
  • Part D