Curs Programare Web Full Stack

Lecția 1 • Controlul versiunilor cu Git

Predă fundamentele Git și fluxurile de lucru cu repository-uri la distanță. Permite codarea colaborativă și iterația sigură pe tot parcursul cursului.

Lecția 2 • Elemente esențiale ale liniei de comandă

Dezvoltă fluența în navigarea sistemului de fișiere, gestionarea proceselor și noțiunile de bază ale scriptării. Stă la baza utilizării eficiente a tool-urilor de build și serverelor introduse ulterior.

Lecția 3 • Configurarea mediului de dezvoltare

Instalează și configurează editoare de cod, emulatoare de terminal și version manageri. Asigură că fiecare student are un spațiu de lucru reproductibil și de nivel profesional.

Lecția 1 • Elemente semantice și repere (landmark-uri)

Acoperă elementele header, nav, main, article, section, aside și footer. Îmbunătățește accesibilitatea și indexarea în motorul de căutare a proiectelor studenților.

Lecția 2 • Tabele, liste și conținut încorporat (embedded)

Acoperă tabelele de date, listele ordonate și neordonate și încorporarea iframe-urilor. Completează setul de instrumente HTML necesar înainte de introducerea layout-urilor CSS.

Lecția 3 • Formulare, câmpuri de intrare (input) și validare

Predă toate tipurile de input, etichetele (label), fieldset-urile și validarea nativă a browser-ului. Pregătește studenții pentru gestionarea formularelor pe partea de back-end, abordată în capitolele următoare.

Lecția 1 • Selectori CSS și cascada

Explică specificitatea, moștenirea și algoritmul cascadei. Previne erorile de stilizare care apar din înțelegerea greșită a precedenței regulilor.

Lecția 2 • Layout CSS Grid

Acoperă șabloanele de grid bidimensionale, zonele și plasarea automată. Echipează studenții pentru a construi layout-uri complexe de pagină fără framework-uri externe.

Lecția 3 • Design responsiv și media queries

Aplică metodologia mobile-first, punctele de întrerupere (breakpoints) și unitățile fluide. Asigură că toate proiectele studenților se rand corect pe diferite dimensiuni de ecran.

Lecția 4 • Layout Flexbox

Predă alinierea unidimensională cu containere și elemente flexibile. Permite studenților să construiască bare de navigare, rânduri de carduri și layout-uri centrate.

Lecția 1 • JavaScript asincron

Explică bucla de evenimente (event loop), callback-urile, Promise-urile și async/await. Permite direct apelurile API și interogările bazei de date introduse în capitolele următoare.

Lecția 2 • Array-uri, obiecte și destructurare

Acoperă metodele array-urilor, manipularea obiectelor și sintaxa de destructurare ES6. Pregătește studenții pentru gestionarea datelor atât în contexte de front-end, cât și de back-end.

Lecția 3 • Fluxul de control și funcțiile

Predă condiționalele, buclele și declarațiile de funcții, inclusiv funcțiile săgeată (arrow functions). Permite studenților să scrie blocuri de cod reutilizabile bazate pe logică.

Lecția 4 • Manipularea DOM-ului și evenimente

Predă interogarea, modificarea și crearea nodurilor DOM, precum și gestionarea evenimentelor din browser. Transformă paginile HTML/CSS statice în aplicații interactive.

Lecția 1 • React Router și navigare

Implementează rutarea pe partea clientului (client-side routing) cu React Router. Permite structura aplicației multi-pagină necesară pentru proiectul de final (capstone).

Lecția 2 • Concepte de bază React

Introduce JSX, componentele și DOM-ul virtual. Stabilește modelul mental necesar înainte de introducerea hooks-urilor și a stării.

Lecția 3 • Preluarea datelor și integrarea API

Combină useEffect cu fetch și Axios pentru a consuma API-uri REST. Conectează componentele front-end la serviciile back-end create ulterior.

Lecția 4 • Stare și ciclu de viață cu Hooks

Acoperă useState, useEffect și hook-uri personalizate pentru gestionarea stării componentelor și a efectelor secundare. Permite un comportament UI dinamic și bazat pe date.

Lecția 1 • Principii de proiectare API RESTful

Aplică constrângerile REST la denumirea resurselor, verbele HTTP și codurile de stare. Produce API-uri care sunt previzibile și ușor de consumat de către clienții front-end.

Lecția 2 • Middleware și procesarea cererilor

Explică pipeline-ul de middleware, parsarea corpului cererii și gestionarea erorilor. Permite o procesare curată și reutilizabilă a cererilor pe toate rutele API.

Lecția 3 • Runtime-ul Node.js și sistemul de module

Acoperă bucla de evenimente Node, modulele CommonJS și ecosistemul npm. Stabilește fundația runtime pe partea de server pentru toată activitatea de back-end.

Lecția 4 • Validarea intrărilor (input) și gestionarea erorilor

Implementează validarea bazată pe scheme și răspunsuri de eroare structurate. Întărește API-ul înainte de adăugarea integrării bazei de date și autentificării.

Lecția 1 • Securitatea și performanța bazelor de date

Acoperă interogările parametrizate, connection pooling-ul și strategiile de indexare. Previne injecția SQL și asigură scalarea API-ului sub sarcină.

Lecția 2 • Integrarea ORM cu Node.js

Aplică un ORM pentru a defini modele, asocieri și migrații. Conectează API-ul Express la o bază de date relațională cu un minim de SQL nativ.

Lecția 3 • NoSQL cu baze de date document

Introduce stocarea în documente, colecțiile și schemele flexibile. Echipează studenții pentru a alege tipul potrivit de bază de date pentru diferite forme de date.

Lecția 4 • Fundamentele bazelor de date relaționale

Acoperă tabelele, cheile primare, cheile externe și normalizarea. Oferă vocabularul de modelare a datelor utilizat pe parcursul activității cu SQL și ORM.

Lecția 1 • Elemente esențiale de securitate a aplicațiilor web

Abordează amenințările principale OWASP, inclusiv XSS, CSRF și atacurile prin injecție. Întărește aplicația pentru a îndeplini standardele de securitate de bază ale producției.

Lecția 2 • Containerizare cu Docker

Împachetează aplicația și baza de date în containere Docker și compune stack-uri multi-serviciu. Asigură un comportament consistent de la mediul local de dezvoltare până la producție.

Lecția 3 • Deployment în cloud și pipeline-uri CI/CD

Face deployment-ul aplicației full-stack containerizate la un furnizor cloud și automatizează build-urile cu un pipeline CI/CD. Studenții au un URL live pentru portofoliul lor.

Lecția 4 • Autentificare cu JWT

Construiește fluxuri de înregistrare, autentificare (login) și reîmprospătare a token-urilor (token refresh) folosind JSON Web Token-uri. Securizează toate rutele API protejate înainte de deployment.