Inhoud van de cursus

Cursus Webdeveloper

Cursus Webdesign Rotterdam, Amsterdam, Utrecht - Opatel OpleidingenIn deze achtdaagse cursus 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.

Cursus Webdesign Rotterdam, Amsterdam, Utrecht en incompany.

Volg deze achtdaagse cursus Webdeveloper in Rotterdam, Utrecht of Amsterdam.

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 cursus 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 cursus 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.

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
Veelgestelde vragen
    Datums en locaties

    1 Startdatum en locatie

    Mocht er geen geschikte datum tussen zitten, neem dan contact op voor de mogelijkheden.

    Start:Locatie:Alle lesdagen:
    do 28 janUtrecht, , , , , , ,
    do 28 janRotterdam, , , , , , ,
    do 28 janAmsterdam, , , , , , ,
    vr 26 febUtrecht, , , , , , ,
    vr 26 febRotterdam, , , , , , ,
    vr 26 febAmsterdam, , , , , , ,
    do 01 aprUtrecht, , , , , , ,
    do 01 aprRotterdam, , , , , , ,
    do 01 aprAmsterdam, , , , , , ,
    vr 30 aprUtrecht, , , , , , ,
    vr 30 aprRotterdam, , , , , , ,
    vr 30 aprAmsterdam, , , , , , ,
    do 03 junUtrecht, , , , , , ,
    do 03 junRotterdam, , , , , , ,
    do 03 junAmsterdam, , , , , , ,
    vr 18 junRotterdam, , , , , , ,
    vr 02 julUtrecht, , , , , , ,
    vr 02 julRotterdam, , , , , , ,
    vr 02 julAmsterdam, , , , , , ,
    do 05 augUtrecht, , , , , , ,
    do 05 augRotterdam, , , , , , ,
    do 05 augAmsterdam, , , , , , ,
    vr 03 sepUtrecht, , , , , , ,
    vr 03 sepRotterdam, , , , , , ,
    vr 03 sepAmsterdam, , , , , , ,
    do 07 oktUtrecht, , , , , , ,
    do 07 oktRotterdam, , , , , , ,
    do 07 oktAmsterdam, , , , , , ,
    vr 05 novUtrecht, , , , , , ,
    vr 05 novRotterdam, , , , , , ,
    vr 05 novAmsterdam, , , , , , ,
    do 09 decUtrecht, , , , , , ,
    do 09 decRotterdam, , , , , , ,
    do 09 decAmsterdam, , , , , , ,
    vr 07 janUtrecht, , , , , , ,
    vr 07 janRotterdam, , , , , , ,
    vr 07 janAmsterdam, , , , , , ,
    Toon meer data

    2Gegevens van de cursist(en)

    Deelnemer 2

    Deelnemer 3

    Deelnemer 4

    Deelnemer 5

    Wilt u meer deelnemers inschrijven dan kunt u zometeen nogmaals het formulier invullen.

    Factuurgegevens


    3Factuurgegevens

    Uw inschrijving afronden

    4Rond uw inschrijving af

    Belangrijk! Als je je inschrijft voor een cursus, ontvang je een bevestiging van je aanmelding op het opgegeven e-mailadres. Als je deze niet binnen 1 uur hebt ontvangen, neem dan zo snel mogelijk contact met ons op. We bevestigen dan je aanmelding alsnog! Je kunt ons bereiken op 010 297 30 73 of info@opatel.nl

    Bezig met versturen
    Wist je dat 99% van de oud-cursisten Opatel aanbeveelt? (Bron: KlantenVertellen.nl)
    Ervaringen van cursisten

    Deze cursus werd onder andere gevolgd door:

    Ook deze organisaties volgden de opleiding Webdesign bij Opatel
    • Oordeel cursus: 9,0
    • Oordeel docent: 9,0
    • Vragen stellen: 9,0
    • Cursusmateriaal: 9,0
    • Gemiddelde: 9,0
    9,0
    • Oordeel cursus: 8,0
    • Oordeel docent: 9,0
    • Vragen stellen: 10,0
    • Cursusmateriaal: n.v.t.
    • Gemiddelde: 8,8
    8,8
    • Oordeel cursus: 9,0
    • Oordeel docent: 9,0
    • Vragen stellen: 10,0
    • Cursusmateriaal: n.v.t.
    • Gemiddelde: 9,0
    9,0
    • Oordeel cursus: 10,0
    • Oordeel docent: 10,0
    • Vragen stellen: 10,0
    • Cursusmateriaal: n.v.t.
    • Gemiddelde: 10,0
    10,0
    • Oordeel cursus: 8,0
    • Oordeel docent: 9,0
    • Vragen stellen: 10,0
    • Cursusmateriaal: 9,0
    • Gemiddelde: 9,0
    9,0
    • Oordeel cursus: 8,0
    • Oordeel docent: 8,0
    • Vragen stellen: 9,0
    • Cursusmateriaal: 7,0
    • Gemiddelde: 8,0
    8,0
    • Oordeel cursus: 9,0
    • Oordeel docent: 9,0
    • Vragen stellen: 9,0
    • Cursusmateriaal: 9,0
    • Gemiddelde: 9,0
    9,0
    • Oordeel cursus: 7,0
    • Oordeel docent: 9,0
    • Vragen stellen: 10,0
    • Cursusmateriaal: n.v.t.
    • Gemiddelde: 8,8
    8,8
    • Oordeel cursus: 9,0
    • Oordeel docent: 9,0
    • Vragen stellen: 10,0
    • Cursusmateriaal: 9,0
    • Gemiddelde: 9,2
    9,2