FrontEnd.ro logo

Învață FrontEnd

Intro

  1. Despre noi

    Ce ne face diferiți și de ce ai vrea să înveți alături de noi.

    • Păvă avatar

      Păvă

  2. Î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!

  3. Î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.

  4. Diana lucrează la acestă lecție. Va fi disponibilă în curând.

    VisualStudio Code

    Scurtă introducere în programul pe care-l vom folosi să scriem cod.

    • Diana avatar

      Diana

  5. Contribuie și tu cu o lecție

HTML

  1. În curând

    Despre HTML

    Învață principiile de bază ale acestui limbaj și scrie primele linii de cod.

  2. Î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.

  3. Î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.

  4. 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 avatar

      Diana

  5. Liste

    Hai să vorbim despre cele 3 tipuri de liste și când să-l folosești pe fiecare.

    • Diana avatar

      Diana

  6. Î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.

  7. 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ă avatar

      Păvă

  8. Video și Audio

    Imaginile aduc mai multă viață site-urilor noastre, dar putem merge un pas mai departe folosind elemente video și audio.

    • Sebastian avatar

      Sebastian

  9. 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 avatar

      Robert

  10. Contribuie și tu cu o lecție

CSS

  1. Î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.

  2. 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 avatar

      Daniel

  3. 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 avatar

      Nicolae

  4. Cătălin lucrează la acestă lecție. Va fi disponibilă în curând.

    Box model

    Deși unele site-uri sunt cu adevărat WOW, la bază fiecare element e doar un dreptunghi cu câteva proprietăți mai speciale. Aici învățăm despre ele.

    • Cătălin avatar

      Cătălin

  5. În curând

    Tranziții

    Extrem de folosite în multe aplcații, acestea adaugă interactivitate paginilor noastre.

  6. În curând

    Animații

    Similare cu tranzițiile dar mult mai puternice. Singura limită e creativitatea!

  7. Î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.

  8. Contribuie și tu cu o lecție

JavaScript

  1. Î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.

  2. Î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.

  3. În curând

    Variabile și tipuri primitive

    Ce sunt variabilele, de ce avem nevoie de ele și cum le folosim.

  4. Î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.

  5. În curând

    Funcții

    Organizează codul în "părți" reutilizabile pentru o mai bună arhitectură.

  6. Contribuie și tu cu o lecție

Extra

  1. Î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.

  2. Î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ă

  3. Î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.

  4. Contribuie și tu cu o lecție