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
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
