Opleiding Frontend Webdeveloper

De opleiding Frontend Webdeveloper bestaat uit 5 onderdelen en 9 dagen

Je start met Experience Design in a Day waarin je een heel compleet overview krijgt van alles wat er speelt op het gebied van web, app, design en development. Daarna ga je aan de slag met de tweedaagse Interaction Design. Naast de theorie, waarbij je dieper ingaat op de beginprincipes van interaction design, een stukje geschiedenis en trends, krijg je ook veel direct toepasbare handvatten die je kan gebruiken bij het ontwerpen van een gebruikersinterface voor websites, tablets en mobiele devices.Vervolgens ga je aan de slag met Sketch en maak je een ontwerp in Sketch en presenteer een klikbaar prototype in Invision. In deze tweedaagse cursus leer je jouw app of website te ontwerpen in Sketch en maak je een volledig interactief klikmodel met Invision. Sketch is een gebruiksvriendelijk ontwerpprogramma dat speciaal is gemaakt voor het ontwerpen voor beeldschermen. Het heeft de UX-design wereld veroverd. Zo werken toonaangevende bedrijven zoals Google en Facebook vrijwel altijd met deze krachtig UX-tool.

In de cursus HTML5 & CSS3 – Level I doe je alle basiskennis op die je nodig hebt om lokaal een eenvoudige (statische) website te bouwen en deze vervolgens te publiceren. We gaan daarbij uit van de basis van HTML5 en CSS3 maar maken ook eventuele verschillen met de eerdere versies: HTML 4.01, XHTML 1.0 en CSS 2.1 duidelijk.

Javascript voor het Web
In deze tweedaagse cursus maak je kennis met JavaScript. JavaScript is de scripttaal die je in combinatie met HTML en CSS gebruikt om je webpagina's dynamisch en interactief te maken. In deze cursus gaan we voorbij het knippen en plakken van bestaande scripts. Je leert zelf scripts te schrijven volgens de moderne manier van onubtrusive scripting.

Wat leer je tijdens de Opleiding Frontend Webdeveloper

Cursus Overview Webdesign

College 1:

  • Een overzicht van de tools en software zoals Adobe Dreamweaver
  • Analyses van websites, wat werkt wel of juist niet?
  • Technieken zoals HTML(5), CSS, Javascript
  • De rol van mobiele devices bij het ontwerp (Responsive Design)
  • Structuurschema
  • Zoekmachine optimalisatie

College 2:

  • Usability
  • Overtuigingstechnieken
  • Wireframes
  • Interface-design
  • Navigatiestructuren
  • Content en vormgeving van websites
  • Sitebeheer en beveiliging
  • Testen
  • Belangrijke do's en dont's

Cursus Interaction Design

College 1

  • Begingprincipes van interaction design
  • Toepassingsgebieden
  • Voorbeelden van goed interaction design
  • Interfaces
  •  Trends in het vakgebied

College 2

  • Tools voor  analyses voor nieuwe media toepassingen
  • Geschiedenis van interface ontwerp
  • Nieuwe trends in interface ontwerp op web en mobile (adaptive/responsive design)
  • 4 Soorten online gebruikers
  • Casestudies
  • Best practises van interface ontwerpen
  • 'Huiswerk' opdracht

College 3

  • Presentaties van de uitgewerkte ideeën
  • Toepassen theorie eerdere trainingen

College 4

  • Navigatie modellen & wireframes
  • Persona’s: de gebruikerservaring voorop
  • Usability tests uitvoeren van je ontwerp

Cursus Visual Design met Sketch en Invision

College 1

  • Introductie programma
  • Lagen en pagina's
  • Gereedschap
  • Inspector menu
  • Tekenen in Sketch
  • Sneltoetsen
  • Foto's importeren
  • Een foto bijsnijden (maskeren)
  • Vectorafbeeldingen importeren en wijzigen
  • Objecten groeperen
  • Slim schalen voor responsive design
  • Lagen uitlijnen en distribueren
  • Kleuren in het ontwerp opnieuw gebruiken
  • Herbruikbare vormgeving maken
  • Tekststijlen aanmaken

College 2

  • Symbolen (herbruikbare elementen)
  • Een lay-outraster instellen
  • Pixels precies werken
  • De indeling aanpassen voor tablets en mobiele telefoons
  • Bestanden exporteren:
  • Tekengebieden exporteren
  • Gebruik maken van plug-ins
  • Praktijkopdracht

College 3

  • Korte herhaling dag 1
  • Introductie programma Invision App
  • Je Sketch ontwerpen importeren in Invision
  • Interactieve prototypes maken

College 4

  • Werken aan de praktijkopdracht
  • Presenteren van je klikbare app of website

Cursus HTML5 en CSS3 Level I

College 1

  • Werking en werkwijze van HyperText Markup Language (HTML)
  • Valide document structuur, het neerzetten van een valide HTML skelet
  • Teksten structureren en  opsommingen gebruiken
  • Werken met lijsten
  • Werken met afbeeldingen
  • Werken met hyperlinks

College 2

  • Werken met tabellen
  • Clickable Imagemaps
  • Meta informatie (metatags, link, script en style)
  • Werken met formulieren
  • iFrames en het publiceren van pagina's met FTP

College 3

  • Beginnen met Cascading Style Sheets
  • CSS aan HTML koppelen
  • Werking Cascade, Inheritance, Precedence en Specificity
  • CSS terminologie en syntax
  • Selectors
  • Text, Font & List Properties

College 4

  • CSS Box Model
  • Werken met Floats
  • Positionering van elementen
  • Display en Visibility
  • Print en andere media

Cursus Javascript voor het Web

College 1

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

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

Waar kan ik de Opleiding Frontend Webdeveloper volgen?

U kunt op diverse momenten van start op regionale traininglocaties in heel Nederland: Regio Amsterdam, Arnhem, Den Haag, Eindhoven, Groningen, Rotterdam, Utrecht of Zwolle.

Op de hoogte blijven van aanbiedingen en vaknieuws?

Schrijf je in voor onze nieuwsbrief!

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

Waarom Competence Factory?

Inspirerende, centraal gelegen locaties

Trainingslocaties van Competence Factory liggen altijd lekker centraal; in hartje Amsterdam en pal naast station Utrecht Centraal. De ruimtes stimuleren concentratie, creativiteit en samenwerking. We willen ook graag dat je je thuis voelt, en hebben ze daarom kleurrijk ingericht en mooi verlicht. In onze ruimtes vind je bovendien grote white walls voor brainstorms.

Trainingen voor ieder budget

We willen dat iederéén goede trainingen kan volgen. Niet alleen de marketeer bij een grote corporate met een flink opleidingsbudget, maar ook de freelance ontwerper, de zelfstandig adviseur, de ondernemer en de non-profit professional. Daarom hanteren we dynamische prijzen. Wanneer je slim (heel vroeg, of juist last minute) boekt, betaal je voor onze trainingen de laagste prijs in de markt.

Bekijk onze aanbiedingen

CF community

Wanneer je een training bijwoont, ben je automatisch lid van de CF community. We organiseren mooie evenementen voor onze leden, waaronder gratis inspiratiesessies en een jaarlijkse reis naar het Google hoofdkantoor. Ook krijgen CF communityleden 50% korting op de 'In a Day' events, waaronder Growth Hacking in a day en Design Thinking in a day.

Ga naar de events