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

  • Lei99

HTML și CSS de la Zero: Modul 2

  • Course

Solidifică-ți cunoștințele de HTML & CSS și construiește, optimizează și publică pe internet un website profesional de la zero.

Nu e doar despre HTML și CSS

E mult mai mult de atât...

Modulul 2 nu e doar o continuare a primului modul, ci e un întreg bootcamp de lansare a unui website online, așa cum ar face-o un start-up ce are nevoie de expunere pentru serviciile sale.

Nu numai că scriem site-ul pas cu pas de la zero, dar îl optimizăm pentru: performanță, accesibilitate, SEO.

Mulți oameni pot să pună cap la cap un pic de HTML și un pic de CSS pentru a obține un site, dar își prind imediat urechile îl momentul în care trebuie să-l facă public. Sau dacă reușesc să-l publice, nu ajung niciodată în rezultatele motoarelor de căutare.

Cum fac să public site-ul?

Unde ar trebui să configurez serverul și cum?

Cum pot să-l actualizez ușor în viitor?

Cum pot să-l protejez împotriva eventualelor atacuri cibernetice?

Cum și de unde îmi cumpăr un nume de domeniu?

Cum configurez un nume de domeniu?

Dacă ți-ai pus în trecut măcar una din întrebările de mai sus, nu trebuie să-ți faci griji. Nu numai că o să primești răspuns la toate, dar o să înveți să faci toate astea cu mâna ta, astfel încât dezvoltarea și publicarea de site-uri o să ți se pară floare la ureche.

Și așa ar trebui să fie, pentru ca tu să fii infinit mai valoros decât alții care bâjbâie la orice pas încercând să folosească AI chiar și pentru cele mai simple acțiuni și care nu înțeleg implicațiile unei infrastructuri fragile, ale unui site nesecurizat și neoptimizat.

Sumar

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

  • Peste 50 de lecții video📺

  • Certificat de absolvire📄

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

  • BONUS: Minicurs - publicarea site-ului pe internet cu Cloudflare

  • BONUS: Minicurs - testarea unui site web

  • BONUS: Colecție de unelte și resurse pentru eficientizarea procesului de dezvoltare

Parcursul tău

Optimizezi codul HTML

Înveți cum să optimizezi codul HTML pentru a obține performanță maximă, accesibilitate și îmbogățirea cu metadate pentru motoarele de căutare.

Înveți practici moderne de CSS

Înveți cum să folosești cele mai moderne convenții și tehnici de CSS, precum Flexbox sau Grid pentru aranjarea elementelor în pagină și a le oferi flexibilitate indiferent de tipul de ecran pe care site-ul web este afișat.

Construiești un website de la zero

Construiești un website 100% profesional de la zero folosind toate cunoștințele acumulate.

.. și multe altele

Pe parcursul cursului vei dobândi și cunoștințe despre git și GitHub, securitate, testare și optimizare de performanță, configurarea infrastructurii necesare, precum serverul de găzduire, achiziția și configurarea unui nume de domeniu și multe altele.

Bonusuri gratuite

O serie de minicursuri și resurse care te vor ajuta să dobândești toate cunoștințele necesare dezvoltării unui website cu HTML și CSS și să parcurgi tot lanțul de procese necesare pentru a livra un site web în producție.

Minicurs: Publicarea site-ului pe internet

Minicurs pentru publicarea site-ului pe Cloudflare, cât și achiziția și configurarea unui nume de domeniu.

Minicurs: Testare website

Minicurs pentru testarea și optimizarea unui site web pentru toți indicatorii cheie: performanță, accesibilitate, SEO.

Colecție de resurse

O colecție de resurse utile pentru Web Development care îți vor eficientiza procesul de dezvoltare.

În plus..

Git & GitHub

Înveți să lucrezi cu Git și GitHub din VS Code, dacă asta e ceva nou pentru tine. Pe parcursul cursului facem commit-uri pentru salvarea progresului și ne sincronizăm codul în GitHub.

Pipeline de livrare în producție

Configurezi un pipeline pentru livrarea codului pe mediul de producție din Cloudflare, ceea ce-ți va ușura mult procesul de dezvoltare și publicare a noilor versiuni.

Structură

Concepte avansate de CSS

1. Valori si unitati de masura.mov
  • 17 mins
  • 505 MB
2. Pozitionare.mov
  • 13 mins
  • 450 MB
3. Exercitiu pozitionare.mov
  • 7 mins
  • 173 MB
4. Flexbox.mov
  • 49 mins
  • 1.22 GB
Preview
5. Flexbox - practica.mov
  • 17 mins
  • 761 MB
6.1 Grid - ce este grid.mov
  • 3 mins
  • 57.9 MB
6.2 Grid - utilizarea de sabloane.mov
  • 15 mins
  • 686 MB
6.3 Grid - functiile repeat si minmax.mov
  • 20 mins
  • 785 MB
6.4 Grid - Amplasarea folosind coordonate.mov
  • 14 mins
  • 650 MB
6.5 Grid - zone sablon.mov
  • 11 mins
  • 370 MB
6.6 Grid - alinierea elementelor.mov
  • 7 mins
  • 277 MB
7.1 Interogari media - tipuri media.mov
  • 9 mins
  • 198 MB
7.2 Interogari media - conditii.mov
  • 8 mins
  • 223 MB
7.3 Interogari media - practica.mov
  • 15 mins
  • 418 MB
Feedback

    Cogniflow website

    1. Prezentare proiect.mov
    • 2 mins
    • 83.6 MB
    Preview
    2. Pregatire proiect.mov
    • 12 mins
    • 295 MB
    Preview
    3. Importul fisierelor necesare si introducere in utilizarea git.mov
    • 7 mins
    • 208 MB
    Preview
    Ghid instalare git
      4. Resetarea stilurilor implicite.mov
      • 7 mins
      • 164 MB
      5. Variabile in CSS.mov
      • 10 mins
      • 219 MB
      6. Setarea paletei de culori și a stilurilor generale.mov
      • 4 mins
      • 98.8 MB
      7. Cum sa alegi o combinatie de culori potrivita.mov
      • 5 mins
      • 148 MB
      8. Componente reutilizabile - heading, subheading & button.mov
      • 7 mins
      • 207 MB
      9. Convenția de denumire BEM.mov
      • 9 mins
      • 213 MB
      10. Navbar partea 1.mov
      • 10 mins
      • 325 MB
      11. Navbar partea 2.mov
      • 11 mins
      • 321 MB
      12. Navbar partea 3.mov
      • 14 mins
      • 367 MB
      13. Hero.mov
      • 11 mins
      • 359 MB
      14. Experience.mov
      • 8 mins
      • 249 MB
      15. Services.mov
      • 21 mins
      • 831 MB
      16. Testimonials.mov
      • 13 mins
      • 452 MB
      17. Analytics.mov
      • 18 mins
      • 716 MB
      18. Contact.mov
      • 24 mins
      • 787 MB
      19. Footer.mov
      • 20 mins
      • 602 MB
      20. Transformari.mov
      • 11 mins
      • 250 MB
      21. Cadre cheie si animatii.mov
      • 21 mins
      • 561 MB
      22. Efectul de pulsatie pe butonul din navbar.mov
      • 3 mins
      • 69.6 MB
      23. Adaugarea de meta tag-uri.mov
      • 4 mins
      • 114 MB
      24. Protocolul Open Graph.mov
      • 3 mins
      • 76.8 MB
      25. Generarea unei imagini pentru Open Graph.mov
      • 11 mins
      • 361 MB
      26. Imbunatatiri de accesibilitate.mov
      • 6 mins
      • 201 MB
      27. Publicarea codului pe GitHub.mov
      • 5 mins
      • 160 MB
      Feedback

        BONUS: Publicarea site-ului pe Cloudflare

        1. Publicarea site-ului pe Cloudflare.mov
        • 19 mins
        • 598 MB
        2. Achizitia si configurarea numelui de domeniu.mov
        • 10 mins
        • 283 MB
        3. Monitorizare.mov
        • 16 mins
        • 531 MB

        BONUS: Testare & optimizări

        1. Testarea site-ului, optimizari pentru SEO, performanta si accesibilitate.mov
        • 24 mins
        • 741 MB

        Final

        Incheiere.mov
        • 2 mins
        • 224 MB
        Feedback

          BONUS: Colecție de resurse pentru Web Development

          Resurse pentru Web development

            Cod sursă

            Cod lecții.zip
            • 168 KB
            cogniflow.zip
            • 319 KB

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

            4.9 (din 500+ cursanți ai platformei)