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:

• HTML5 en CSS3 basis
• JavaScript voor het Web
• HTML5 en CSS3 gevorderd

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