Opleiding Front end webdeveloper Pro

Denk je over een carrière als frontend 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 Webdevelopment Pro bestaat uit drie cursussen:

Webdesigner worden? 30% korting op alle webdesign trainingen

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 Pro

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

Programma van de opleiding Front end webdeveloper Pro

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

Op de hoogte blijven van aanbiedingen en vaknieuws?

Schrijf je in voor onze nieuwsbrief!

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

Blog

maandag 20 mei

“Over triggers, prototypes, plug-ins en Bob Ross”. Verslag van de Inspiration Factory UX en Webdesign

Met ruim 100 UX’ers, marketeers en webdesigners op de gastenlijst waren we officieel ‘sold out’. Een woord- en beeldver…

vrijdag 17 mei

De kracht van zakelijk teken en waarom iedereen het kan leren

Deze snel veranderende wereld vergt een nieuwe manier van communicatie, zodat we snel kunnen schakelen. Dat maakt zakelijk te…

donderdag 16 mei

Vacature Horeca & Events support | leuke bijbaan

We hebben een toffe vacature. Ben jij op zoek naar een leuke bijbaan in het centrum van Utrecht? Word dan onze nieuwe Horeca …

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.