Front-End Complete Track

Front-End Complete Track Modul 1 (HTML, CSS & AI) + Modul 2 (JavaScript)

Front-End Complete Track este traseul complet de formare pentru cei care vor să învețe dezvoltare web de la zero și să construiască aplicații web moderne, interactive.

Pachetul include două module complementare, parcurse în ordine logică:

Modul 1 – HTML, CSS & AI

Structură semantică, design responsive (mobile-first), layout-uri moderne (Flexbox & Grid), Bootstrap și utilizarea AI în procesul de dezvoltare.

Modul 2 – JavaScript

Logică de programare, manipularea DOM, interactivitate, validări și integrarea funcționalităților dinamice în pagini web.

Cum funcționează:

Cursurile sunt organizate ciclic, cu multiple date de începere disponibile pe site. După achiziționarea pachetului, îți poți alege datele dorite pentru fiecare modul.

Ordinea recomandată este: 👉 Modul 1 → Modul 2

Ce vei obține la final: 

Front-End Modulul 2 (JavaScript)

După ce în Modulul 1 (HTML/CSS+AI) ai învățat să construiești structura și designul unui website, în Modulul 2 (Javascript) faci pasul către interactivitate și logică de programare. 

JavaScript este limbajul care transformă paginile statice în aplicații web dinamice. Cu ajutorul său vei putea controla comportamentul elementelor din pagină, valida date, reacționa la acțiunile utilizatorilor și construi funcționalități interactive.

Ce vei învăța:

• fundamentele limbajului JavaScript
  
• variabile, tipuri de date și structuri de control
  
• lucrul cu funcții și concepte esențiale de programare
• manipularea DOM (interacțiunea cu elementele HTML)
• gestionarea evenimentelor (click, submit, input)
• noțiuni de programare asincronă
• introducere în programarea orientată pe obiecte (OOP)
• dezvoltarea aplicațiilor web dinamice

Pe parcursul cursului vei lucra practic, construind aplicații interactive și consolidând conceptele prin exerciții aplicate.

Certificări: 

Cursul este dezvoltat în colaborare cu JS Institute și te pregătește pentru susținerea certificărilor:

• jSE – Certified JavaScript Entry-Level Programmer
• jSA – Certified Associate JavaScript Programmer

Examinare: 

Examenul final este obligatoriu și trebuie susținut în termen de maximum 30 de zile de la finalizarea cursului.

Promovarea examenului este condiția pentru obținerea diplomei de absolvire.

Continuarea naturală a traseului

Front-End Modulul 2 completează competențele dobândite în Modulul 1 și reprezintă pasul esențial către roluri de tip:

• Junior Front-End Developer
• Developer entry-level în proiecte web

Împreună, cele două module formează Front-End Complete Track.

Front-End Modulul 1 (HTML, CSS & AI)

Cursul Front-End (HTML/CSS+AI) este poarta ta de intrare în dezvoltarea web modernă. Vei învăța să construiești pagini web reale, responsive (mobile-first), folosind HTML semantic (optimizat pentru Google/SEO) și CSS modern (Flexbox & Grid).

Pentru dezvoltare rapidă, vei lucra cu Bootstrap, iar pe tot parcursul cursului vei folosi Inteligența Artificială (ex: Gemini) ca partener de lucru pentru explicații, generare de cod și debugging.

👉 Nu este necesară experiență anterioară. Pornim de la zero și construim un proiect real de portofoliu.

Ce conține cursul?

✔ 12 ședințe ONLINE, 100% practice (12 × 3 ore)

✔ Proiect final: landing page complet, responsive și optimizat SEO

✔ Publicare online: GitHub Pages sau Netlify

✔ Audit final: performanță, accesibilitate și SEO (Google Lighthouse)

✔ AI integrat în procesul de învățare

Cursul Front-End (HTML/CSS+AI) este pentru tine dacă:

• vrei să intri în IT și ai nevoie de un traseu clar, de la zero
• ai încercat tutoriale, dar totul a părut haotic
• vrei să înțelegi cum funcționează un website, nu doar să copiezi cod
• ești designer sau marketer și vrei să îți extinzi skill-urile
• cauți un curs actual, practic și orientat pe rezultate

Ce vei învăța în acest curs?

• modul de funcționare al unei aplicații web
• structurarea corectă a unui layout cu HTML semantic
• stilizare modernă cu CSS3 (tipografie, culori, box model)
• layout-uri cu Flexbox și CSS Grid
• responsive design (mobile-first, media queries)
• utilizarea Bootstrap și personalizarea componentelor
• folosirea AI pentru învățare accelerată și debugging

Proiect final & evaluare

Pe parcursul cursului vei construi un website complet, care va constitui baza proiectului final. 

Examenul final este obligatoriu și se susține online, în termen de maximum 30 de zile de la finalizarea cursului. 

Promovarea examenului este condiția pentru obținerea diplomei de absolvire.

Cum se desfășoară cursul?

Cursul se desfășoară ONLINE, oferind flexibilitate maximă de participare. Fiecare ședință îmbină partea teoretică cu exerciții practice, lucrate sub îndrumarea instructorului.

Cerințe de participare:

• cunoștințe de bază de operare PC
• calculator personal (PC sau laptop) – recomandat minimum 4GB RAM
• conexiune stabilă la internet

Ce urmează după acest curs?

Pentru aprofundare, se recomandă continuarea cu 👉 Front-End Modulul 2: JavaScript (logică și interactivitate)

Parcurgerea Modulul 1 și Modulul 2 oferă baza necesară pentru orientarea către roluri de tip Junior Front-End Web Developer.

Curriculum

• 1 Front-End Modulul 2 (JavaScript) (10 ședințe)
  • Ședința 1 Introducere în JavaScript și mediul de lucru (3h 30m)

    • Ce este JavaScript, rolul său în web development
    • Pregătirea mediului de lucru: editor, interpreter, debugger
    • Mediul local vs. online
    • Primul program: „Hello World!”
    • Cum rulăm codul JavaScript (console, script HTML, editor online)
    • CSS și JS – relația dintre ele

  • Ședința 2 Variabile, constante și tipuri de date (3h 30m)
    • Declararea variabilelor (var, let, const)
    • Modul strict ('use strict')
    • Domeniul de vizibilitate (scope)
    • Tipuri de date primitive (string, number, boolean, null, undefined, bigint, symbol)
    • Conversii de tip (string ↔ number ↔ boolean)
    • Operatorul typeof
      
  • Ședința 3 Operatorii și execuția condiționată. Bucle (3h 30m)
    • Operatorii aritmetici, logici, de comparație, de atribuire
    • ​Execuție condiționată: if, else if, else, switch
    • Operatorul ternar
      
    • Bucle: while, do...while, for, for...of, for...in
    • Instrucţiunile break şi continue
  • Ședința 4 Consolidare. Funcţii (3h 30m)
    • Consolidarea noţiunilor din şedinţele 2 şi 3

    •  Funcții: declarare, apel, parametri, valori returnate
    •  Recursivitate
    •  Expresii de funcții
      
  • Ședința 5 Funcții avansate, erori și depanare (3h 30m)
    • Funcții de apel invers (callback-uri)​
    • Funcții săgeată (arrow functions)
    • setTimeout, setInterval
    • Erori și excepții în JavaScript
    • Blocurile try...catch...finally, throw
    • Debugging: debugger, execuție pas cu pas, stiva apelurilor
      
  • Ședința 6 Obiecte și prototipuri (3h 30m)
    • Ce este un obiect​?
    • Proprietăți, metode, modificare, ștergere
    • this și comportamentul său
    • Getters și setters
    • Factory functions, constructori, new, Object.create, Object.setPrototypeOf
  • Ședința 7 Clase și moștenire (3h 30m)
    • Declararea claselor​
    • Constructori, proprietăți și metode
    • Getters, setters, membri statici
    • Moștenirea (extends, super)
    • Diferențe între clase și funcții constructor
      
  • Ședința 8 Consolidare. Obiecte predefinite și structuri de date (3h 30m)
    • Consolidarea noţiunilor din şedinţele 5, 6 şi 7
    • Tipurile predefinite: Number, String, Date, Math, JSON, RegExp​
    • Array: creare, parcurgere, sortare, filtrare, map, reduce, spread operator
    • Set, Map – mulțimi și hărți
      
  • Ședința 9 Funcții avansate și decoratori (3h 30m)
    • Avantajele funcțiilor​
    • Parametrul rest, operatorul spread
    • Închideri (closures)
    • IIFE – funcții invocate imediat
    • Metode apply, call, bind
    • Funcții de ordin superior și decoratori
      
  • Ședința 10 Programare asincronă și recapitulare finală (3h 30m)
    • De ce avem nevoie de asincronism​?
    • Callback-uri
    • Promisiuni (Promise)
    • async / await
    • Generatori și iteratori
      
• 2 Front-End Modulul 1 (HTML, CSS & AI) (12 ședințe)
  • Ședința 1 Setup-ul Programatorului Modern & AI-ul ca Partener (3h)
  • Ședința 2 HTML5 Semantic și Structura Corectă (SEO Foundation) (3h)
  • Ședința 3 Media, Link-uri și Liste (Fără Tabele pentru Layout!) (3h)
  • Ședința 4 Formulare Moderne și Interacțiune (3h)
  • Ședința 5 Introducere în CSS3 – Stil și Culoare (3h)
  • Ședința 6 The Box Model – Fundamentul Așezării în Pagină (3h)
  • Ședința 7 Layout Modern I – Flexbox (3h)
  • Ședința 8 Layout Modern II – CSS Grid (3h)
  • Ședința 9 Responsive Web Design – Site-uri pentru Mobil (3h)
  • Ședința 10 Bootstrap 5 – Dezvoltare Rapidă cu Framework-uri (3h)
  • Ședința 11 Componente Bootstrap și Personalizare (3h)
  • Ședința 12 Proiect Final, Hosting și Audit (3h)