Tehnologii Web

Săptămâna 1

• Chestiuni organizatorice /
  Organizational Matters [EN]

• 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, 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, status codes

• 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

• 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, Vinyl Cache; 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)

• Resurse: File Formats

• 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

• 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, Every Great Project Was Once Called A Bad Idea, Killed by Google, Killed by Microsoft, Killed by Mozilla; arhitecturi Web: Design a Picture-Sharing System, GitLab Architecture, Designing Instagram, Tech Stacks, The Architecture of Open Source Applications, Web Browser Engineering

• Resurse: arhitecturi software: Software Architecture Guide, How To Be A Programmer, Getting Real (Basecamp), Software Architecture Playbook, aim42, MVC and Its Alternatives; IA în contextul Web: Difference between AI, ML, LLM, and generative AI, Generative AI, A Deep Dive into GenAI System Architecture

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

• 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: Awesome PHP

• Laborator: Recapitulare HTML şi CSS – de studiat şi HTML+CSS only, CSS projects, Re-creating a Pantone Color Deck in 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), Learn PHP The Right Way

  • 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 Dictionary, PHP Benchmarks, The Toyota Corolla Of Programming

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

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

• 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

Săptămâna 8

• Lucru la proiect

Săptămâna 9

• Curs: Modelarea datelor. Familia XML (continuare) /
  Data modeling. XML family [EN] (continued)

  language, markup, semi-structure, XML, namespaces, examples

• 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, PHP Annotated (JetBrains)

  • 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, Using shadow DOM (MDN), 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

• Resurse: 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

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

• 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

• 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, NASA Open APIs şi/sau Free Public 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.