- Knowledge of the main aspects of HTML, CSS, moidern JavaScript - Ability to use a JavaScript at an advanced level for creating web applications at the front-end level. - Basic knowledge of a framework for creating web applications in JavaScript - Ability to create complete web applications, also in the “single page application” modality, by using a simple back-end API server. - Knowledge of the main issues regarding robustness, security, interoperability, usability and performance of the studied applications, and their applicable best practices.

- Ability to program in procedural languages and object oriented languages, and corresponding debugging skills. - Basic knowledge of HTML. - Basic knowledge of web architectures and of the HTTP protocol. - Practical skills with relational Data Bases and SQL

- Recall of web architectures, HTML5, CSS. - Complex layouts, CSS frameworks. Notions of web design. Usability. Accessibility. - JavaScript as a language. Variables and objects. Execution in the browser and in nodejs. - Handling forms and tables. DOM. Events. Callbacks. Closures. - Web servers and ExpressJS - JSON. HTTP API. Asynchronous programming (async/await, Promise, Fetch). - Single Page Applications. Reactive programming. Introduction to ReactJS. - React applications. Web Components. JSX. - Authentication and API authorization. - Architecture of a complex application. Event routing. State management. - Deployment and publication of applications. - Application examples.

In addition to classes, that include both lectures and exercises in classroom (4 credits), the course includes laboratory exercises (2 credits) on the application of the presented techniques. The laboratories will consist in the application of the techniques learnt during the classes, by incrementally building a web application of increasing complexity. During the labs the students will discuss with the teachers on their solutions to the assigned exercises. The lab material will be managed through a Git-based platform. The labs will include two "long" exercises (4 weeks each) to be completed in groups, that, if submitted, may grant extra points at the exam.

The teacher will provide the material (copy of slides and links to on-line resources) on the website of the course: http://bit.ly/polito-wa1 Many useful resources are also freely available on the web (https://developer.mozilla.org, https://reactjs.org/, https://javascript.info/, etc). Some suggested textbooks for personal in-depth study: - M. Haverbeke, Eloquent Javascript (https://eloquentjavascript.net/) - A. Accomazzo, A. Lerner, N. Murray, C. Allsopp, D. Guttman, T. McGinnis, Fullstack React, 2019

Exam: Compulsory oral exam; Individual project;

Exam modality: development of an individual project and oral discussion. The exam consists in the verification of the above described expected knowledge and practical skills, through a practical project (to be implemented individually), followed by an oral discussion. The project consists in creating a web application using the knowledge gained in the course. For the test, an exercise will be assigned 20 days in advance of each exam date. Only students who submit their solution before the deadline are admitted to the oral test. The web application is evaluated by the teacher during the oral session, by verifying the functionality of the web application, the adopted programming techniques, according to a checklist that depends on the test. The detailed knowledge of the submitted source code by the student is also checked, with his ability to discuss the project in light of the course topics. All the process of project assignment, development, and submission will be managed throug the GitHub platform. The oral check will be performed in a classroom or in a lab.

In addition to the message sent by the online system, students with disabilities or Specific Learning Disorders (SLD) are invited to directly inform the professor in charge of the course about the special arrangements for the exam that have been agreed with the Special Needs Unit. The professor has to be informed at least one week before the beginning of the examination session in order to provide students with the most suitable arrangements for each specific type of exam.

Exam: Compulsory oral exam; Individual project;

Exam modality: development of an individual project and oral discussion. The exam consists in the verification of the above described expected knowledge and practical skills, through a practical project (to be implemented individually), followed by an oral discussion. The project consists in creating a web application using the knowledge gained in the course. For the test, an exercise will be assigned 20 days in advance of each exam date. Only students who submit their solution before the deadline are admitted to the oral test. The web application is evaluated by the teacher during the oral session, by verifying the functionality of the web application, the adopted programming techniques, according to a checklist that depends on the test. The detailed knowledge of the submitted source code by the student is also checked, with his ability to discuss the project in light of the course topics. All the process of project assignment, development, and submission will be managed throug the GitHub platform. The oral check will be performed with a video conference tool.

Exam: Compulsory oral exam; Individual project;

Exam modality: development of an individual project and oral discussion. The exam consists in the verification of the above described expected knowledge and practical skills, through a practical project (to be implemented individually), followed by an oral discussion. The project consists in creating a web application using the knowledge gained in the course. For the test, an exercise will be assigned 20 days in advance of each exam date. Only students who submit their solution before the deadline are admitted to the oral test. The web application is evaluated by the teacher during the oral session, by verifying the functionality of the web application, the adopted programming techniques, according to a checklist that depends on the test. The detailed knowledge of the submitted source code by the student is also checked, with his ability to discuss the project in light of the course topics. All the process of project assignment, development, and submission will be managed throug the GitHub platform. The oral check will be performed in a classroom or in a lab, or with a video conference tool for remote students.