02 - Javascript - Integratie HTML

JavaScript toevoegen aan je HTML webpagina
1 / 10
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

In deze les zitten 10 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

JavaScript toevoegen aan je HTML webpagina

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Leerdoel
Aan het einde van de les kun je JavaScript toevoegen aan je HTML webpagina.

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Wat weet je al over het toevoegen van JavaScript aan een webpagina?

Slide 3 - Woordweb

Deze slide heeft geen instructies

Wat is JavaScript?
JavaScript is een programmeertaal die wordt gebruikt om interactieve inhoud toe te voegen aan webpagina's. Het wordt vaak gebruikt voor het maken van dynamische functionaliteiten.

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Externe JavaScript toevoegen
Met het <script> element en het src attribuut kun je externe Javascript bestand(en) toevoegen aan je HTML-pagina
<script src="mijnScript.js"></script>

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Interne JavaScript toevoegen
Je kunt ook JavaScript-code rechtstreeks in de <script> tag in de HTML-pagina plaatsen om interne scripts toe te voegen.
<script>
  document.write('JavaScript geschreven.');
</script>

Slide 6 - Tekstslide

Deze slide heeft geen instructies

JavaScript in de tag
Het wordt aanbevolen om JavaScript-code in de <head>  tag te plaatsen om ervoor te zorgen dat alle scripts zijn geladen voordat de pagina wordt weergegeven.

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Opdracht: Hoofstuk 7 Javascript
  1. Maak opdracht 24 tot en met 34 uit het boekje HTML/CSS/Javascript
  2. zet de opdrachten in een mapje
  3. maak een .zip file van dit mapje
  4. Lever in via Teams (zie classwork)

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
We hebben geleerd hoe je zowel externe als interne JavaScript kunt toevoegen aan een HTML-pagina. Daarnaast hebben we het belang van het plaatsen van JavaScript in de <head>  tag besproken.

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 10 - Open vraag

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.