Curs Dezvoltare Web pentru începători¶

Bun venit! Acest curs te va învăța să construiești site-uri web complete — de la structură și design până la interactivitate. La final vei avea un portofoliu personal online, un quiz interactiv și o aplicație meteo cu date reale.

Ce vei construi¶

O pagină personală „Despre mine" cu poze, linkuri și text
Un orar școlar stilizat cu hover și culori
O galerie foto responsive care arată bine pe telefon
Un formular de contact cu validare JavaScript
Un quiz educativ cu punctaj
Un portofoliu online multi-pagină
O aplicație meteo care preia date de pe API

Hartă curs¶

Introducere¶

Nr	Lecție	Ce înveți
00	Cum funcționează web-ul	Internet, client-server, instrumente
01	Prima ta pagină	Fișier `.html`, structură de bază

Modulul 1 — HTML (Structura)¶

Nr	Lecție	Ce înveți
02	HTML bazele	Titluri, paragrafe, link-uri, imagini
03	Liste și tabele	`<ul>`, `<ol>`, `<table>`
04	Formulare	`<input>`, `<label>`, `<button>`
05	Site multi-pagină	Navigare între pagini, `<nav>`

Modulul 2 — CSS (Design)¶

Nr	Lecție	Ce înveți
06	CSS introducere	Selectori, culori, fonturi
07	Box Model	Margin, padding, border
08	Flexbox și Grid	Layout modern
09	CSS avansat	Hover, tranziții, animații
10	Responsive design	Telefon, tabletă, desktop

Modulul 3 — JavaScript (Interactivitate)¶

Nr	Lecție	Ce înveți
11	JavaScript introducere	Ce este JS, `console.log`
12	Variabile și tipuri	`let`, `const`, tipuri
13	Condiții și bucle	`if`, `for`, `while`
14	Funcții	Arrow functions, parametri
15	DOM	Selectare și modificare HTML
16	Evenimente	Click, input, submit
17	Formulare cu validare	Captează și validează date
18	Fetch și API-uri	JSON, `fetch`, async/await

Proiecte finale¶

Nr	Proiect	Ce construiești
19	Portofoliu personal	Site multi-secțiune, responsive
20	Aplicație Quiz	Quiz interactiv cu scor
21	Aplicație Meteo	Date live de la Open-Meteo API

Cerințe prealabile¶

Un calculator cu Windows / macOS / Linux
Un editor de cod (VS Code recomandat) — vezi lecția 00
Un browser modern (Chrome, Firefox, Edge)
Nu ai nevoie de experiență anterioară

Durată estimată¶

~22 ședințe de 90 de minute
Ritm recomandat: o lecție pe săptămână
Perioada: septembrie – iunie (un an școlar)

Instrumente folosite¶

Instrument	Pentru ce	Unde
VS Code	Editor de cod	code.visualstudio.com
Live Server (extensie VS Code)	Refresh automat la salvare	VS Code Marketplace
Chrome DevTools	Depanare în browser	Integrate în Chrome
Open-Meteo	API meteo fără cheie	open-meteo.com

Cum să folosești cursul

Nu te grăbi. Scrie fiecare bucată de cod cu mâna ta — nu copia din soluții. Vezi rezultatul în browser la fiecare pas. Dacă ceva nu merge, deschide Console-ul din DevTools (F12) — acolo Browser-ul îți spune exact ce nu merge.

Gata? Începem! → Lecția 00: Cum funcționează web-ul