Publicatiedatum : 21/08/2024
Opleiding : Bootstrap 5, responsieve webpagina's ontwikkelen
Praktijkcursus - 2d
- 14u00 - Ref. BTP
|
Deze cursus delen via mail
 | Bootstrap 5 integreren in een webproject |
| Webpagina's ontwerpen die de esthetische codes van hedendaagse sites weerspiegelen |
| De componenten en plug-ins van het Bootstrap 5 framework onder de knie krijgen |
| Responsieve websites ontwikkelen |
Doelgroep
Webmaster, ontwikkelaar, integrator.
Voorafgaande vereisten
Kennis van HTML en CSS en enige kennis van JavaScript.
Praktische modaliteiten
Praktisch werk
Maken van een backoffice beheerdersinterface met Bootstrap 5. Het maken van een responsive website vanuit een Bootstrap 5 template.
Leer methodes
De helft van de cursussen bestaat uit colleges, de andere helft uit praktijklessen.
Opleidingsprogramma
1 Presentatie van het raamwerk
- Overzicht van het Bootstrap 5 framework en andere frameworks.
- De bijdrage van Bootstrap 5 vergeleken met CSS.
- Elementen van de Bootstrap 5-kit (rasters, normalize.css, pictogrammen, plug-ins, enz.).
- De boomstructuur van verschillende bestanden begrijpen: opmaakmodellen, JavaScript, enz.
- Een webpagina koppelen aan het basisstijlblad Bootstrap 5.
Praktisch werk
Bootstrap 5 installeren. Een HTML-pagina aankleden met Bootstrap 5.
2 Bootstrap 5 opmaakmodellen
- CSS voor tekstelementen en afbeeldingen.
- CSS voor formulierelementen en tabellen.
- Gebruik pictogramlettertypen om pictogrammen weer te geven op pagina's.
- CSS voor paginaopmaak, blokken op een pagina.
- Overbelasting van het stijlblad.
Praktisch werk
De verschillende elementen van een webpagina stylen met Bootstrap 5 CSS. De stijl van bepaalde pagina-elementen personaliseren.
3 De roosters
- Het rasterconcept begrijpen.
- Adaptieve rasters (responsive webdesign, media queries, positionering, enz.).
- Het raster organiseren. Roosters hanteren.
- Rasterindeling in Bootstrap 5.
- Flexbox in Bootstrap 5.
- Kolomopmaak.
- De volgorde van de blokken.
Praktisch werk
Maak een responsieve webpagina op basis van een raster.
4 Basis JavaScript-onderdelen
- Gebruik van de carrousel.
- Verbeterde responsieve menu's.
- Navigatie- en pagineringcomponenten.
- Knoppen, badges, waarschuwingen.
- Voortgangsbalken.
Praktisch werk
Het ontwerpen van een webpagina voor een internet- of intranetsite die verschillende Bootstrap 5-componenten integreert.
5 Bootstrap 5 à la carte modules
- Gebruik een JavaScript-server (Node, Deno, Parcel).
- Definieer een Bootstrap op maat met alleen de essentie.
- Bootstrap.js modules opnemen in Webpack.
Praktisch werk
Maak een project op maat met alleen de CSS- en JavaScript-modules die je nodig hebt.
6 Bootstrap 5 plug-ins
- Modale vensters. Accordeons. De fotocarrousel.
- Validatieformulier.
- Velden automatisch aanvullen.
- Verticale navigatie.
- Carrousel met meerdere items.
- WYSIWYG-editor (What You See Is What You Get).
Praktisch werk
Integreer moderne visuele effecten met behulp van JavaScript-plug-ins die zijn gekoppeld aan de Bootstrap 5-bibliotheek.
7 Bootstrap 5 modelanalyse
- Modellen analyseren die zijn gebouwd met Bootstrap 5.
- Maak een site met een van de sjablonen.
- Maak een pagina van een sjabloon door het CSS-bestand te overladen.
- Gebruik SAAS-bestanden met een JavaScript-preprocessor en/of -server (NodeJS).
Praktisch werk
Maak je eigen Bootstrap.css.
Feedback van klanten
5 / 5
De feedback van klanten is afkomstig van eindevaluaties na de opleiding. De score wordt berekend op basis van alle evaluaties die minder dan 12 maanden oud zijn. Alleen die met een tekstcommentaar worden weergegeven.
MURIEL T.
08/09/25
5 / 5
Soms een beetje snel, maar dat komt door een gebrek aan basiskennis van mijn kant
DEELNEMERS
Webmaster, ontwikkelaar, integrator.
VOORAFGAANDE VEREISTEN
Kennis van HTML en CSS en enige kennis van JavaScript.
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.
Webmaster, ontwikkelaar, integrator.
VOORAFGAANDE VEREISTEN
Kennis van HTML en CSS en enige kennis van JavaScript.
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
Dernières places
Date garantie en présentiel ou à distance
Session garantie