Front end webdeveloper Expert

Niveau
Tijdsduur
Startdatum en plaats
Logo van Competence Factory
Opleiderscore: starstarstarstarstar_half 8,8 Competence Factory heeft een gemiddelde beoordeling van 8,8 (uit 287 ervaringen)

Tip: meer info over het programma, startdatum, prijs, en inschrijven? Download de brochure!

Startdata en plaatsen

Utrecht
29 jul. 2019 tot 30 jul. 2019
Utrecht
19 sep. 2019 tot 20 sep. 2019
Utrecht
28 nov. 2019 tot 29 nov. 2019
Utrecht
28 jan. 2020 tot 29 jan. 2020
Utrecht
14 apr. 2020 tot 15 apr. 2020
Utrecht
22 jun. 2020 tot 23 jun. 2020
Utrecht
17 aug. 2020 tot 18 aug. 2020
Utrecht
14 okt. 2020 tot 15 okt. 2020
Utrecht
14 dec. 2020 tot 15 dec. 2020

Beschrijving

We willen dat iedereen goede trainingen kan volgen. Niet alleen de marketeer bij een grote corporate met een flink opleidingsbudget, maar ook freelancers, zelfstandig adviseurs, webshop-eigenaren en non-profit professionals. Daarom hanteren we dynamische prijzen.

Mogelijkheden: Last Minute, Earlybird, Stapel, Membership, Introductie en Actie kortingen. 

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 duurt twaalf dagen. Hierin volg je zes verschillende cursussen die op elkaar aansluiten:
  • HTML5 en CSS3 Level I (2 dagen)
  • HTML5 en CSS3 Level II (2…

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen.  

We willen dat iedereen goede trainingen kan volgen. Niet alleen de marketeer bij een grote corporate met een flink opleidingsbudget, maar ook freelancers, zelfstandig adviseurs, webshop-eigenaren en non-profit professionals. Daarom hanteren we dynamische prijzen.

Mogelijkheden: Last Minute, Earlybird, Stapel, Membership, Introductie en Actie kortingen. 

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 duurt twaalf dagen. Hierin volg je zes verschillende cursussen die op elkaar aansluiten:
  • HTML5 en CSS3 Level I (2 dagen)
  • HTML5 en CSS3 Level II (2 dagen)
  • JavaScript voor het web (2 dagen)
  • WordPress: een website maken (2 dagen)
  • WordPress Beheer (1 dag)
  • WordPress Code (1 dag)
  • WordPress: je eigen thema bouwen (2 dagen)
 

Programma van de opleiding Front end webdeveloper Expert

HTML5 en CSS3 level I (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

  • Werken met tabellen
  • Clickable Imagemaps toevoegen
  • Belangrijke meta-informatie: metatags, links, scripts en styles
  • Formulieren toevoegen
  • iFrames (elementen van een andere site, zoals video’s) toevoegen
  • Je website online publiceren met een FTP: een File Transfer Protocol

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
  • Werken met Floats
  • Elementen positioneren
  • Display en Visibility
  • Print en andere media

HTML5 en CSS3 level II (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
  • Nieuwe Selectors
  • Text Effects & Web Fonts
  • Nieuwe Box Model Features
  • Multiple Background Images
  • 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 Images (Responsive WebDesign)
  • Introductie Bootstrap 4 Framework

Javascript voor het Web

Dag 1

College 1

  • In JavaScript externe bestanden noteren en aanroepen
  • De taal leren kennen, aan de slag met variabelen en datatypen
  • Controlestructuren
  • Code organiseren door zelf functies te schrijven
  • Arrays
  • Objecten

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
  • Introductie jQuery

College 4

  • Introductie AJAX-technologie
  • JSON-dataformaat leren gebruiken

WordPress level I (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 1

  • 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 2

  • 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 level II (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 – ochtend

  • Introductie: wat kun je allemaal met Oxygenbuilder?
  • De plugin installeren en configureren
  • De Oxygenbuilder-editor verkennen: wat voor tabs en opties heb je?

Dag 1 – middag

  • 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 – ochtend

  • 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

Dag 2 – middag

  • Praktijkopdracht: de site van een pizza-webshop ontwerpen. We letten alleen op het design, de functionaliteit komt in een andere cursus aan bod.

Blijf op de hoogte van nieuwe ervaringen

Er zijn nog geen ervaringen.

Deel je ervaring

Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen.  

Vraag nu gratis en vrijblijvend informatie aan:

Aanhef
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)
We slaan je gegevens op, en delen ze met Competence Factory, om je via e-mail en evt. telefoon verder te helpen. Meer info vind je in ons privacybeleid.