Web Technologies lab page (for I2E1, I2E2, I2E3 groups)

Lecture

• Course Presentation
• World Wide Web - Architectural Aspects

Laboratory: HyperText Markup Language (HTML)

• Resources: HTML (MDN) | HTML5 Element Index | HTML Standard | W3C Validator | Can I Use | HTML5 Exercises
• Amusement: The Useless Web
• Other info: The Birth of the Web | The History of the Web | A short history of the Web ⎯ CERN | History of the Web ⎯ WWW Foundation
• Other resources

Lecture

• Web Programming - HTTP Protocol. CGI Scripts.

Laboratory: Cascading Stylesheets (CSS)

• Resources: CSS Zen Garden | CSS (MDN) | CSS Current Status | 30 Seconds of Interviews | CSS Tutorials | Modern CSS Solutions
• Amusement: CSS Diner | CSS Colour Names | CSS Puns | CSS Humor
• Other resources

Lecture

• Web Programming - HTTP Protocol. CGI Scripts.
• Web Programming - Cookies. Sessions.

Laboratory: Cascading Stylesheets (CSS)

• Resources: CSS (MDN) | W3C CSS Validator | Solved by Flexbox
• Amusement: Flexbox Defense | Flexbox Froggy | Grid Garden
• Other resources

Lecture

• Web Programming - Web Application Engineering

Laboratory: Web Design & Interaction via CSS

• Resources: Responsive Web Design Basics | You Don't Need JavaScript | 30 Seconds of Code
• Other resources

Lecture

• Web Programming - Web Application Development in PHP

Laboratory: HTML & CSS recap

• Resources: Web Developer Checklist

Lecture

• Web Programming - Web Application Development in PHP

Laboratory: Web Programming

• Resources: XAMPP | HTML Forms Guide | PHP Usage Statistics | PHP Manual | PHP Tutorial for Beginners | PHP The Right Way | Clean Code PHP | PHP Front to Back | PHP from Scratch (2025)
• Other resources

Lecture

• Web Programming - Web application development in PHP
• Data Modeling. XML Family

Laboratory: Web Programming

• Resources: Redirect after POST | PHP Database Extensions | PDO Tutorial | PHP: The Right Way - Databases | phpMyAdmin | Adminer
• Other resources

Project development

Lecture

• Data Modeling. XML Family
• XML & HTML Data Processing. Document Object Model.

Laboratory: Web Programming

• Resources: PHP: The Right Way - Templating | Getting Started with PHP Templating | MVC and its Alternatives | Build a PHP MVC Application
• News: 2023: 30 years of a free and open Web
• Other resources

Lecture

• XML & HTML Data Processing. Document Object Model.

Laboratory: XML/HTML Data Processing and Generation

• Resources: Really Simple Syndication (RSS) | PHP SimpleXML Manual | DOM in PHP | Introducing Pretty Print HTML for PHP 8.4 | DOM Living Standard | DOM (MDN)
• Other resources

Lecture

Lecture

• Web Services. SOA. REST Paradigm.

Laboratory: Web services implementation and invocation

• Resources: Weather API | IP Geolocation API | Public IP Address API | Service-Oriented Architecture (IBM) | Understanding Service-Oriented Architecture (Microsoft) | Principles of Service Orientation | On Designing and Deploying Internet-Scale Services (pdf) | Best Practices for Designing a Pragmatic RESTful API | Designing a True REST State Machine | Roy Fielding -- thoughts about REST: link 1, link 2, link 3, link 4 | Richardson Maturity Model | When Is an API Truly REST vs REST-Like? | Is REST Still A Good API Design Style to Use? | REST with Hypermedia - Hot or Not?
• Other resources

Lecture

• Web Services. Microservices. OpenAPI. Serverless. GraphQL.

Laboratory: Web services implementation and invocation

• Resources: Apache Web Server Redirects | Microservices vs. SOA | 3 Common Methods of API Authentication Explained | Introduction to JWT
• Amusement: In the Beginning was the Socket...
• Other resources

Lecture

• Web Services. Other Web Application Architectures: SPA, PWA, mash-ups, JAM.

Laboratory: Project development

• Resources: JAMstack | Modern Web Development on the JAMstack (pdf) | Awesome REST | Awesome GraphQL | Awesome Microservices | Awesome Serverless | The Basics of Web Application Security | Hacker 101 | Awesome Security
• Other resources