Opleiding Front End Webdeveloper Expert

In de opleiding Front End Webdeveloper Expert leer je hoe je een website from scratch opbouwt. Je begint met HTML en CSS, de twee webtalen waarmee je de opmaak van je website bepaalt. Met JavaScript begint het echte coderen; daarmee maak je je website interactief en dynamisch. Zoals je misschien weet, is WordPress wereldwijd het meest gebruikte platform voor websites. Met je nieuwe kennis van HTML, CSS en JavaScript kun je jouw WordPress-website helemaal naar je hand zetten.

Zo is de opleiding opgebouwd

De opleiding Front End Webdeveloper Expert bestaat uit twaalf trainingsdagen en zes trainingen die op elkaar aansluiten:

Wat is een front end webdeveloper?

Elke website heeft een front- en een backend. De backend zien gebruikers niet, de front-end juist wel. Als front-end developer zorg je ervoor dat de gebruikerskant – de userinterface – technisch goed werkt. Dat doe je door het design te koppelen aan de juiste programmatuur, zodat vorm en functie naadloos in elkaar overlopen.

In je gereedschapskist heb je hier verschillende frameworks en programmeertalen voor, zoals HTML5, CSS3 en JavaScript. Met HTML5 bepaal je de opmaak van tekst en afbeeldingen, CSS3 gebruik je om het uiterlijk van je website te bewerken. Met JavaScript maak je je site dynamisch en interactief. Je kunt de drie talen ook inzetten om je WordPress-website helemaal aan te passen zoals jij 'm hebben wilt.

Wat kun je na het volgen van de opleiding Front End Webdeveloper Expert

  • Je kunt een kloppende websitestructuur opzetten en kunt responsieve ontwerpen met je eigen lay outs maken
  • Je kunt je site ‘tot leven laten komen’ met JavaScript en jQuery
  • Je kunt je code handig organiseren door zelf functies te schrijven
  • 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 Webdeveloper Expert

HTML5 en CSS3 basis

Dag 1

College 1

  • Introductie: wat is HTML en hoe ziet het eruit?
  • Een HTML-skelet neerzetten voor een kloppende documentstructuur
  • Teksten structureren en opsommingen gebruiken
  • Werken met lijsten, afbeeldingen en hyperlinks

College 2

  • (Responsive) Afbeeldingen en vector graphics
  • Werken met tabellen
  • Belangrijke meta-informatie: metatags, links, scripts en styles
  • Formulieren toevoegen

Dag 2

College 3

  • Introductie: wat is CSS en hoe ziet het eruit?
  • CSS koppelen aan HTML
  • Cascade, Inheritance, Precedence en Specificity: wat is het, wat kun je ermee?
  • De CSS-terminologie en -syntax leren kennen
  • Selectors
  • Text, Font & List Properties

College 4

  • CSS Box Model, spacing
  • Elementen positioneren
  • Display en Visibility

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

  • Inleiding en geschiedenis van HTML5
  • HTML5 Semantics, documenten beter structureren
  • MicroData, documenten beter doorzoekbaar maken voor zoekmachines
  • HTML5 Forms en elementen gebruiken
  • HTML5 Forms validatie gebruiken

College 2

  • Canvas, via JavaScript tekst en afbeeldingen dynamisch tonen
  • Multimedia met Audio en Video elementen
  • Positie gebruikers bepalen met GeoLocation
  • Data Storage: Client-side data bewaren
  • Offline Caching
  • Modernizr en PolyFills

Dag 2

College 3

  • Inleiding in CSS3, Browser Support en Vendor Prefixes
  • Uitbreiding Selectors
  • Text Effects & Web Fonts
  • Borders, shadows, colours, backgrounds 
  • Opacity, Gradients & Patterns

College 4

  • Transitions, CSS properties gradueel veranderen in een bepaalde tijdspanne
  • Transformations, Effecten waardoor een element van vorm, grootte en positie kan veranderen
  • Animations, maak animaties van HTML elementen zonder JavaScript!
  • Media Queries en Responsive WebDesign (Mobile First)
  • Layout: Flexbox en Grid
  • CSS Pre-processors: SASS

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.

Voor wie is de opleiding Front End Webdeveloper Expert bedoeld?

Deze opleiding is er voor professionals die zich willen omscholen tot front end webdeveloper. Bij deze opleiding zien we de meest uiteenlopende deelnemers: iedereen kan leren coderen. Je hebt dan ook alleen een gezonde drive nodig, technische voorkennis is handig, maar zeker niet vereist.

Is deze opleiding ook beschikbaar als maatwerk?

Al onze trainingen en opleidingen zijn als maatwerk beschikbaar. Lees meer over onze in-company oplossingen

Opleidingsdata

28
okt
Do 28 oktober 2021 in Utrecht Je opleidingvoordeel is €215,- Do 28 oktober 2021
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
20
dec
Ma 20 december 2021 in Utrecht Je opleidingvoordeel is €215,- Ma 20 december 2021
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
7
feb
Ma 07 februari 2022 in Utrecht Je opleidingvoordeel is €215,- Ma 07 februari 2022
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
25
apr
Ma 25 april 2022 in Utrecht Je opleidingvoordeel is €215,- Ma 25 april 2022
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
23
jun
Do 23 juni 2022 in Utrecht Je opleidingvoordeel is €215,- Do 23 juni 2022
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
5
sep
Ma 05 september 2022 in Utrecht Je opleidingvoordeel is €215,- Ma 05 september 2022
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
21
nov
Ma 21 november 2022 in Utrecht Je opleidingvoordeel is €215,- Ma 21 november 2022
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
4
jan
Wo 04 januari 2023 in Utrecht Je opleidingvoordeel is €215,- Wo 04 januari 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
2
feb
Do 02 februari 2023 in Utrecht Je opleidingvoordeel is €215,- Do 02 februari 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
6
mrt
Ma 06 maart 2023 in Utrecht Je opleidingvoordeel is €215,- Ma 06 maart 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
4
apr
Di 04 april 2023 in Utrecht Je opleidingvoordeel is €215,- Di 04 april 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
3
mei
Wo 03 mei 2023 in Utrecht Je opleidingvoordeel is €215,- Wo 03 mei 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
1
jun
Do 01 juni 2023 in Utrecht Je opleidingvoordeel is €215,- Do 01 juni 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
3
jul
Ma 03 juli 2023 in Utrecht Je opleidingvoordeel is €215,- Ma 03 juli 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
1
aug
Di 01 augustus 2023 in Utrecht Je opleidingvoordeel is €215,- Di 01 augustus 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
6
sep
Wo 06 september 2023 in Utrecht Je opleidingvoordeel is €215,- Wo 06 september 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
5
okt
Do 05 oktober 2023 in Utrecht Je opleidingvoordeel is €215,- Do 05 oktober 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
30
okt
Ma 30 oktober 2023 in Utrecht Je opleidingvoordeel is €215,- Ma 30 oktober 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie
5
dec
Di 05 december 2023 in Utrecht Je opleidingvoordeel is €215,- Di 05 december 2023
Utrecht
Je opleidingvoordeel is €215,-
5.850,-
Neem optie

Op de hoogte blijven van nieuwe trainingen en events?

Schrijf je in voor de nieuwsbrief!

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

Misschien vind je deze artikelen interessant

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.