Schița de curs
Introducere
- Prezentare generală a Tailwind CSS
Noțiuni introductive
- Instalarea Tailwind CSS
- Instalarea nodului
- Instalarea codului VS
- Configurarea mediului
Tailwind CSS Noțiuni de bază
- Atașare Tailwind CSS cu HTML
- Crearea de containere cu clase de utilitate
- Adăugarea proprietăților de lățime și înălțime
- Înțelegerea modului în care funcționează flexbox
- Înfășurarea și redimensionarea elementelor flexbox
- Crearea unei grile și a unui aspect de rând
- Ajustarea fluxului de elemente într-o dispunere în grilă
- Adăugarea spațiului dintre elemente și justificarea elementelor
- Justificarea elementelor individuale
- Adăugarea de umplutură și margini la elemente
- Stilizarea textului utilizând clasele de utilitate Tailwind
- Adăugarea și stilizarea marginilor
- Adăugarea de umbre la elemente
- Utilizarea punctelor de întrerupere pentru a adăuga un comportament receptiv
- Utilizarea pseudo-selectoarelor
- Stratificarea și aplicarea directivelor
- Utilizarea componentelor pentru reutilizarea codului
Configurarea unui mediu de dezvoltare mai bun
- Crearea unui mediu cu Tailwind CLI
- Directive și funcții
Rezumat și etapele următoare
Cerințe
- Cunoștințe de bază de HTML și CSS
Audiență
- Dezvoltatorii
Mărturii (4)
exerciții de codificare
Kesh - Vodacom
Curs - HTML5, JavaScript, and CSS4
Tradus de catre o masina
Stilul de învățare al formatorului
Fatma Badi - Dubai Electricity and Water Authority
Curs - Front End Developer
Tradus de catre o masina
Poarta console în mediul web mi îmi permite să navighez și să verific istoricul, API-ul navigatorului. Explică bine funcțiile adecvate ale fiecărui element din șablonuri.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Curs - HTML5, JavaScript, and CSS3
Tradus de catre o masina
I was benefit from the step by step and in detail guidance of the trainer.
Tam Jia Jun
Curs - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
Tradus de catre o masina