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.
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
Zoom meeting link:
https://zoom.us/j/93629772402?pwd=NW8zdy94YXRJMEdmNzZWSHZSa1NFUT09PDF presentatie:
download PDF
Wo 10 Maart 2021
19:00 - 22:00
Les 2: Intro Javascript
Zoom meeting link:
https://zoom.us/j/93629772402?pwd=NW8zdy94YXRJMEdmNzZWSHZSa1NFUT09PDF presentatie:
download PDF
17 Maart 2021
19:00 - 22:00
Les 3: Forms, loops & if statements
Zoom meeting link:
https://zoom.us/j/93629772402?pwd=NW8zdy94YXRJMEdmNzZWSHZSa1NFUT09PDF presentatie:
download PDF
24 Maart 2021
19:00 - 22:00
Les 4: Adobe XD ontwerpen website
Zoom meeting link:
https://zoom.us/j/93629772402?pwd=NW8zdy94YXRJMEdmNzZWSHZSa1NFUT09PDF presentatie:
download PDF
31 Maart 2021
19:00 - 22:00
Les 5: Herhaling stof & TicTacToe
Zoom meeting link:
https://zoom.us/j/93629772402?pwd=NW8zdy94YXRJMEdmNzZWSHZSa1NFUT09PDF presentatie:
download PDF
07-04-2021
19:00 - 22:00
Les 6: Weather Dashboard
Zoom meeting link:
https://zoom.us/j/93629772402?pwd=NW8zdy94YXRJMEdmNzZWSHZSa1NFUT09PDF presentatie:
download PDF
Live lessen terugkijken
Live les week 1 datum 3/3/2020
Live les week 2 datum 10/3/2020
Live les week 3 datum 17/3/2020
Live les week 4 datum 24/3/2020
Live les week 5 datum 31/3/2020
Live les week 6 datum 07/04/2021
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?
Week 3: HTML, CSS en JS verdieping
Onderwerp
af?
Week 5: Bouwen eigen 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
#code-cafe
100+ leden
Inschrijven opleiding
data live lessen