Opleiding : Tailwind CSS, meesterschap en best practicesModerne webinterfaces maken en aanpassen met Tailwind CSS
Praktijkcursus - 2d
- 14u00 - Ref. TCS
|
Downloaden in pdf-formaat
Deze cursus delen via mail
 | De principes van Tailwind CSS begrijpen en een project opzetten |
| Beheers de basis hulpprogramma klassen en maak je eerste responsieve interface |
| Tailwind aanpassen en een bibliotheek van herbruikbare componenten opbouwen |
| Tailwind integreren in een onderhoudbaar en geoptimaliseerd bedrijfsproject |
Doelgroep
Front-end ontwikkelaars, web integrators, webdesigners.
Voorafgaande vereisten
Basiskennis van HTML en CSS. Ervaring met een JavaScript framework (React, Vue of Angular) is een pluspunt.
Praktische modaliteiten
Praktisch werk
Reeks praktische oefeningen voor de stapsgewijze ontwikkeling van een echte bedrijfsapplicatie-integratieoplossing.
Leer methodes
Theoretische presentaties vergezeld van voorbeelden van implementatie, waarna de opgedane kennis wordt gebruikt om een gemeenschappelijk themaproject uit te voeren.
Opleidingsprogramma
1 Grondbeginselen en implementatie
- Inleiding en utility-first filosofie.
- Vergelijking met klassieke CSS en frameworks.
- Installatie via CDN en moderne tools (Vite, Bun).
- Rol en gebruik van het tailwind.config.js bestand.
- De structuur van een project organiseren.
- Ontdek automatisch gegenereerde klassen.
Praktisch werk
Maak een Tailwind-project en pas de eerste klassen toe.
2 Gebruiksklassen en reactiesnelheid
- Typografie en tekstkleuren.
- Spatiëring met marge, opvulling en tussenruimte.
- Paginaopmaak met flexbox en raster.
- Kleuren, randen en achtergronden.
- Breakpoints en responsief ontwerp.
- Varianten: hover, focus, donkere modus.
Praktisch werk
Een volledige responsieve pagina maken.
3 Aanpassing en herbruikbare componenten
- Het kleurenpalet aanpassen aan een grafisch charter.
- Definieer aangepaste lettertypes, groottes en breekpunten.
- Gebruik de officiële plug-ins (formulieren, typografie, beeldverhouding).
- Ontdek plug-ins van derden (daisyUI, tailwind-varianten).
- Gebruik Tailwind 4.x directives (@theme, @layer, @plugin, @apply).
- Herbruikbare componenten maken.
Praktisch werk
Bouw een bibliotheek van aangepaste componenten.
4 Professioneel project en optimalisatie
- Een compleet administratiedashboard maken.
- Stylizeer tabellen en formulieren.
- Pas de geïntegreerde toegankelijkheidsregels toe.
- Optimaliseer de grootte van CSS met geïntegreerde zuivering.
- Tailwind integreren met moderne tools (Vite, Bun) en frameworks (React, Vue, Angular).
- Controleer de prestaties en toegankelijkheid met Lighthouse.
Praktisch werk
Het voltooien en optimaliseren van het volledige dashboard.
DEELNEMERS
Front-end ontwikkelaars, web integrators, webdesigners.
VOORAFGAANDE VEREISTEN
Basiskennis van HTML en CSS. Ervaring met een JavaScript framework (React, Vue of Angular) is een pluspunt.
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Front-end ontwikkelaars, web integrators, webdesigners.
VOORAFGAANDE VEREISTEN
Basiskennis van HTML en CSS. Ervaring met een JavaScript framework (React, Vue of Angular) is een pluspunt.
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
PEDAGOGISCHE EN TECHNISCHE MIDDELEN
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand
Dernières places
Date garantie en présentiel ou à distance
Session garantie