Development Factory/HTML și CSS de la Zero: Modul 1

  • Lei99

HTML și CSS de la Zero: Modul 1

Învață fundamentele comunicării și fluxurilor informaționale pe web și începe să construiești site-uri de la zero cu HTML și CSS.

Dezvoltarea web e cea mai populară nișă din industria de dezvoltare software și în continuă creștere cu fiecare an. De la cele mai mari companii din lume, până la startup-uri, fie că vorbim de produse software de uz comercial (adică pe care companiile le vând mai departe), fie că vorbim de produse interne care să ușureze operațiunile de zi cu zi ale companiei, acestea vor fi cel mai probabil aplicații web. De-asta și cererea de programatori web este mai mare ca niciodată.

Dacă te-ai săturat de cursuri ce durează luni de zile și costă o avere dar simți că tot timpul rămâi în urmă față de alții, explicațiile nu sunt chiar pe înțelesul tău, iar cantitatea de informație e, fie prea multă și ești copleșit(ă) de complexitate, fie prea puțină și insuficientă pentru a înțelege pe deplin problemele, atunci ești în locul potrivit. Acest curs conține toate detaliile de care ai nevoie pentru a-ți forma o fundație solidă în dezvoltare web, sub o formă bine structurată și ușor de înțeles pentru oricine. Înveți în ritmul tău, fără termene limită și nu ești condiționat de programul altora.

Sumar

  • 10 de ore de conținut în limba română ⌛

  • Peste 50 de lecții video 📺

  • Chestionare pentru verificarea cunoștințelor📝

  • Certificat de absolvire 📄

  • Acces pe viață și la toate actualizările viitoare ♾️

  • Înveți în ritmul tău 👩‍🎓

Parcursul tău

Mecanismele internetului

Toate mecanismele ce guvernează procesele din internet, care ne permit să avem în prezent o lume de atât de accesibilă și interconectată. Pornim de la subiecte mai generale, despre ce este și cum funcționează internetul, și intrăm în toate detaliile tehnice despre elemente precum adresele IP, servere DNS și infrastructura fizică de comunicare.

Infrastructura rețelelor de calculatoare

Importanța infrastructurii rețelelor e de multe ori ignorată când se discută despre aplicații sau site-uri web, dar joacă un rol crucial în arsenalul unui dezvoltator web pentru a înțelege întregul spectru de probleme de securitate cibernetică cu care se confruntă acest gen de aplicații.

Infrastructură web

Pe lângă infrastructura fizică a rețelelor, vei învăța și care sunt principalele componente software în ecosistemul aplicațiilor web, cât și comportamentele acestor componente, standardelor la care se supun, sau interfețe de comunicare.

Transmiterea datelor

În era modernă suntem obișnuiți să transmitem cantități foarte mari de date prin internet fără să ne gândim prea mult la asta. Fiind punctul în care se îmbină elementele software cu cele hardware, transmiterea datelor devine unul din subiectele cu cea mai mare complexitate, drept pentru care o bună parte din inginerii software nu înțeleg ce se întâmplă nici după ani de activitate în domeniu. Facem o radiografie completă a acestui subiect, cu scheme și explicații pe înțelesul tuturor.

Fundamentele HTML

Punem bazele cunoștințelor de HTML și înțelegem pe deplin importanța "scheletului" unei pagini web moderne. Scriem codul împreună și trecem prin particularitățile diferitelor elemente HTML, pentru a înțelege cum să optimizăm paginile web la nivelul fiecărui element.

Semantica în HTML

Înveți nu numai cum să creezi pagini web, dar și cum să le structurezi astfel încât să se ridice la nivelul celor mai riguroase standarde HTML, ceea ce îți va propulsa paginile din punct de vedere SEO și accesibilitate.

Fundamentele CSS

Punem bazele cunoștințelor de CSS (Cascading Style Sheets) într-un mod în care tu vei înțelege nu doar cum să schimbi aspectul elementelor din pagină, ci și regulile care guvernează procesele din motoarele de randare ale browserelor moderne.

Pentru cine este cursul

  • Oricine vrea să-și creeze o carieră în web development, chiar dacă nu a mai intrat în contact cu IT-ul până acum

  • Oricine care e deja familiar cu HTML/CSS dar vrea să-și reîmprospăteze sau să-și completeze cunoștințele

  • Dezvoltatori cu experiență pe back-end ce vor să-și extindă cunoștințele și în zona de front-end

Fără experiență anterioară

Nu ai nevoie de niciun fel de experiență anterioară pentru a urma cursul. Chiar dacă nu ai mai interacționat până acum cu dezvoltarea web sau chiar cu nimic din domeniul dezvoltării, nu trebuie să-ți faci griji. Începem de la zero și construim o fundație solidă, toate cunoștințele și noțiunile de care ai nevoie pentru a urma o carieră în dezvoltare web sunt acoperite în curs.

După finalizarea cursului

  • Vei înțelege în profunzime cum funcționează internetul și rețelele de calculatoare în lumea modernă și interconectată

  • Vei avea cunoștințe solide despre protocoalele de comunicare, securizarea și transmiterea datelor prin rețea

  • Vei înțelege în profunzime care sunt principalele componente din infrastructura aplicațiilor web și care sunt toate procesele din spatele parcurgerii paginilor web

  • Vei avea cunoștințe solide despre HTML și arhitectura unei pagini web

  • Vei ști cum să optimizezi o pagină web pentru accesibilitate și SEO chiar de la nivelul codului HTML

  • Codul HTML a suferit multe schimbări de paradigmă de-a lungul timpului, dar nu trebuie să-ți faci griji, atingem toate detaliile HTML-ului modern, astfel încât codul tău să atingă cele mai înalte standarde

  • Vei avea cunoștințe solide despre CSS și procesele din spatele motoarelor de randare din browsere

  • Vei avea o înțelegere profundă a modului de funcționare al CSS, astfel încât să nu fii surprins de efectele codului în pagină

  • Îți vei forma o fundație solidă de cunoștințe pe care să construiești o carieră lungă și de succes în inginerie software

Părerea cursanților

Despre cursurile introductive de Web Development

Cristina Vaidean

"Cursul este explicat si exemplificat foarte bine, la obiect."


Introducere în CSS

⭐⭐⭐⭐⭐

Vlad Branoiu

"Un curs foarte bine structurat si foarte bine explicat."


Introducere în HTML

⭐⭐⭐⭐⭐

Baraian Eliza

"Foarte interesant, foarte bine explicat si structurat , chiar am facut pas cu pas tot , nu a fost greu deloc, poate cum am avut si alte ocazii pentru webinare gratuite. Pot sa zic ca mi s-au clarificat anumite lucruri."


Introducere în HTML

⭐⭐⭐⭐⭐

Radu Antonio Marian

"Bun pentru inceput, se combina foarte bine cu cel de HTML si limbajul folosit este usor de inteles."


Introducere în CSS

⭐⭐⭐⭐⭐

Florin Ariasu

⭐⭐⭐⭐⭐

"Foarte bun cursul si mai ales mini proiectul de la final astfel incat sa pot aplica ceea ce am invatat de a lungul cursului."


Introducere în JavaScript

Structură

Descărcabile

Cod-lecții.zip
  • 180 KB

Intro

Intro.mov
  • 3 mins
  • 322 MB
Preview

Arhitectura web-ului

1.1 Ce este internetul.mov
  • 2 mins
  • 48.5 MB
Preview
1.2 Infrastructura unei rețele de calculatoare.mov
  • 11 mins
  • 490 MB
Preview
1.3 Protocolul internet.mov
  • 2 mins
  • 26.6 MB
1.4.1 Navigarea pe internet.mov
  • 2 mins
  • 31.1 MB
1.4.2 Testarea conexiunii cu un nume de domeniu.mov
  • 7 mins
  • 240 MB
1.4.3 Sistemul numelor de domeniu.mov
  • 2 mins
  • 46.6 MB
1.4.4 Rețele publice vs private.mov
  • 1 min
  • 31 MB
1.4.5 Identificarea unui nume de domeniu.mov
  • 6 mins
  • 178 MB
1.4.6 Transmiterea datelor în rețea.mov
  • 3 mins
  • 95.4 MB
1.5 Comunicarea HTTP și HTTPS.mov
  • 6 mins
  • 144 MB
1.6 Criptarea datelor în HTTPS.mov
  • 10 mins
  • 242 MB
1.7 Serverul web.mov
  • 7 mins
  • 191 MB
1.8 Ce se întâmplă când accesăm un site web.mov
  • 13 mins
  • 348 MB
1.9 Sub capota unei pagini web.mov
  • 6 mins
  • 130 MB
Chestionar de final
    Feedback

      Fundamentele HTML

      2.1 Ce este HTML.mov
      • 7 mins
      • 159 MB
      2.2 Structura unui document HTML.mov
      • 4 mins
      • 86.4 MB
      2.3 Inspectarea paginilor și DevTools.mov
      • 15 mins
      • 443 MB
      2.4 Instalare VS Code.mov
      • 8 mins
      • 299 MB
      2.5 Prezentare VS Code.mov
      • 10 mins
      • 225 MB
      2.6 Crearea unui document HTML.mov
      • 9 mins
      • 190 MB
      2.7 Autocompletarea în VS Code și abrevieri emmet.mov
      • 12 mins
      • 246 MB
      2.8 !DOCTYPE.mov
      • 8 mins
      • 168 MB
      2.9 Baza structurii unei pagini web.mov
      • 5 mins
      • 107 MB
      2.10 Rolul standardelor în structura documentelor HTML.mov
      • 11 mins
      • 325 MB
      2.11 Structura unui element și tipuri de elemente.mov
      • 14 mins
      • 306 MB
      2.12 Extensii pentru VS Code.mov
      • 16 mins
      • 668 MB
      2.13 Titluri.mov
      • 11 mins
      • 231 MB
      2.14 Elemente pentru structurarea textului.mov
      • 16 mins
      • 586 MB
      2.15 Liste.mov
      • 9 mins
      • 261 MB
      2.17 Conținut tabelar.mov
      • 8 mins
      • 195 MB
      2.18 Butoane.mov
      • 15 mins
      • 403 MB
      2.19 Introducere de date.mov
      • 30 mins
      • 946 MB
      2.20 Formulare.mov
      • 21 mins
      • 648 MB
      2.21 Ancore și navigare.mov
      • 27 mins
      • 923 MB
      2.22 Semantică în HTML.mov
      • 21 mins
      • 536 MB
      2.23 Validarea și depanarea codului de HTML.mov
      • 20 mins
      • 814 MB
      2.16 Imagini.mov
      • 17 mins
      • 459 MB
      Chestionar de final
        Feedback

          Fundamentele CSS

          3.1 Ce este CSS.mov
          • 3 mins
          • 82.6 MB
          3.2 Sintaxa.mov
          • 7 mins
          • 159 MB
          3.3 Stiluri implicite.mov
          • 7 mins
          • 172 MB
          3.4 Moduri de a scrie CSS.mov
          • 11 mins
          • 258 MB
          3.5 Tipuri de selectori.mov
          • 7 mins
          • 132 MB
          3.6 Combinarea mai multor selectori.mov
          • 8 mins
          • 214 MB
          3.7 Tipuri de elemente.mov
          • 11 mins
          • 379 MB
          3.8 Pseudo-clase și pseudo-elemente.mov
          • 15 mins
          • 753 MB
          3.9 Specificitatea selectorilor.mov
          • 14 mins
          • 584 MB
          3.10 Box model.mov
          • 18 mins
          • 547 MB
          3.11 Box model - content-box vs border-box.mov
          • 11 mins
          • 328 MB
          3.12 Culori.mov
          • 24 mins
          • 731 MB
          3.13 Gradienți.mov
          • 14 mins
          • 430 MB
          3.14 Borduri și umbre.mov
          • 21 mins
          • 498 MB
          3.15 Stilizarea textului și utilizarea fonturilor.mov
          • 32 mins
          • 1.22 GB
          Chestionar de final
            Feedback

              Următorii pași

              Ce urmează.mov
              • 1 min
              • 102 MB

              Înscrie-te și începe să înveți chiar acum

              4.9 (din 400+ cursanți ai platformei)