Curs Full Stack Developer

Lecția 1 • Cum funcționează web-ul

Acoperă ciclurile de cerere-răspuns HTTP, rezolvarea DNS și pipeline-urile de randare ale browser-ului. Stabilește coloana vertebrală conceptuală pentru fiecare decizie full-stack luată ulterior.

Lecția 2 • Instrumente pentru dezvoltatori și noțiuni de bază despre terminal

Prezintă linia de comandă, managerii de pachete și editorii de cod ca instrumente de lucru zilnice. Competența în acestea accelerează fiecare exercițiu practic ulterior.

Lecția 3 • Structura proiectului și standarde de cod

Stabilește convențiile pentru foldere, regulile de linting și standardele de formatare utilizate pe parcursul cursului. O structură consecventă reduce efortul cognitiv în proiectele ulterioare cu mai multe fișiere.

Lecția 1 • Layout-uri cu Flexbox și CSS Grid

Predă ambele sisteme de layout cu cazuri practice de utilizare pentru fiecare. Studenții construiesc un layout responsive cu două coloane și un card-grid folosind doar CSS.

Lecția 2 • Fundamentele CSS și modelul cutiei

Explică selectorii, specificitatea, moștenirea și modelul cutiei ca bază a întregii stilizări vizuale. Până la sfârșitul secțiunii, studenții stilizează o pagină cu mai multe secțiuni.

Lecția 3 • Design responsive și interogări media

Aplică principiile de design mobile-first și strategiile de breakpoint pe layout-uri reale. Studenții adaptează un design de desktop pentru a funcționa pe diferite viewport-uri (telefon, tabletă, desktop).

Lecția 4 • Animații și tranziții CSS

Prezintă animațiile keyframe și proprietățile de tranziție pentru a adăuga mișcare fără JavaScript. Leagă lustruirea vizuală de principiile experienței utilizatorului introduse în secțiunile despre layout.

Lecția 1 • Module și instrumente moderne JavaScript

Prezintă modulele ES, bundlerele și transpilatoarele pentru a pregăti codul pentru mediile de producție. Studenții configurează un proiect Vite și importă/exportă în mai multe fișiere.

Lecția 2 • JavaScript asincron

Explică bucla de evenimente, callback-urile, Promise-urile și async/await pentru gestionarea operațiunilor cu întârziere. Studenții preiau date de la o API publică și le randă în DOM.

Lecția 3 • Sintaxa JavaScript de bază și tipuri de date

Acoperă variabilele, tipurile primitive, operatorii și coerciția de tip ca blocuri de construcție ale oricărui cod JS. Stăpânirea acestora previne cele mai frecvente erori de începător în proiectele ulterioare.

Lecția 4 • Flux de control și funcții

Predă condiționalele, buclele și declarațiile de funcții, inclusiv funcțiile săgeată și closure-urile. Studenții refactorizează codul procedural în funcții reutilizabile cu scop bine definit.

Lecția 1 • Stare globală cu Context și Reducers

Predă Context API și useReducer pentru partajarea stării între componente adânc imbricate. Studenții refactorizează starea transmisă prin props-uri într-un magazin de context centralizat.

Lecția 2 • Concepte de bază React și JSX

Prezintă modelul de componente, sintaxa JSX și DOM-ul virtual ca idei fundamentale ale React. Studenții randă un arbore de componente și înțeleg cum actualizează React interfața.

Lecția 3 • React Router și navigație

Implementează rutarea pe partea clientului cu rute imbricate, segmente dinamice și rute protejate. Studenții adaugă navigație cu mai multe pagini aplicației lor React.

Lecția 4 • Gestionarea stării cu Hooks

Acoperă useState, useEffect și hook-uri personalizate pentru gestionarea stării locale a componentelor și a efectelor secundare. Studenții construiesc un formular interactiv cu validare și feedback live.

Lecția 1 • Principii de design API RESTful

Aplică constrângerile REST pentru a proiecta endpoint-uri API consistente și predictibile, cu coduri de stare corecte. Studenții refactorizează o API ad-hoc într-o structură complet RESTful bazată pe resurse.

Lecția 2 • Framework-ul Express și rutarea

Construiește aplicații Express structurate cu handlere de rute, parametri de rută și string-uri de interogare. Studenții organizează rutele în fișiere router separate, respectând convențiile REST.

Lecția 3 • Runtime-ul Node.js și modulele de bază

Explică arhitectura bazată pe evenimente a Node.js, sistemul de module și modulele încorporate pentru I/O de fișiere și rețea. Studenții scriu scripturi folosind modulele fs, path și http.

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

Implementează validarea bazată pe scheme și răspunsuri centralizate de eroare pentru a consolida API-ul. Studenții adaugă middleware de validare care returnează mesaje de eroare structurate clienților.

Lecția 1 • Integrare ORM cu Prisma

Folosește Prisma pentru a defini scheme, a genera un client type-safe și a efectua operațiuni CRUD din Node.js. Studenții înlocuiesc interogările SQL brute din API-ul lor cu apeluri către clientul Prisma.

Lecția 2 • NoSQL cu MongoDB și Mongoose

Prezintă modelarea datelor orientată pe documente și schemele Mongoose pentru o stocare flexibilă, fără schemă fixă. Studenții construiesc un al doilea endpoint API bazat pe MongoDB pentru a contrasta cu SQL.

Lecția 3 • Alegerea și conectarea bazelor de date

Compară compromisurile SQL și NoSQL și acoperă pooling-ul conexiunilor și configurarea bazată pe mediu. Studenții configurează API-ul pentru a comuta între baze de date prin variabile de mediu.

Lecția 4 • Configurare PostgreSQL și interogări avansate

Aplică abilitățile SQL la PostgreSQL cu indecși, tranzacții și constrângeri pentru integritatea datelor la nivel de producție. Studenții rulează migrări și scripturi de populare împotriva unei instanțe locale PostgreSQL.

Lecția 1 • JSON Web Token-uri și Refresh Token-uri

Acoperă structura JWT, semnarea, verificarea și rotația refresh token-urilor pentru sesiuni persistente. Studenții implementează autentificarea, emiterea de token-uri și reîmprospătarea silențioasă în API-ul lor.

Lecția 2 • Bune practici de securitate web

Abordează cele mai mari amenințări OWASP, inclusiv XSS, CSRF, injectarea SQL și headerele nesigure. Studenții auditează aplicația și aplică remedieri cu Helmet.js și igienizarea intrărilor.

Lecția 3 • OAuth 2.0 și autentificare terță parte

Integrează fluxul de cod de autorizare OAuth 2.0 pentru autentificare socială utilizând un furnizor precum Google. Studenții adaugă un buton funcțional de autentificare terță parte aplicației lor full-stack.

Lecția 4 • Controlul accesului pe bază de roluri

Proiectează un model de permisiuni cu roluri și gardieni aplicați ca middleware Express și wrapper-e de rute React. Studenții restricționează endpoint-urile API și paginile UI în funcție de rolul utilizatorului.

Lecția 1 • Integrare full-stack și proiect de sinteză

Conectează toate straturile—frontend React, API Express, baza de date și autentificarea—într-o singură aplicație care poate fi implementată. Studenții prezintă un proiect live, complet funcțional, demonstrând competență end-to-end.

Lecția 2 • Configurarea pipeline-ului CI/CD

Automatizează testarea, construirea și implementarea folosind un serviciu CI/CD declanșat de push-urile Git. Studenții configurează un pipeline care rulează teste și face deployment la îmbinarea în main.

Lecția 3 • Containerizare cu Docker

Împachetează API-ul Node.js și baza de date în containere Docker pentru medii consistente pe diferite mașini. Studenții scriu Dockerfile-uri și un fișier Compose pentru dezvoltarea locală cu mai multe servicii.

Lecția 4 • Deployment și găzduire în cloud

Face deployment backend-ului API pe o platformă cloud și frontend-ului React pe un serviciu de găzduire statică. Studenții configurează domenii personalizate, HTTPS și secrete de mediu.