In deze zelfstudie serie:
checkmark simple
Variabelen
checkmark simple
Alert, console.log en prompt
checkmark simple
Functions en Events
checkmark simple
Manipuleren HTML
checkmark simple
checkmark simple
checkmark simple
checkmark simple

Alle lessen in deze reeks bekeken?

Je hebt alle lessen in deze reeks afgerond!

checkmark simple
Oops! Something went wrong while submitting the form.

Je hebt alle lessen afgerond!

checkmark simple

Wat is javascript? Chrome dev tools

Javascript

Zorgt voor logica en gedrag, het maakt de website interactief. Javascript kan HTML en CSS veranderen. Wij gaan het gebruiken om functies te schrijven met onder andere loops en if statements.

Wij gebruiken javascript als een client side script-taal. Dat betekent dat alles wordt uitgevoerd in de browser van de bezoeker.

Variabelen

Var let en const

Een variabele wordt gebruikt om iets in op te slaan. Deze variabele kan je vervolgens weer op een andere plek gebruiken. Je kan woorden, zinnen, letters, nummers, objecten, arrays, booleans, functies en nog meer op slaan in variabelen. Bekijk de PDF voor de verschillen tussen var, let en const.

Alert, console.log en prompt

Console.log

In chrome dev tools kun je de log lezen. Alle console.log's die je in javascript aan maakt kun je hier terug vinden. Het is een geweldige manier om je code te testen. Zo kun je controleren wat de waarde is van een variabele, of je code wel tot een bepaald punt in een loop komt en meer.

Alert

Een popup melding, waar een waarschuwing in kan: onjusite invoer!

Prompt

Vraag invoer van de gebruiker via een popup.

Functions en Events

Functions

Een blok met code dat wordt uitgevoerd na het oproepen van de functie.

Events

Dit kan een klik, mouseover etc zijn. Dit event kan een functie aanroepen in javascript.

Manipuleren HTML

Manipuleren HTML en CSS

In Javascript kan je op verschillende manieren elementen ophalen, bijvoorbeeld aan de hand van de id naam. Met het opgehaalde element kan je van alles doen zoals; het veranderen van de inhoud (.innerHTML), het veranderen van de kleur of iets anders van de styling(.style).

Project files

icon: files
Project files
* De link hierboven download een bestand via dropbox dit kan een zip of rar bestand zijn. Weet je niet hoe je dit type bestand kan gebruiken? Volg deze instructie voor zip bestanden. Of download WinRar voor rar bestanden.
* Er zijn geen project files om te downloaden voor deze zelfstudie.

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 vervolgens verder helpen.

Het kanaal voor deze cursus op onze Discord:

portfolio-cursus

logo - discord

#code-cafe

200+ leden