Intrati in legatura

Schița de curs

Structura și Stilul (HTML & CSS)

Introducere & Tehnologii Web

  • Cum funcționează Web-ul: Modelul Client-Server explicat simplu.
  • Browserul ca un computer: Interpretarea codului.
  • HTML: Schița web-ului. Structură, ierarhie și tag-uri semantice.
  • CSS: Stilizarea web-ului. Culori, fonturi și Modelul Cutiei.
  • Laborator 1: Configurarea mediului de lucru și crearea unei pagini statice „Despre Mine”.

Lucrul cu HTML & CSS (Studiu aprofundat)

  • HTML: Liste, Legături, Imagini și Formulare (esențiale pentru interacțiunea cu utilizatorul).
  • CSS: Stilizarea textului și a fundalului. Introducere în Flexbox și Grid pentru layout-uri moderne.
  • Design Responsiv: Adaptarea site-ului pentru dispozitive mobile și desktop.
  • Laborator 2: Rafinarea paginii statice cu stilizare profesională și responsivitate pentru mobil.

Lucrul cu DOM (Document Object Model)

  • Concept: Înțelegerea relației dintre cod și pagina vizuală.
  • Selectarea Elementelor: Cum să alegi părți specifice ale unei pagini web.
  • Manipulare: Modificarea conținutului și a atributelor prin cod.
  • Laborator 3: Modificarea elementelor paginii statice prin cod (de exemplu, schimbarea dinamică a unui titlu sau a unei imagini).

Creierul (JavaScript)

Programare în JavaScript (Bazele)

  • Variabile & Tipuri de Date: Stocarea informațiilor (text, numere, adevărat/fals).
  • Logică: Instrucțiuni If/else (luarea deciziilor).
  • Bucle: Repetarea acțiunilor eficient.
  • Funcții: Crearea de blocuri de cod reutilizabile (Conceptul „Rețetă”).
  • Laborator 4: Crearea unui calculator de bază sau a unui joc logic folosind JavaScript.

Interactivitate & Evenimente

  • Ascultători de Evenimente: Răspunsul la clicuri, taste și încărcarea paginii.
  • Gestionarea Formularelor: Validarea intrării utilizatorului (de exemplu, verificarea dacă un e-mail este valid).
  • Manipulare DOM: Adăugarea și eliminarea dinamică a elementelor (de exemplu, o listă de sarcini).
  • Laborator 5: Transformarea calculatorului într-o aplicație web interactivă cu feedback UI.

Preluarea Datelor (API-uri)

  • Concept: Cum comunică aplicațiile web cu alte servere (de exemplu, obținerea datelor meteorologice sau a prețurilor acțiunilor).
  • JSON: Limbajul schimbului de date.
  • Programare Asincronă: Înțelegerea logicii „Așteaptă, apoi fă” fără a bloca browserul.
  • Laborator 6: Crearea unei funcționalități care preia date în timp real de la un API public și le afișează pe pagină.

Instrumentarul Profesional (Framework-uri & Proiect Final)

Utilizarea Framework-urilor de Programare

  • De ce să folosim framework-uri? (Concepte React, Vue sau Svelte).
  • Componente: Crearea de piese modulare și reutilizabile ale UI.
  • Gestionarea Stării: Urmărirea datelor în schimbare.
  • Ecosistemul: Înțelegerea pachetelor, dependențelor și controlului versiunilor (Git).
  • Laborator 7: Refactorizarea unei funcționalități simple folosind o abordare bazată pe componente.

Proiectul Final: Construirea unei Aplicații Web

  • Cerință: Participanții trebuie să construiască o aplicație web funcțională (de exemplu, un tracker de buget, un panou de control pentru produse sau un site de portofoliu).
  • Planificare: Definirea „Povestirii Utilizatorului” și a domeniului tehnic.
  • Implementare: Combinarea structurii HTML/CSS cu logica JavaScript.
  • Depanare: Cum să citești mesaje de eroare și să repari logica defectă.
  • Prezentare: Prezentarea aplicației finale în fața grupului.

Observații Finale & Pași Următori

  • Vocabular Tehnic: Un ghid rapid pentru comunicarea cu inginerii (API, Backend, Frontend, Git, Implementare).
  • Ghid de Resurse: Unde să înveți mai multe (Documentație, StackOverflow, MDN).
  • Integrare în Carieră: Cum aceste abilități te ajută în rolurile de Product Management și Design.
  • Întrebări & Răspunsuri și Evaluarea Cursului.

Cerințe

  • Cunoștințe de bază în utilizarea computerului
  • Nu este necesară experiență anterioară în programare
 21 Ore

Numărul de participanți


Pret per participant

Mărturii (2)

Cursuri viitoare

Categorii înrudite