Î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
Despre HTML
Învață principiile de bază ale acestui limbaj și scrie primele linii de cod.
Cătălin
Structura fiecărei pagini HTML
Orice website, fie că este un site de prezentare sau un complex editor video, conține aceeași structura de bază cu mai multe elemente descriptive și nu numai.
Iulian
Păvă
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.
Păvă
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
Învață să folosești link-uri și butoane în HTML și diferența dintre acestea.
Diana
Liste
Hai să vorbim despre cele 3 tipuri de liste și când să-l folosești pe fiecare.
Diana
Containere
Am parcurs câteva elemente de bază, dar nu am vorbit despre cum le organizăm pentru a crea layout-uri mai complexe. Aici intervin elementele de tip “container”.
Păvă
Imagini
Învață să adaugi și să optimizezi imagini în paginile Web.
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
Păvă
Formulare
Cu ce elemente putem construi formulare moderne, și care sunt cele mai bune practici legate de acestea?
Robert
Păvă
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
Învață modurile prin care putem aplica stiluri paginilor Web.
Daniel
Î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.
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