Home » Front End Wordpress Developer

Opleiding: Front End Wordpress Developer

Bij: Competence Factory

 
 

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

Opleidingsduur

12 dag

Kosten

EUR 6300.00

Bijzonderheden

De lessen worden klassikaal aangeboden.

Plaatsen / leslocaties

Utrecht

Beroepsbeeld: waar werk je en wat doe je?

In de opleiding Front End Wordpress Developer 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 opgebouwdDe opleiding Front End Developer Expert bestaat uit twaalf trainingsdagen en zes trainingen die op elkaar aansluiten:HTML5 en CSS3 basisJavaScript basisHTML5 en CSS3 gevorderdWordPress basisWordPress gevorderdWordPress CodeWordPress Bouw je eigen Thema

Informatie aanvragen

Gegevens aangeduid met een * zijn verplicht in te vullen.
jaar
 
resterend: tekens
 
4eA86 Typ de code exact over: (hoofdlettergevoelig)
 
© Copyright 2009-2023 Particuliereopleidingen.nl | Algemene voorwaarden | Overzicht van onze aanbieders | Adverteren