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: Adobe XD in vogelvlucht
  • Lagen
  • Gereedschap
  • Tekengebieden instellen
  • De indeling aanpassen voor tablets en mobiele telefoons
  • Foto's importeren en bijsnijden
  • Een 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)
  • De gratis iconen en bestanden van Adobe gebruiken
  • 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
  • Voice prototyping
  • XD-bestanden delen
  • Een opmerking plaatsen

College 4

  • Werken aan je praktijkopdracht
  • Je klikbare app of website presenteren

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?

Praktijkgerichte trainingen

Je leert het snelst door te doen. Daarom geven we geen hoorcolleges, maar zetten we je aan het werk. Aan de hand van prikkelende opdrachten en praktijkcases doe je inzichten op die je direct kunt toepassen. Ook krijg je de ruimte om je eigen vragen te stellen. Zo ga je gegarandeerd naar huis met kennis waar je echt iets aan hebt.

Inspirerende locatie

Uit welke richting je ook komt, onze trainingslocatie is makkelijk te bereiken. We zitten pal naast Utrecht Centraal, met om de hoek een parkeergarage. De trainingsruimtes zijn licht, kleurrijk en voorzien van handige faciliteiten - zoals whitewalls voor een brainstorm. Zo stimuleren we concentratie, creativiteit en samenwerking.

Voor elk budget

We willen dat iedereen goede trainingen kan volgen. Niet alleen de marketeer bij een grote corporatie, maar ook freelancers, ondernemers en non-profit professionals. Daarom hanteren we dynamische prijzen. Boek je slim (heel vroeg, of juist last minute), dan betaal je voor onze trainingen de laagste prijs in de markt.

CF-community

Volg je een training, dan ben je automatisch lid van de CF-community. Daarmee krijg je toegang tot mooie evenementen, zoals gratis inspiratiesessies en een jaarlijkse trip naar het Google-hoofdkantoor in Dublin. Ook krijg je 50% korting op alle In a Day-events, zoals Growth hacking in a day en Design thinking in a day.