02 - Javascript - Integratie HTML

JavaScript toevoegen aan je HTML webpagina

1 / 10

Slide 1: Slide

ICTMBOStudiejaar 1-4

This lesson contains 10 slides, with interactive quizzes and text slides.

Lesson duration is: 60 min

Items in this lesson

JavaScript toevoegen aan je HTML webpagina

Slide 1 - Slide

This item has no instructions

Leerdoel

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

Slide 2 - Slide

This item has no instructions

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

Slide 3 - Mind map

This item has no instructions

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

This item has no instructions

Externe JavaScript toevoegen

Met het <script> element en het src attribuut kun je externe Javascript bestand(en) toevoegen aan je HTML-pagina

Slide 5 - Slide

This item has no instructions

Interne JavaScript toevoegen

Je kunt ook JavaScript-code rechtstreeks in de <script> tag in de HTML-pagina plaatsen om interne scripts toe te voegen.

document.write('JavaScript geschreven.');

</script>

Slide 6 - Slide

This item has no instructions

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

This item has no instructions

Opdracht: Hoofstuk 7 Javascript

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

Slide 8 - Slide

This item has no instructions

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

This item has no instructions

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

Slide 10 - Open question

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.

02 - Javascript - Integratie HTML

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Mind map

Slide 4 - Slide

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Slide

Slide 10 - Open question

More lessons like this

01 - Javascript - introductie

01 - Javascript - wat is javascript

01 - Javascript - wat is javascript

01 - Javascript - wat is javascript

Les 1. Ontdek JavaScript: Een inleiding tot programmeren

04 - HTML - head body

2. Lists en CSS Basics

Week 6 - Les 1