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
2. Pozitionare.mov
3. Exercitiu pozitionare.mov
4. Flexbox.mov
Preview
5. Flexbox - practica.mov
6.1 Grid - ce este grid.mov
6.2 Grid - utilizarea de sabloane.mov
6.3 Grid - functiile repeat si minmax.mov
6.4 Grid - Amplasarea folosind coordonate.mov
6.5 Grid - zone sablon.mov
6.6 Grid - alinierea elementelor.mov
7.1 Interogari media - tipuri media.mov
7.2 Interogari media - conditii.mov
7.3 Interogari media - practica.mov
Feedback

Cogniflow website

1. Prezentare proiect.mov
Preview
2. Pregatire proiect.mov
Preview
3. Importul fisierelor necesare si introducere in utilizarea git.mov
Preview
Ghid instalare git
4. Resetarea stilurilor implicite.mov
5. Variabile in CSS.mov
6. Setarea paletei de culori și a stilurilor generale.mov
7. Cum sa alegi o combinatie de culori potrivita.mov
8. Componente reutilizabile - heading, subheading & button.mov
9. Convenția de denumire BEM.mov
10. Navbar partea 1.mov
11. Navbar partea 2.mov
12. Navbar partea 3.mov
13. Hero.mov
14. Experience.mov
15. Services.mov
16. Testimonials.mov
17. Analytics.mov
18. Contact.mov
19. Footer.mov
20. Transformari.mov
21. Cadre cheie si animatii.mov
22. Efectul de pulsatie pe butonul din navbar.mov
23. Adaugarea de meta tag-uri.mov
24. Protocolul Open Graph.mov
25. Generarea unei imagini pentru Open Graph.mov
26. Imbunatatiri de accesibilitate.mov
27. Publicarea codului pe GitHub.mov
Feedback

BONUS: Publicarea site-ului pe Cloudflare

1. Publicarea site-ului pe Cloudflare.mov
2. Achizitia si configurarea numelui de domeniu.mov
3. Monitorizare.mov

BONUS: Testare & optimizări

1. Testarea site-ului, optimizari pentru SEO, performanta si accesibilitate.mov

Final

Incheiere.mov
Feedback

BONUS: Colecție de resurse pentru Web Development

Resurse pentru Web development

Cod sursă

Cod lecții.zip
cogniflow.zip

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

4.9 (din 500+ cursanți ai platformei)