Web Technologies

🖥️ 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 – HyperText Transfer Protocol (part I)

💻 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 Speedrun | Guess CSS! | CSS Puns
• Other resources

🖥️ Lecture

• Web Programming – HyperText Transfer Protocol (part II)
• Web Programming – HTTP Cookies + Web Sessions

💻 Laboratory: Cascading Stylesheets (CSS)

• Resources: CSS (MDN) | W3C CSS Validator | Solved by Flexbox
• Amusement: Flexbox Defense | Flexbox Froggy | Grid Garden
• Other resources
• Questionnaire: Students' perceptions on the use of AI in the educational process

🖥️ Lecture

• Web Programming – Web Application Engineering

💻 Laboratory: Web Design & Interaction via CSS

• Resources: Responsive Web Design Basics | Responsive Web Design (MDN)
• Other resources

🖥️ Lecture

• Web Programming – Web Application Development in PHP (part I)

💻 Laboratory: HTML & CSS Wrap-up

• Resources: HTML+CSS only | CSS projects | You Don't Need JavaScript | 30 Seconds of Code | Web Developer Checklist
• Other resources

🖥️ Lecture

• Web Programming – Web Application Development in PHP (part II)

💻 Laboratory: Web Programming in PHP

• Resources: XAMPP | HTML Forms Guide | Examples of PHP Programs | 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 (part III)
• Data Modeling. XML Family. (part I)

💻 Laboratory: Web Programming in PHP

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

Project development

🖥️ Lecture

• Data Modeling. XML Family (part II)
• XML & HTML Data Processing. Document Object Model. (part I)

💻 Laboratory: Web Programming in PHP

• Resources: PHP: The Right Way - Templating | Getting Started with PHP Templating | MVC and its Alternatives | Build a PHP MVC Application
• Other resources

🖥️ Lecture

• XML & HTML Data Processing. Document Object Model. (part II)

💻 Laboratory: Web Programming in PHP – XML/HTML Data Processing and Generation

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

🖥️ Lecture

• Web Services. SOA. REST Paradigm. (part I)

💻 Laboratory: Web Programming in PHP – asynchronous data transfers via Ajax

• Resources: Fetching data from the server | Fetch API Examples | XMLHttpRequest vs the Fetch API | You Don't Need jQuery
• Amusement: Windows 93
• Other resources

🖥️ Lecture

• Web Services. SOA. REST Paradigm. (part II)

💻 Laboratory: Web services implementation and invocation with libcURL in PHP

• 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. Serverless. GraphQL.

💻 Laboratory: REST API – design, specification, and implementation

• 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, Web mash-ups, JAMstack.

💻 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