Opleiding Front end webdeveloper Pro

Deze 6-daagse opleiding is de basis voor front-end webdevelopment. Je kunt na het volgen van deze opleiding een visueel ontwerp maken in Adobe XD en werken met HTML, CSS en Javascipt om vanuit code een werkende website te bouwen.

Programma van de opleiding Front end webdeveloper Pro

Visual Design met Adobe XD

College 1  

  • Introductie programma
  • Lagen
  • Gereedschap
  • Tekengebieden instellen
  • De indeling aanpassen voor tablets en mobiele telefoons
  • Foto's importeren en bijsnijden
  • Afbeelding maskeren
  • Vectorafbeeldingen importeren en wijzigen
  • Lagen uitlijnen en distribueren
  • Hoeken afronden
  • Een slagschaduw toevoegen
  • Iconen maken in Adobe XD

College 2

  • Kleuren opnieuw gebruiken
  • Tekststijlen maken
  • Herhaalelementen maken
  • Symbolen (herbruikbare elementen)
  • Gebruik maken van de gratis iconen en bestanden van Adobe
  • Bestanden exporteren voor internet
  • Losse elementen exporteren
  • Tekengebieden exporteren
  • Praktijkopdracht

College 3  

  •  Korte herhaling dag 1
  • Een ontwerp veranderen in een klikbaar prototype
  • Verbindingen maken tussen tekengebieden
  • Een opname maken van een prototype
  • XD-bestanden delen
  • Een opmerking plaatsen

College 4

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

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

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

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