Webdeveloper

Opleiding Webdeveloper

LET OP! Een STAP-Budget aanmeldformulier aanvragen s.v.p. rechtstreeks bij de opleider. Ga naar opatel.nl
In deze achtdaagse opleiding webdeveloper leer je hoe je responsive websites maakt, vanaf het allereerste begin tot en met de laatste CSS3 layout modules Grid en Flexbox. Met de nieuwste open standaarden en natuurlijk aangepast voor ieder soort apparaat, van telefoon tot desktop.

Wat leer je in deze cursus?

Je krijgt een gedegen basis van de drie pijlers van front-end webdesign: HTML, CSS en Javascript.
We beginnen bij HTML, de opmaaktaal waarop alle websites gebaseerd zijn. Met de gratis webeditor Brackets koppelen we hier al snel CSS aan. In twee dagen leer je de basis van deze twee talen.
Met CSS Grid en Flexbox ga je nog een stap verder. Deze CSS3 layout modules zijn de laatste uitbreidingen van CSS waarmee elk soort layout makkelijk gemaakt kan worden.
Daarna leer je hoe je met Javascript interactiviteit in websites kunt invoegen. Je leert ook werken met Bootstrap, één van de meest populaire HTML/CSS/Javascript bibliotheken, waarmee je snel websites opzet en uitbreidt met allerlei interactieve componenten zoals sliders en tabs, wat je veel werk uit handen neemt.

Welke voorkennis heb je nodig?

Je hebt geen voorkennis nodig, maar wel basiskennis computergebruik en affiniteit met het maken van websites.

Voor wie is deze cursus bedoeld?

Deze opleiding Webdeveloper is bedoeld voor iedereen die wil leren te ontwikkelen voor het web. Dat kan zijn omdat je een website voor je eigen bedrijf wilt bouwen, omdat je je wilt ontwikkelen als webdeveloper of omdat je als ontwerper je vaardigheden wilt uitbreiden.

Wat is een logisch vervolg op deze cursus?

Na deze opleiding ben je in staat om zelf eenvoudige website projecten op te pakken. Je
hebt voldoende inzicht in het werkveld om te beslissen in welke richting je je verder wilt
ontwikkelen. Wil je leren animaties te maken voor het web, dan is Adobe Animate CC de aangewezen cursus. Wil je je gericht technisch specialiseren, kijk dan naar de cursussen cursussen Web Development. Je kunt ook overwegen één van onze WordPress cursussen te volgen.

Cursus onderwerpen

• 
  
• HTML
• Het opzetten van een website en publiceren
• Basisstructuur van een pagina
• Regels van HTML (syntax)
• Blocklevel en inline elementen
• Koppen, alinea’s
• Werken met tekst
• Hyperlinks
• Opsommingslijsten
• Afbeeldingen
• Audio en video
• Formulieren
• Embedden, iFrames
• Nieuwe HTML5 elementen
• CSS Basis
• Structuur van CSS
• CSS koppelen aan HTML
• Inline, embedded en externe stijlen
• Cascading volgorde
• HTML selectors
• Class en ID selectors
• Pseudo selectors
• Tekst en font stijlen
• Kleuren
• Eenheden
• Achtergronden
• Het CSS Boxmodel
• Opmaak van blokken
• Randen, marges en padding
• CSS Advanced
• Meerdere achtergronden en randen
• Transities en animaties
• Filters
• Responsive afbeeldingen
• De “display” eigenschap
• Positionering
• Gecombineerde selectors
• Media Queries
• CSS Grid Layout Module
• Structuur van CSS Grid
• Rijen en kolommen definieren
• Grid eigenschappen
• Grid lijnen, tracks, cellen en gebieden
• Nieuwe eenheden: fraction
• Uitlijning van het grid en de grid items
• Eigenschappen van de grid items
• CSS Flexible Box Layout Module
• Structuur van CSS Flexbox
• De flex container en items
• Container eigenschappen
• Flex direction
• Flex flow
• Flex wrap
• Verticale en horizontale uitlijning
• Eigenschappen van flex items
• Volgorde aanpassen
• Groeien en krimpen van items bepalen
• Bootstrap
• Bootstrap downloaden en installeren
• Documentatie
• Bootstrap basis
• Layout: het grid systeem
• Componenten
• HTML grid systemen
• Navigatie systemen bouwen
• Buttons
• Cards
• Carousel
• Dropdowns
• Jumbotron
• Utility classes
• Randen
• Kleuren
• Embedden
• Uitlijnen
• Flex utilities
• Sizing en spacing
• Javascript
• Kennismaken met JavaScript
• Statements
• Gegevenstypen en variabelen
• Operatoren
• Functies
• Arrays en objecten
• Programmaverloop
• Events en event handlers in JavaScript
• Werken met het document object model (DOM)
• JavaScript code lezen