Front End Development voor beginners

Bouw een portfolio website

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

Voor deze opleiding is geen programmeerervaring nodig.

Startdata cursus:

Opleiding met live lessen
Zelfstudie opleiding
beginner
17 uur videolessen
€95
In deze cursus:
Onderwerpen
  • HTML basics
  • CSS basics
  • JS basics
  • Adobe XD basics

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.

Bekijk de trailer

Over deze opleiding

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.

Wat ga je ontwikkelen?

Eindopdracht: Portfolio website

Naast de theorie ga je aan toffe tussenopdrachten werken, dit ga je samenvoegen in een toffe portfolio website!

Positioneren met flexbox, grid en position absolute

Tijdens de lessen leer je positioneren met display, CSS flexbox en CSS grid. Met deze technieken ga je een responsive pagina bouwen.

Media Album met foto's, video's en audio

Maak van je vakantie foto's en andere media een website album!

Bouw een game! Rock Paper Scissors

Met JavaScript ga je het bekende spel Rock Paper Scissors bouwen die je tegen de computer kan spelen.

Verhalen generator

Ken je het nog van de middelbare school? Voer woorden en en er wordt een verhaal gegenereerd! Bouw het zelf in deze opdracht.

Fanpage van je favoriete band/artiest

Fan van Led Zeppelin, Eminem, Rihanna? Ontwerp en bouw je eigen fanpage!

Wat ga je leren?

  • Visual Studio Code
  • HTML basics
  • CSS basics
  • JavaScript basics
  • HTML media
  • HTML formulieren
  • CSS flexbox
  • CSS grid
  • CSS responsive
  • Adobe XD
  • en nog veel meer!

Studeren bij CodeCafé

Waarom zou je bij CodeCafé een opleiding willen volgen?
Onze opleidingen leveren tastbare eindproducten op voor jouw portfolio. Deze eindproducten kun je bijvoorbeeld tonen in jouw sollicitatiegesprekken. Daarnaast zijn onze opleidingen daardoor te volgen naast een baan of studie. Ook bepaal jij hierdoor wanneer en waar je studeert. Maar zelfstudie betekent zeker niet dat je geen begeleiding kan krijgen. Wij hebben een actieve community waar je vragen kunt stellen aan onze docenten en gelijkgestemden kunt leren kennen. Wij creëren onze eigen video’s waardoor je verzekerd bent van unieke content. De opleidingen worden in het Nederlands gegeven. Tot slot hebben wij een jong en energiek docenten team waardoor de lesstof bij CodeCafé nooit saai is!
.

  • Nederlandstalig
  • Toffe praktijkopdrachten
  • Exclusieve community
  • Volg de zelfstudie wanneer jij dat wil
De livelessen en de link van de meetings zullen binnenkort geplaatst worden.

Live lessen terugkijken

Er zijn nog geen live lessen om terug te kijken

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

HTML CSS basis & positioneren

Onderwerp
af?

JavaScript en potfolio opdracht: Media Album

Onderwerp
af?

Formulieren en opdrachten: Verhaalgenerator en Rock Paper Scissors

Onderwerp
af?

Adobe XD en opdracht: Ontwerp en bouw een fanpage

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

200+ leden

Interesse in een opleiding voor jouw personeel?

Vul het formulier in of neem vrijblijvend contact met ons op.

Begin jouw code journey vandaag!

Start

data live lessen

Dit is een zelfstudie opleiding. Begin wanneer je wil!

€95
Kopen opleiding

Veel gestelde vragen

Hoe lang ben ik met de opleiding bezig?
Hoe heb ik contact met de docenten en medestudenten?
Kan ik de docenten vragen stellen als ik iets niet snap?
Hoe lang heb ik toegang tot de opleiding?
Ik kan geen startdata vinden, wanneer kan ik beginnen?