OVERVIEW

This teaching introduces the knowledge and skills necessary to create web applications. It covers the introduction of markup, style, and front-end languages, as well as back-end technologies for building data-driven dynamic websites. The teaching is heavily project-oriented, with a final project involving designing and developing a website from scratch. It establishes the foundation to understand, appreciate, and later utilize the most modern web development frameworks.

AIMS AND CONTENT

LEARNING OUTCOMES

Acquiring techniques and methods for building dynamic web applications using scripting languages, including interaction with remote databases, creating rich interfaces, and integrating data exposed through public APIs, while developing a basic understanding of usability, accessibility, and security concepts.

AIMS AND LEARNING OUTCOMES

With this teaching, the student will be able to:

• understand how the web works, such as its client/server architecture and the statelessness of the HTTP protocol;
• install a web server and a relational database management system;
• utilize the various languages taught in class for designing an accessible and responsive web application;
• understand the vulnerabilities of web applications and apply appropriate countermeasures;
• present their project in a few minutes (elevator pitch).

PREREQUISITES

To successfully follow this course, the following knowledge is required:

• Programming
• Database fundamentals
• Communication protocols

TEACHING METHODS

Theoretical and practical frontal lessons for coding scripts to create client-side and server-side web pages.

Students who hold valid certificates relating to Specific Learning Difficulties (SLD), disabilities or other educational needs are invited to contact the lecturer and the school’s disability liaison officer at the start of the course to agree on any teaching arrangements which, whilst respecting the course objectives, take into account individual learning styles. 

The contact details for the university’s disability liaison officer are available at the following link: https://unige.it/commissioni/comitatoperlinclusionedeglistudenticondisabilita. 

SYLLABUS/CONTENT

• Static web pages creation with HTML5 and CSS.
• Server side programming: dynamic web pages creation using PHP, sintax, data and control structures, objects. Cookies management, access control, session control. Interacting with database via PHP scripts. Accessing databases with PDO.
• Introduction to JSON.
• Client side programming: Javascript and the Document Object Model specification. Introduction to JavaScript libraries and API Fetch.
• The REST (REpresentational State Transfer) architectural paradigm.
• Security, usability and accessibility in web applications.
• Pratical exercises and final project covering all the subjects seen during the semester.

RECOMMENDED READING/BIBLIOGRAPHY

Learning PHP, MySQL, JavaScript, and CSS, A Step-by-Step Guide to Creating Dynamic Websites. O'Reilly, 2012.
Any other book si fine, and  most of the topics of this course can be find directly online.

TEACHERS AND EXAM BOARD

LESSONS

LESSONS START

According to the calendar approved by the Degree Program Board: https://easyacademy.unige.it/portalestudenti/index.php?view=easycourse&_lang=it&include=corso

Class schedule

The timetable for this course is available here: Portale EasyAcademy

EXAMS

EXAM DESCRIPTION

The exam consists of the following parts: (i) a written test for admission to the oral examination and (ii) an oral examination during which the project is discussed and some parts of the submitted code will be modified/corrected.

Guidelines for students with certified Specific Learning Disorders, disabilities, or other special educational needs are available at https://corsi.unige.it/en/corsi/8759/studenti-disabilita-dsa 

ASSESSMENT METHODS

The written test, which serves as the admission to the project discussion, consists of a few open-ended questions related to the topics covered in class. These topics provide the foundations for the project implementation. The test allows the evaluation of the student's theoretical knowledge acquired during the course. Once the written test is completed, the schedule for the oral examinations is agreed upon. The written test and the project discussion take place in the same session.

The oral examination aims to assess whether the student has achieved an adequate level of practical skills and is capable of modifying the produced code. It includes: (i) project presentation; (ii) execution of the automated tests provided during the course; (iii) detailed discussion of the produced code; (iv) modification of one or more files and submission on AulaWeb. The project can be done in pairs, but the evaluation is individual.

FURTHER INFORMATION

For further information, please refer to the course’s AulaWeb module or contact the instructor.

Students with valid certifications for Specific Learning Disorders (SLD) may request accommodations for exams at least 7 days prior to the exam date by filling out the “accommodation request form” (available via online services at https://modulionline.unige.it/richiesta-adattamenti# no-back), which will be automatically forwarded by the system to the instructor in charge of the course and to the faculty liaison for students with disabilities and SLDs in their School/Department. 

The student will receive a copy of their request.