Cursusaanbod
Inleiding
- Overzicht van Tailwind CSS
Aan de slag
- Tailwind CSS installeren
- Node installeren
- VS code installeren
- De omgeving instellen
Basisprincipes van Tailwind CSS
- Tailwind CSS koppelen aan HTML
- Containers maken met utility-classes
- Width en height-eigenschappen toevoegen
- Begrijpen hoe flexbox werkt
- Flex-items omvatten en herformen
- Een grid- en rijlay-out maken
- De flow van elementen in een grid-lay-out aanpassen
- Gaps tussen items toevoegen en deze rechtvaardigen
- Individuele items rechtvaardigen
- Padding en marges aan elementen toevoegen
- Tekst stylen met Tailwind utility-classes
- Borders toevoegen en stylen
- Schaduwen aan elementen toevoegen
- Breakpoints gebruiken om responsief gedrag toe te voegen
- Pseudo-selectors gebruiken
- Layer- en apply-directives
- Components voor code-reuse gebruiken
Een betere dev-omgeving instellen
- Een omgeving met Tailwind CLI maken
- Directives en Functions
Voorlopige samenvatting en volgende stappen
Vereisten
- Basis-kennis van HTML en CSS
Doelgroep
- Ontwikkelaars
Getuigenissen (4)
coderingsopdrachten
Kesh - Vodacom
Cursus - HTML5, JavaScript, and CSS4
Automatisch vertaald
Stijl van onderwijzen van de trainer
Fatma Badi - Dubai Electricity and Water Authority
Cursus - Front End Developer
Automatisch vertaald
De console-inhoud in een webomgeving laat zien hoe je door de geschiedenis kunt navigeren en de browser-API kunt controleren. Het legt goed uit welke functies elk element in de sjablonen heeft.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Cursus - HTML5, JavaScript, and CSS3
Automatisch vertaald
I was benefit from the step by step and in detail guidance of the trainer.
Tam Jia Jun
Cursus - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
Automatisch vertaald