Tehnologii Web

Săptămâna 1

• Curs: World Wide Web – aspecte arhitecturale /
  World Wide Web – Architectural Aspects [EN]

  concepts, client/server model, hypertext, Web resource, URI, Web site, Web application

• Demo: The Mother of All Demos

• Resurse: The History of the Web, The birth of the Web (CERN)

• Laborator: Limbajul de marcare HTML

  • Resurse: Every HTML Element, HTML Tutorials (MDN), HTML Exercises, HTML First Best Practices, DevTools Tips

  • Instrumente: Command Line Interactions, Cu codul în "nori"; editare cod-sursă: Visual Studio Code + VS Code on Web + extensii + Programming Fonts – de interes: W3C Validator

Săptămâna 2

• Curs: Programare Web – HyperText Transfer Protocol /
  Web Programming – HyperText Transfer Protocol [EN]

  Web server, HTTP, headers, message, media types

• Demo: Warriors of the Net

• Resurse: An overview of HTTP (MDN), HTTP.dev, HTTP Documentation, HTTP Status Codes: Cats, HTTP Status Codes: Dogs, HTTP Status Codes: Memes, How HTTPS Works, HAR (HTTP Archive) Format

• Instrumente: clienţi HTTP: cURL, Wget, httpbin; performanţă Web (caching, load balancing, (reverse) proxy): Apache Traffic Server, HAProxy (de parcurs An Introduction to HAProxy and Load Balancing Concepts), Squid, Varnish; instrumente + extensii pentru clientul Web privind confidenţialitatea/discreţia (privacy): Privacy Tools, Ghostery, uBlock Origin, Privacy Badger, DuckDuckGo App; HTTPS: Certbot, Moving to HTTPS Guide

• Laborator: Foi de stiluri în cascadă – CSS

Săptămâna 3

• Curs: Programare Web – de la HTTP la script-uri CGI /
  Web Programming – from HTTP to CGI scripts [EN]

  Web, server, HTTP, programming, CGI

• Demo: Exemple de script-uri CGI (arhivă zip, 21K)

• Curs: Programare Web – cookie-uri HTTP + sesiuni Web /
  Web Programming – HTTP cookies + Web sessions [EN]

  Web, programming, server, client, HTTP, cookie, stateless, Web session

• Resurse: Using HTTP Cookies (MDN), Cookiepedia, Session Management Cheat Sheet, Do Not Track

• Laborator: Foi de stiluri în cascadă – CSS (continuare) + responsive design

Săptămâna 4

• Curs: Programare Web – Ingineria aplicaţiilor Web /
  Web Programming – Web Application Engineering [EN]

  Web, programming, Web application, Web engineering, MVC, management

• Demo: dezvoltare Web: Web Skills, Software Engineering at Google, Killed by Google, Killed by Microsoft; arhitecturi Web: Design a Picture-Sharing System, Magento Architecture, Lighthouse Architecture, GitLab Architecture, Stack Overflow, Tech Stacks, Real Life Architectures, The Architecture of Open Source Applications

• Resurse: Software Architecture Guide, How To Be A Programmer, Getting Real (Basecamp), Software Architecture Playbook, aim42, The 12-Factor App, MVC and Its Alternatives

• Instrumente: Online Tools for Web Developers, Web Developer Checklist, Free for Devs, GitHub Collections, Search Awesome Lists

• Laborator: Design & interacţiune Web via CSS

Săptămâna 5

• Curs: Programare Web – Dezvoltarea aplicaţiilor Web în PHP /
  Web Programming – Web Application Development in PHP [EN]

  Web, programming, development, application server, PHP, tools, examples

• Demo: Exemple de programe PHP (arhivă zip, 47K)

• Resurse: PHP Tutorial, PHP: The Right Way, PHP Manual, PHP Best Practices, PHP Weekly

• Instrumente: RealWorld – "The Mother of All Demo Apps", Awesome PHP

• Laborator: Recapitulare HTML şi CSS

Săptămâna 6

• Curs: Programare Web – Dezvoltarea aplicaţiilor Web în PHP (continuare) /
  Web Programming – Web Application Development in PHP [EN] (continued)

  Web, programming, development, application server, PHP, tools, examples

• Demo: Exemple de programe PHP (arhivă zip, 47K)

• Resurse: Design Patterns in PHP, PDO Tutorial

• Instrumente: Awesome PHP

• Laborator: Programare Web în PHP – tutoriale video: PHP Front To Back, PHP Tutorial, PHP from Scratch (2025)

  • Resurse: HTML Forms Guide (MDN), Learn PHP, PHP Tutorial for Beginners, PHP Exercises, Redirect After Post, Clean Code PHP

  • Instrumente: Replit, AMPPS, XAMPP (portable version)

Săptămâna 7

• Curs: Programare Web – Dezvoltarea aplicaţiilor Web în PHP (continuare) /
  Web Programming – Web Application Development in PHP [EN] (continued)

  Web, programming, development, application server, PHP, tools, examples

• Demo: Exemple de programe PHP (arhivă zip, 47K)

• Resurse: Modern PHP without a Framework, PHP Framework Interop Group, PHP—The Wrong Way, PHP Benchmarks

• Curs: Modelarea datelor. Familia XML /
  Data modeling. XML family [EN]

  data, model, language, markup, semi-structure, XML, examples

• Demo: Exemple de documente XML (arhivă zip, 23K)

• Resurse: XML News & Articles, Stop Comparing JSON and XML

• Instrumente: Awesome XML

• Laborator: Programare Web în PHP

  • Resurse: PHP Database Extensions, Awesome SQLite, SQLite3 PHP Tutorial, Awesome MySQL, Awesome PostgreSQL, Awesome NoSQL Guides, MongoDB PHP Tutorial, Using Neo4j from PHP

  • Instrumente: Adminer, phpMyAdmin, phpLiteAdmin, Code Beautify, Open Source Libraries

Săptămâna 8

• Lucru la proiect

Săptămâna 9

• Curs: Procesarea datelor XML & HTML. Document Object Model /
  XML & HTML data processing. Document Object Model [EN]

  XML, processing, DOM, WebIDL, XPath, events, Web, programming, PHP, examples

• Demo: Procesări XML şi HTML folosind DOM (arhivă zip, 22.5K)

• Resurse: Document Object Model (MDN), DOM @ DevDocs.io, Information contained in a WebIDL file (MDN)

• Instrumente: Live DOM Viewer; programare: DOM în PHP, Java API for XML Processing (Oracle), jsdom, System.Xml (Microsoft), Expat, libxml; la nivel de browser Web: You Don't Need jQuery, Can I use DOM?; pentru aplicaţii mobile: DOM for Android (Google), XML Processing in Swift (Apple)

• Laborator: Programare Web în PHP

  • Resurse: Build a PHP MVC Application, PHP Templating, Unit Testing with PHPUnit

  • Instrumente: PHP on AWS, PHP on Azure, PHP on Heroku

Săptămâna 10

• Curs: Procesarea datelor XML & HTML. Document Object Model (continuare) /
  XML & HTML data processing. Document Object Model [EN] (continued)

  XML, processing, DOM, Ajax, Fetch API, Web, programming, JavaScript, examples

• Demo: Generarea unui formular Web, Interacţiune Web via Ajax (arhivă zip, 9K), RandomAjax, RandomAjax (Fetch), Fetch API Examples (MDN)

• Resurse: Tehnologii XML, Ajax (MDN), XMLHttpRequest vs the Fetch API

• Laborator: Programare Web în PHP – procesarea şi generarea datelor XML şi HTML

  • Resurse: Document Object Model în PHP, PHP DOM: Using XPath

  • Demo: Pretty Print HTML using PHP 8.4's new HTML DOM, Introducing Pretty Print HTML for PHP 8.4

Săptămâna 11

• Curs: Servicii Web. SOA. Paradigma REST /
  Web Services. SOA. REST Paradigm [EN]

  Web service, architecture, SOA, REST, transfer, state, representation, implementation, examples

• Demo: Invocarea de servicii Web REST (arhivă zip, 3K) + studii de caz: PokéAPI, Star Trek API, APIfootball, Open Banking Tracker

• Resurse: SOA (InfoQ), Principles of Service Orientation, Learn REST API Design, REST for an Hour, Designing a True REST State Machine, Q&As regarding REST

• Instrumente: Awesome REST, Public APIs

• Laborator: Programare Web în PHP – transferuri asincrone de date via Ajax

Săptămâna 12

• Curs: Servicii Web. SOA. Paradigma REST (continuare) /
  Web Services. SOA. REST Paradigm [EN] (continued)

  Web service, architecture, SOA, REST, transfer, state, representation, implementation, examples

• Resurse: API Stylebook, Web APIs: From Start to Finish, API Technical and Data Standards (gov.uk), REST API Guidelines (Microsoft)

• Instrumente: The Open Guide to Amazon Web Services

• Curs: Servicii Web. Micro-servicii. Serverless. GraphQL /
  Web Services. Microservices. Serverless. GraphQL [EN]

  Web service, architecture, microservice, serverless, OpenAPI, OAuth, GraphQL, examples

• Demo: Todo-Backend; micro-servicii: Microservices with PHP, Modern Banking in 1500 Microservices; micro-frontend-uri: Feed Me; serverless: OpenFaaS Architecture, Exploring Serverless Use-Cases; GraphQL: Rapid Development with GraphQL Microservices (Netflix), GitHub GraphQL API, PizzaQL

• Resurse: micro-servicii: How to break a Monolith into Microservices, Microservice Architecture, Micro Frontends; serverless: Serverless Architectures; specificarea API-urilor REST: OpenAPI Initiative, OpenAPI-Driven API Design (Swagger); autorizare + autentificare: The Copenhagen Book, An OAuth 2.0 Introduction for Beginners, OAuth 2 Simplified; GraphQL: GraphQL – A Query Language for Your API, The Fullstack Tutorial for GraphQL

• Instrumente: HTTPie, Insomnia, Postman, REST APIs Collection, Awesome Microservices, Awesome Serverless, OpenAPI Tools, JSON Web Tokens, OAuth Libraries, Certified OpenID Connect Implementations, Awesome GraphQL, Public GraphQL APIs

• Laborator: Implementarea şi invocarea serviciilor Web cu libcURL în PHP – de experimentat Random User API, Joke API, IP Address Location API, Hacker News API, Hyrule Compendium API, The Star Wars API şi/sau NASA Open APIs

Remarci

• Pentru vizualizarea prezentărilor se poate folosi un program capabil să proceseze documentele PDF.

• Conţinutul acestei pagini poate fi oricând alterat, fără o notificare prealabilă, trebuind considerat drept work in progress.

• Simbolul indică o resursă suplimentară – de interes mai ales pentru avansaţi.