Competence Factory
Stationsplein 90? UTRECHT
Opleiding: Front End Wordpress Developer
Bij: Competence Factory
? UTRECHT
Opleidingsinhoud
Wat kun je na het volgen van de opleiding Front End Wordpress Developer- Je kunt eensemantisch kloppende structuur neerzetten voor je website of webapplicatie en deze stylen met CSS
- Je kunt JavaScript gebruiken voor een interactieve gebruikersbeleving: animaties en DOM manipulatie
- Je kunt een website ontwerpen, bouwen en beheren in WordPress
- Je kunt je eigen WordPress-thema bouwen en zelf plugins schrijven
Programma van de opleiding Front End Wordpress Developer
HTML5 en CSS3 basis
Dag 1
College 1
- Pagina's structuren met semantische HTML
- Teksten structureren
- Metadata gebruiken om browsers en zoekmachines informatie over de content op de pagina te geven
College 2
- Media insluiten
- Hyperlinks
- Tabellen opstellen
- Introductie Formulieren
Dag 2
College 1
- Prioriteer je geschreven styling met CSS Cascade
- Voeg CSS toe aan HTML met CSS Selectors
- CSS Box Model: HTML element layout
- CSS Display
College 2
- Introductie CSS Grid
- Introductie CSS Flex
JavaScript basis
Dag 1
College 1
- De taal leren kennen: wat is JavaScript en wat kan het doen?
- Variabelen en datatypen
- Arrays, Objecten
- Operators (Logical en Comparison)
- Conditional statements (if else)
- Loops (for, while)
- Functies en methoden
College 2
- Inleiding Document Object Model (DOM)
- Werken met DOM
- HTML pagina's tot leven brengen
Dag 2
College 3
- Verder met DOM-scripting
- Events en eventlisteners maken
- Animaties maken en effecten creëren
College 4
- Introductie AJAX-technologie
- JSON-dataformaat leren gebruiken
HTML5 en CSS3 gevorderd
Dag 1
College 1
- Werken met Formulieren
- Metadata nesten in HTML: Microdata
College 2
- Werken met Web API's
- HTMLMediaElement
- Elementen tekenen op de pagina met HTML Canvas
- Elementen Drag and Drop
- SessionStorage en localStorage om informatie te bewaren
- GeoLocation gebruiken om positie te bepalen
Dag 2
College 1
- Leer elementen animeren en bewegen met:
[li]CSS Transitions - CSS Transformations
College 2
- Maak responsieve webpaginas met Responsive Web Design - mobile first
- Introductie SASS (CSS met super powers!)
WordPress basis
Dag 1
College 1
- Waar is een CMS eigenlijk voor, en waarin onderscheidt WordPress zich?
- WordPress verkennen: dashboard, scherminstellingen, admin-bar, navigatiemenu, front- en backend
- Pagina?s en de berichtensectie met categorieën en tags: hoe gebruik je de teksteditor, hoe publiceer je?
- Content importeren
- Met menu?s werken
College 2
- Media toevoegen en beheren: waar moet je op letten?
- Widgets gebruiken in widget-area?s
- Het thema aanpassen met de customizer
- Instellingen toepassen
Dag 2
College 3
- Welke opties heb je voor de weergave van je WordPress-site?
- Wat zijn ?goede? thema?s?
- Het verschil tussen ?freemium? en ?premium?
- Een thema kopen, doen? En dan?
College 4
- Functies toevoegen met plugins, zoals een contactformulier en webstatistieken
- Waar moeten plugins aan voldoen? Een shortlist
- Een paar freemium plugins installeren
- Extra: wat kan er nog meer binnen WordPress?
WordPress gevorderd
College 1
- Verschil in de rol van content beheerder versus website beheerder
- Domeinnaamregistratie, de hosting, DNS en FTP
- Het WP Filesystem en de Database
- Wat is PHP, HTML en CSS
- Je WordPress veilig houden: wat doe je met bestanden op webservers, en hoe houd je anderen buiten de deur?
- Introductie van de Inspector
- Hoe pas je de styling van je thema aan, waarom moet je altijd een ?child theme? gebruiken en hoe pas je HTML en CSS aan via de editor?
College 2
- Hoe installeer en configureer je WordPress plugins, welke zijn populair, welke zijn oké en welke zeker niet?
- ?s Nachts backups van je bestanden en database maken
- Hoe verhuis je een WordPress-website?
WordPress Code
Ochtend
- Achter je site regelen ruim 1500 bestanden alles. Hoe kom je bij die bestanden, en wat doen ze aan de achterkant, voorkant (content) en daartussen?
- De hosting ontsluit belangrijke factoren als de PHP-versie en -variabelen. Hoe krijg je toegang tot de hosting, en hoe en pas je PHPmyAdmin en serverbased-instellingen aan om je website beter te laten functioneren?
- WordPress draait op PHP: wat is het, en wat doet het?
Middag
- PHP, html, CSS, JavaScript en jQuery: ze zorgen er allemaal voor dat je website werkt. Maar hoe?
- Slim wijzigingen aanpassen in WordPress-templates: zo ?tweak? je het design van je website
- De WordPress Loop is cruciaal, maar waarom? En hoe kun je met functies, filters en hooks WordPress naar je hand zetten?
- Aan de slag met de block-editor van WordPress: je schrijft zelf een plugin om blocks te kunnen bouwen die je ook echt kunt selecteren en gebruiken.
WordPress Bouw je eigen Thema
Dag 1
College 1
- Introductie: wat kun je allemaal met Oxygenbuilder?
- De plugin installeren en configureren
- De Oxygenbuilder-editor verkennen: wat voor tabs en opties heb je?
College 2
- Templating: zelf een functionerend template bouwen dat past bij je doelstellingen en situatie
- Global settings en responsive design: verschillende webdesigns voor verschillende apparaten maken
Dag 2
College 3
- Library: op ontdekkingstocht in de designbibliotheek van Oyxenbuilder. Welke standaard website-onderdelen zitten erin, en hoe pas je ze aan?
- Settings: je cache regelen, je toegang bepalen, SVG-sets uploaden en andere instellingen
College 4
- Praktijkopdracht: de site van een pizza-webshop ontwerpen. We letten alleen op het design, de functionaliteit komt in een andere training aan bod.
JavaScript gevorderd
Dag 1
College 1
- Introductie in API?s
- Wat is een third-party API?
- API-protocollen
College 2
- HTTP-requests: data versturen en ophalen met XHR en Fetch
- Asynchroon JavaScript (async/await, scheduling)
- Werken met Promises
Dag 2
College 1
- JavaScript-modules en libraries
- Package management met behulp van Yarn en NPM op de Command Line (CLI)
College 2
- Error handling