‹Revenir à la recherche

02 - Javascript - Integratie HTML

JavaScript toevoegen aan je HTML webpagina
1 / 10
suivant
Slide 1: Diapositive
ICTMBOStudiejaar 1-4

Cette leçon contient 10 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

JavaScript toevoegen aan je HTML webpagina

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 3 - Carte mentale

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

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

Cet élément n'a pas d'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.
<script>
  document.write('JavaScript geschreven.');
</script>

Slide 6 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

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

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 10 - Question ouverte

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.

Plus de leçons comme celle-ci

01 - Javascript - introductie

- Leçon avec 11 diapositives
ICTMBOStudiejaar 3,4

01 - Javascript - wat is javascript

- Leçon avec 15 diapositives
ICTMBOStudiejaar 1,2

01 - Javascript - wat is javascript

- Leçon avec 12 diapositives
ICTMBOStudiejaar 1,2

01 - Javascript - wat is javascript

- Leçon avec 15 diapositives
ICTMBOStudiejaar 1,2

Les 1. Ontdek JavaScript: Een inleiding tot programmeren

- Leçon avec 17 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

04 - HTML - head body

- Leçon avec 13 diapositives
ICTMBOStudiejaar 1-4

2. Lists en CSS Basics

- Leçon avec 22 diapositives
ICTMBOStudiejaar 1

Week 6 - Les 1

- Leçon avec 10 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 2