Învață FrontEnd
Intro
Despre noi
Ce ne face diferiți și de ce ai vrea să înveți alături de noi.
Păvă
În curând
Cum poți ajuta
Ne dorim ca acest proiect să fie un efort de comunitate, deci dacă-ți place ce facem aici contribuie și tu!
În curând
Ce este FrontEnd-ul?
Află ce înseamnă să faci aplicații Web și de ce e mult mai interesant decât ai putea crede.
Visual Studio Code
Scurtă introducere în programul pe care-l vom folosi să scriem cod, și nu numai.
Diana
Contribuie și tu cu o lecție
HTML
În curând
Despre HTML
Învață principiile de bază ale acestui limbaj și scrie primele linii de cod.
În curând
Structura de bază a oricărei aplicații web
Indiferent ce tip de aplicație creezi, toate au aceeași structură generală despre care vom vorbi aici.
În curând
Validarea paginilor HTML
Deși putem "scăpa" fără să scriem HTML valid, acest lucru nu e deloc încurajat. Hai să vedem de ce, și cum ne putem asigura că scriem cod corect.
Texte
Avem la dispoziție mai multe elemente când vine vorba de texte, iar aici învățăm când și cum să le folosim.
Diana
Link-uri și butoane
Pentru a putea naviga de la o secțiune la alta sau de la o pagină la alta avem nevoie de link-uri. Totodată dacă vrem să facem acțiuni, vom avea nevoie de butoane. Hai să aflăm mai multe despre cum le folosim.
Diana
Liste
Hai să vorbim despre cele 3 tipuri de liste și când să-l folosești pe fiecare.
Diana
În curând
Containere
Am parcurs câteva elemente de bază, dar nu am vorbit despre cum le organizăm pentru a crea layout-uri mai complexe.
Imagini
Fără imagini web-ul ar fi mult mai plicticos, deci hai să vedem cum le putem adăuga și care sunt cele mai bune practici legate de acestea.
Păvă
Video și Audio
Imaginile aduc mai multă viață site-urilor noastre, dar putem merge un pas mai departe folosind elemente video și audio.
Sebastian
Robert lucrează la acestă lecție. Va fi disponibilă în curând.
Formulare
Cu ce elemente putem construi formulare moderne, și care sunt cele mai bune practici legate de acestea.
Robert
Contribuie și tu cu o lecție
CSS
În curând
Despre CSS
Învață principiile de bază ale stilizării paginilor Web și fii inspirat de tot ce e posibil cu acest limbaj.
Cele 3 moduri de stilizare
Browserul ne oferă mai multe moduri prin care putem aplica stiluri paginilor noastre. Hai să vobim despre fiecare în parte.
Daniel
Nicolae lucrează la acestă lecție. Va fi disponibilă în curând.
Tag-uri, clase și id-uri
Pentru a stiliza un element, sau mai multe, trebuie să le putem diferenția față de celelalte. Putem face acest lucru după tag, clase sau id-uri.
Nicolae
Box model
Deși unele site-uri sunt cu adevărat WOW, fiecare element e de fapt un dreptunghi cu câteva proprietăți mai speciale numit Box Model. Aici învățăm despre el.
Cătălin
În curând
Tranziții
Extrem de folosite în multe aplcații, acestea adaugă interactivitate paginilor noastre.
În curând
Animații
Similare cu tranzițiile dar mult mai puternice. Singura limită e creativitatea!
În curând
CSS Media Queries
Folosind această tehnică putem aplica stiluri diferite în funcție de dimensiunea ecranului sau alte caracteristici ale dispozitivului. Așa putem face site-ul să arate bine și pe telefon și pe calculator.
Contribuie și tu cu o lecție
JavaScript
În curând
Despre JavaScript
Cu HTML și CSS putem crea o experiență vizuală plăcută, dar lipsită de interactivitate. Aici intră în scenă JavaScript, limbajul cu care totul e posibil.
În curând
Cum să gândim ca un programator
Înainte să "sărim" în progamarea efectivă, hai să vorbim puțin despre ce înseamnă să scrii cod și cum să abordezi această nouă provocare.
În curând
Variabile și tipuri primitive
Ce sunt variabilele, de ce avem nevoie de ele și cum le folosim.
În curând
Obiecte și Array-uri
Dacă până acum am avut variabile cu o singură valoare, în Obiecte și Array-uri putem reține mai multe informații ce au legătură între ele.
În curând
Funcții
Organizează codul în "părți" reutilizabile pentru o mai bună arhitectură.
Contribuie și tu cu o lecție
Extra
În curând
DevTools
Browser-ele ne oferă multe tool-uri care ne măresc productivitatea extrem de mult. Hai să învățăm să le folosim în această lecție.
În curând
Graceful Degradation
Un mod de a ne construi aplicațiile astfel încât și utilizatorii de pe dispozitive mai vechi să aibă o experiență decentă
În curând
Biblioteci și Framework-uri
Când vei lucra la proiecte "reale" alături de alți developeri, vei vedea că de multe ori refolosim cod scris de alții sub formă de biblioteci sau framework-uri.
Contribuie și tu cu o lecție