Front-end development beginners opleiding

Bouw een portfolio website

Leer in 6 weken tijd een eigen portfoliowebsite ontwikkelen in HTML, CSS, JavaScript & Adobe XD.

Voor deze opleiding is geen programmeer ervaring nodig.

Startdata cursus:

beginner
6 weken
€600
€400
In deze cursus:
  • Nederlandstalig
  • 6 live lessen van een docent
  • 7 leuke portfolio opdrachten
  • Een eigen portfolio website
  • exclusieve community
Ondewerpen
  • HTML basics
  • CSS basics
  • JS basics
  • Adobe XD basics
Opdrachten
  • CSS layout: position, flexbox & grid
  • Media album
  • Verhaalgenerator
  • Game: Rock Paper Scissors
  • Ontwerpen Fanpage
  • Bouwen Fanpage
  • Portfolio website

Hey naam! Zin om iets nieuws te leren?

Tab Live lessen:

Hier vind je de lesdata, de meeting links en PDF presentaties.

Tab Zelfstudie:

Bekijk je progressie, bekijk zelfstudie lessen en maak de weekopdrachten.

Tab Community:

Stel vragen over de lesstof en help medestudenten. De link naar de community van deze opleiding vind je hier.

Wat ga je leren en ontwikkelen?

Aan het einde van deze opleiding heb jij een eigen portfoliowebsite ontwikkeld die gevuld is met kleine opdrachten. In de IT zijn portfoliowebsites enorm belangrijk voor junior developers. Je kunt het gebruiken om freelance opdrachten mee binnen te halen en om jouw kennis aan te tonen tijdens sollicitatiegesprekken.

In deze opleiding ontwikkel je jouw portfoliowebsite met HTML, CSS en JavaScript. HTML is de code die wordt gebruikt om een webpagina en zijn inhoud te structureren en weer te geven. CSS wordt gebruikt om HTML pagina’s een opmaak mee te geven. JavaScript is de aanvullende programmeertaal om HTML interactief te maken. Het is de populairste programmeertaal op internet.

Daarnaast leer je met Adobe XD jouw website ontwerpen. Met Adobe XD kun je prachtige websites en apps ontwerpen. Door slim gebruik te maken van Adobe Experience Design kun je het ontwerpproces enorm versnellen. Ook ga je opdrachten maken om jouw portfolio mee te vullen.

Week 1: Intro HTML & CSS

  • Visual Studio Code
  • HTML & CSS syntax
  • HTML tags
  • CSS selectors
  • CSS position
  • CSS flexbox
  • Opdracht layout

Week 2: Intro JS + HTML figure, video & audio

  • JS syntax
  • JS function
  • HTML veranderen met JS
  • HTML figure
  • Audio & video
  • Simpele media lightbox
  • Opdracht media album

Week 3: Meer JS & HTML form elements

  • JS for loops & if statements
  • HTML form input, radio buttons, checkbox en select
  • JS arrays
  • JS events
  • Opdracht verhaalgenerator
  • Opdracht Rock Paper Scissors

Week 4 & 5: Introductie Adobe XD en ontwerpen + bouwen fanpage

  • Tools en dashboard Adobe XD
  • XD tekst, vormen, kleuren
  • XD repeater grid
  • XD components
  • JS json
  • JS template literals
  • Opdracht ontwerpen fanppage
  • Opdracht bouwen fanpage

Week 6: Afronden portfolio

  • Navbar, headers & footers
  • HTML Mail en bel onclick
  • Opdracht maken headers portfolio opdrachten
  • Opdracht maken homepagina portfolio

Wat bieden wij precies aan?

Wij bieden een Nederlandstalige Front-end development opleiding aan van 6 weken waarbij je onder begeleiding van een docent leert programmeren. Deze opleiding is gericht op beginners. Daarom is het niet vereist om programmeerervaring te hebben. Deze opleiding is ook interessant voor mensen die wel kunnen programmeren maar nog geen ervaring met front-end technieken hebben. Ook is deze opleiding interessant voor mensen die online gestart zijn met programmeren maar graag met begeleiding zich verder willen ontwikkelen.

De opleiding bestaat uit live interactieve online lessen, opgenomen video’s en praktijkgerichte opdrachten. De live online lessen worden iedere week op een vast tijdstip en op een vaste avond gegeven. Deze live online lessen duren 2 uur per les. Het is geen probleem als je gedurende deze 6 weken een keer niet in de gelegenheid bent om deel te nemen aan de online les want deze wordt opgenomen zodat je het later terug kan kijken.

Deze opleiding heeft een studielast van 8 uur per week. Daardoor is deze opleiding goed te volgen naast je baan of studie. Na afronding van de opleiding krijg je een Code Café certificering en toegang tot een exclusieve alumni community waar jij je verder kunt ontwikkelen.

  • Nederlandstalig
  • 6 live lessen van een docent
  • 7 leuke portfolio opdrachten
  • Een eigen portfolio website
  • exclusieve community

Wo 3 Maart 2021

19:00 - 22:30
Les 1: Intro HTML & CSS
PDF presentatie:
icon: files
download PDF

Wo 10 Maart 2021

19:00 - 22:00
Les 2: Intro Javascript
PDF presentatie:
icon: files
download PDF

17 Maart 2021

19:00 - 22:00
Les 3: Forms, loops & if statements
PDF presentatie:
icon: files
download PDF

24 Maart 2021

19:00 - 22:00
Les 4: Adobe XD ontwerpen website
PDF presentatie:
icon: files
download PDF

31 Maart 2021

19:00 - 22:00
Les 5: Herhaling stof & TicTacToe
PDF presentatie:
icon: files
download PDF

07-04-2021

19:00 - 22:00
Les 6: Weather Dashboard
PDF presentatie:
icon: files
download PDF

Live lessen terugkijken

Live lessen CodeCafé

Tijdens de live online lessen van CodeCafé leer jij onder begeleiding van een docent programmeren. Gedurende deze lessen wordt er gekeken of de zelfstudiestof begrepen is, nieuwe stof gedoceerd en worden er samen met jouw studiegenoten opdrachten gedaan. Deze live online lessen worden iedere week op een vast tijdstip gegeven. Ook worden deze lessen opgenomen voor het geval dat jij er een keer niet bij kan zijn.

Zelfstudie progressie

0% done

Week 1: introductie HTML & CSS

Onderwerp
af?

Zelfstudie CodeCafé

Onze opleidingen bestaan uit live online lessen, zelfstudie video’s en opdrachten. Iedere week staan er videoreeksen en opdrachten voor jou klaar. Een week kan bestaan uit verschillende videoreeksen waarbij je verschillende onderwerpen leert.

Stel vragen en help medestudenten

Tijdens de live lessen zijn er opdrachten waarbij je zult samenwerken met jouw studiegenoten, hiervoor gebruiken wij Discord. Daarnaast kun je ook jouw vragen stellen, de docenten zullen je verder helpen.

Het kanaal voor deze cursus op onze discord:

portfolio-cursus

logo - discord

#code-cafe

100+ leden

Inschrijven opleiding

Start 12 Mei 2021

data live lessen

Les 1: 12-05-2021 van 19:00 t/m 22:30

Les 2: 19-05-2021 van 19:00 t/m 22:00

Les 3: 26-05-2021 van 19:00 t/m 22:00

Les 4: 02-06-2021 van 19:00 t/m 22:00

Les 5: 09-06-2021 van 19:00 t/m 22:00

Les 6: 16-06-2021 van 19:00 t/m 22:00

€600
€400
*Om een opleiding te kunnen kopen heb je een account nodig.
login
of creëer een gratis account