- International Degree Programs
- Master's Degree in DIGITAL HERITAGE
- WEB TECHNOLOGIES
WEB TECHNOLOGIES
- Teaching in italian
- WEB TECHNOLOGIES
- Teaching
- WEB TECHNOLOGIES
- Subject area
- ING-INF/05
- Reference degree course
- DIGITAL HERITAGE
- Course type
- Master's Degree
- Credits
- 6.0
- Teaching hours
- Frontal Hours: 30.0
- Academic year
- 2025/2026
- Year taught
- 2025/2026
- Course year
- 1
- Language
- ENGLISH
- Curriculum
- PERCORSO COMUNE
- Reference professor for teaching
- DI BICCARI CARLA
Teaching description
Students should have basic knowledge of computer science fundamentals and of at least one Object-Oriented Programming language.
The course is structured in three sections
Design: software lifecycle, design techniques. Technology: fundamentals of computer networks and cybersecurity. Development: introduction to HTML, CSS, JavaScript and React
The course aims to provide a basic understanding of the lifecycle of web applications, computer networks, protocols, and the hardware components that support network connections. The program also aims to provide foundational practical skills for the website design phase, including requirements validation and prototyping, utilizing AI tools as well.
The course mixes traditional lectures with hands-on workshops. At the beginning of the semester, the students are assigned a project on web development that will be presented during the final lesson.
Oral exam about theoretical concepts. To take the oral exam, students must have submitted the project assigned during the course.
TECHNOLOGIES.
Introduction to web technologies vocabulary: web browser, client-server architecture, front-end and back-end, web site, web application.
The software lifecycle phases.
Definition of computer network. Network devices: router, switch. Hub, gateway,repeater, modem, access point,firewall.
Types of computer networks: classification based on geographical area: personal, local, campus, metropolitan, wide area networks.
Classification Based on Ownership and Access Control: public and private networks.
Public and private IP address.
VPN (VPN client, VPN servers, how VPNs work, VPN client functionalities, VPN use cases)
Reverse Engineering definition.
The HTTP protocol. HTTP Request-Response Cycle. UML sequence diagram of a simple client-server GET request – response. DNS and DNS resolution.
The web browser. Components of the web browser: User Interface, Browser Engine, Rendering Engine, Data Persistence, Networking, JavaScript Interpreter, UI Backend. Available Rendering Engines, tasks performed by the rendering engines, the rendering process. Document Object model. Types of Browser Storage, LocalStorage, SessionStorage, Cookies.
Protecting and using online content. Copyright and Creative Common Licenses (MIT, GPL, Apache 2.0, BDS).
Cyber security: definition of cybersecurity and cyber attack. European regulation framework for cybersecurity.Account, authentication, authorization. Dictionary attack, brute force attack, two factor authentication, Multi-factor authentication (MFA), keylogging, credential stuffing. Social Engineering, Phishing. Single-Sign-On (SSO), Password managers, Passkeys.
Using Hashing and Salting to increase the level of security of storing username and password in password databases. Rainbow tables. Eavesdropping attack. Machine in the middle attack. Cookies: security issues. HTTPS. Secure Shell (SSH). Ports in Web Technology. Common Port numbers, Port Scanning.
DESIGN.
The design phase for web sites and web applications. Actors and roles involved. Personas as an instrument of design. Methodologies to identify and describe personas.
From personas to requirements. Extracting requirements, expressing requirements in natural language, expressing requirements using graphical notation (uml use case diagram), prototyping using mockups. Requirement validation.
DEVELOPMENT.
HTML: basic structure of an html file. <html>,<head>,<body>, <p>,<h1>, <ul>,<ol>,<li> elements. Hypertext definition, inserting hyperlinks in html, inserting pictures in html, organizing a root folder, understanding paths for resources. Inspecting webpages using DevTools.
HTML styling (inline, <style>, css), CSS rules, CSS properties.
Using visual Studio code for web development, Live preview extension, setting up folders for website development in a local environment.
introduction to javascript + finding and fixing errors with javascript console.
introduction to React library, installing React, node.js as a local javascript environment, basic structure of a react app, using and creating simple react components.
Documentation on W3Schools -https://www.w3schools.com/- for HTML, CSS, JavaScript, React and node.js.
Semester
Second Semester (dal 02/03/2026 al 05/06/2026)
Exam type
Optional
Type of assessment
Oral - Final grade