Web Development Foundations

🖥️ Lecture

• Course Presentation
• World Wide Web - Architectural Aspects
• Resources: The Birth of the Web | The History of the Web | A short history of the Web ⎯ CERN | History of the Web ⎯ WWW Foundation

💻 Laboratory: Introduction to Web development. Configuring development and execution environments. HTML5 language.

• Resources: HTML (MDN) | HTML5 Element Index | HTML Standard | W3C Validator | Can I Use | HTML5 Exercises
• Tools: Visual Studio Code | Prettier (VS Code extension) | WinSCP | XAMPP
• Amusement: The Useless Web

🖥️ Lecture

• The Front-end: Essential Technologies (part I)
• Resources: Web standards (MDN) | Inside look at modern web browser | MDN Core Learning Modules (HTML, CSS, JavaScript)

💻 Laboratory: HTML5 language

• Resources: Structuring Content with HTML (MDN) | Every HTML Element

🖥️ Lecture

• The Front-end: Essential Technologies (part II)
• Resources: MDN Core Learning Modules (HTML, CSS, JavaScript)

💻 Laboratory: Web forms

• Resources: Introduction to Web forms (MDN) | Web forms (MDN) | HTML Reference (MDN)

🖥️ Lecture

• The Front-end: Essential Technologies (part III)
• Resources: MDN Core Learning Modules (HTML, CSS, JavaScript)

💻 Laboratory: Cascading Stylesheets (CSS)

• Resources: CSS Zen Garden | CSS (MDN) | CSS Reference (MDN) | A Free Visual Guide to CSS | CSS Current Status
• Validators: W3C CSS Validator | CSS Lint
• Amusement: CSS Diner | CSS Speedrun | Guess CSS! | CSS Puns

🖥️ Lecture

• The Front-end: Essential Technologies (part IV)
• Web Programming – from HTTP to CGI Scripts (part I)
• Resources: MDN Core Learning Modules (HTML, CSS, JavaScript) | An Overview of HTTP (MDN) | HTTP.dev | How HTTPS Works
• Amusement: HTTP Status Codes: Cats | HTTP Status Codes: Dogs | HTTP Status Codes: Memes

💻 Laboratory: CSS. Responsive Design. Introduction to JavaScript.

• Resources: CSS Layout (MDN) | FLEX: A Simple Visual Cheatsheet for CSS Flexbox | Solved by Flexbox | GRID: A Simple Visual Cheatsheet for CSS Grid Layout | Responsive Web Design Basics | JavaScript: Adding Interactivity (MDN)
• Amusement: Flexbox Defense | Flexbox Froggy | Knights of the Flexbox Table | Grid Garden | CSS Grid Attack

🖥️ Lecture

• Web Programming – from HTTP to CGI Scripts (part II)
• Web Programming – HTTP cookies + Web Sessions
• Resources: Using HTTP Cookies (MDN)
• Amusement: HTTP Status Codes: Cats | HTTP Status Codes: Dogs | HTTP Status Codes: Memes

💻 Laboratory: Creating mockups. Building websites without writing code.

• Resources: Canva | Mockup Tools for Professionals | Free Website Templates (for discussions) | WIX

Evaluation of the technical report (TR component)

Check the details regarding the deadline and the upload on the announcements page.

🖥️ Lecture

• Web Programming – Web Application Development in PHP (part I)
• Resources: Learn PHP | PHP Tutorial for Beginners | PHP Tutorial | PHP Exercises | PHP from Scratch (2025, video) | PHP Manual | PHP: The Right Way

💻 Laboratory: Hosting Web Sites/Applications.

• Resources: tiiny.host | XAMPP Tutorial | FII Web Dev Server

🖥️ Lecture

• Web Programming – Web Application Development in PHP (part II)
• Resources: Learn PHP | PHP Tutorial for Beginners | PHP Tutorial | PHP Exercises | PHP from Scratch (2025, video) | PHP Manual | PHP: The Right Way

💻 Laboratory: Web Programming in PHP. Working with HTML Forms.

• Resources: HTML Forms Guide (MDN) | PHP Predefined Variables | Redirect After Post | PHP header() Function