Opleiding Front End Webdeveloper

Denk je over een carrière als Front End Webdeveloper, of wil je gewoon de basics van het vak kennen? Dan past de opleiding Front End Webdeveloper Pro bij jou. In zes dagen leer je met de webdevelopmenttalen HTML5, CSS3 en JavaScript werken, zodat je met code je eigen werkende website kunt bouwen.

Zo is de opleiding opgebouwd

De opleiding Front End Webdeveloper bestaat uit zes trainingsdagen en drie 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.

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

Na de opleiding kun je zelf een aantrekkelijke, interactieve website bouwen met HTML5, CSS3 en JavaScript.

Programma van de opleiding Front End Webdeveloper

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

  • 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

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

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

Opleidingsdata

22
jun
Ma 22 juni 2020 in Utrecht Je opleidingvoordeel is €292,50 Ma 22 juni 2020
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
17
aug
Ma 17 augustus 2020 in Utrecht Je opleidingvoordeel is €292,50 Ma 17 augustus 2020
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
14
okt
Wo 14 oktober 2020 in Utrecht Je opleidingvoordeel is €292,50 Wo 14 oktober 2020
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
14
dec
Ma 14 december 2020 in Utrecht Je opleidingvoordeel is €292,50 Ma 14 december 2020
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
27
jan
Wo 27 januari 2021 in Utrecht Je opleidingvoordeel is €292,50 Wo 27 januari 2021
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
25
mrt
Do 25 maart 2021 in Utrecht Je opleidingvoordeel is €292,50 Do 25 maart 2021
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
19
mei
Wo 19 mei 2021 in Utrecht Je opleidingvoordeel is €292,50 Wo 19 mei 2021
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
21
jul
Wo 21 juli 2021 in Utrecht Je opleidingvoordeel is €292,50 Wo 21 juli 2021
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
11
okt
Ma 11 oktober 2021 in Utrecht Je opleidingvoordeel is €292,50 Ma 11 oktober 2021
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
Neem optie
20
dec
Ma 20 december 2021 in Utrecht Je opleidingvoordeel is €292,50 Ma 20 december 2021
Utrecht
Je opleidingvoordeel is €292,50
2.633,-
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.