Basis HTML: Leer de grondbeginselen van webontwikkeling

Basis HTML: Leer de grondbeginselen van webontwikkeling

Leerdoel: Begrijpen wat HTML is

HTML staat voor HyperText Markup Language en is de basis van webontwikkeling.

Leg de basisprincipes van HTML uit en zorg ervoor dat studenten begrijpen wat HTML is en waarvoor het wordt gebruikt.

Wat weet je al over HTML?

HTML-tags en -elementen

HTML maakt gebruik van tags en elementen om de inhoud van een webpagina te structureren.

Leg uit wat tags en elementen zijn en geef voorbeelden van veelgebruikte tags zoals , , ,

, , en

.

Structuur van een HTML-pagina

Een standaard HTML-pagina bestaat uit een doctype-declaratie, een HTML-element, een head-element en een body-element.

Laat de structuur van een HTML-pagina zien en leg uit wat elk element doet.

Tekst opmaken met HTML

HTML biedt verschillende tags om tekst op te maken, zoals

Demonstreer hoe deze tags worden gebruikt om tekst op te maken en benadruk het belang van semantisch correcte HTML.

Afbeeldingen toevoegen

Afbeeldingen kunnen worden toegevoegd met de img-tag en moeten een alt-attribuut bevatten voor toegankelijkheid.

Laat zien hoe het toevoegen van een afbeelding werkt en waarom het belangrijk is om een alt-attribuut te gebruiken.

Links maken

Links worden gemaakt met de link-tag en kunnen worden gebruikt om te koppelen naar andere pagina's of bestanden.

Laat zien hoe links worden gemaakt en geef voorbeelden van verschillende soorten links.

Lijsten maken

Er zijn twee soorten lijsten in HTML: geordende en ongeordende lijsten.

Leg uit hoe lijsten worden gemaakt en geef voorbeelden van beide soorten lijsten.

Tabellen maken

Tabellen worden gebruikt om gegevens op te maken en te structureren.

Demonstreer hoe tabellen worden gemaakt en waarvoor ze worden gebruikt.

Formulieren maken

Formulieren kunnen worden gebruikt om informatie van gebruikers te verzamelen, zoals naam, e-mailadres en bericht.

Laat zien hoe formulieren worden gemaakt en hoe verschillende soorten invoerelementen worden gebruikt, zoals , en <select>.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" class="pin-container view-mode slide-color-1 slide-layout-2 "><div class="slide-color-1 slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Validatie en debugging</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Validatie is het proces van het controleren van de syntaxis van HTML-code, terwijl debugging het proces is van het opsporen en oplossen van fouten in de code.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->12<!-- --> -<!-- --> <!-- -->Slide</h4><div>Geef tips voor het valideren en debuggen van HTML-code en leg uit waarom dit belangrijk is voor webontwikkeling.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="openQuestion" data-allow-image-zoom="0" class="pin-container view-mode openQuestion-color-9 openQuestion-layout-1 "><div class="openQuestion-color-9 openQuestion-layout-1 content-background"></div><div id="title" class="question text-align-1 font-size-60"> <span>Schrijf 3 dingen op die je deze les hebt geleerd.</span><br/></div><div class="component-area"><div class="scale-up"><div class="view-components"></div></div></div><div class="placeholder-answers"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->13<!-- --> -<!-- --> <!-- -->Open question</h4><div>De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="openQuestion" data-allow-image-zoom="0" class="pin-container view-mode openQuestion-color-9 openQuestion-layout-1 "><div class="openQuestion-color-9 openQuestion-layout-1 content-background"></div><div id="title" class="question text-align-1 font-size-60"> <span>Schrijf 2 dingen op waarover je meer wilt weten.</span><br/></div><div class="component-area"><div class="scale-up"><div class="view-components"></div></div></div><div class="placeholder-answers"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->14<!-- --> -<!-- --> <!-- -->Open question</h4><div>De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="openQuestion" data-allow-image-zoom="0" class="pin-container view-mode openQuestion-color-9 openQuestion-layout-1 "><div class="openQuestion-color-9 openQuestion-layout-1 content-background"></div><div id="title" class="question text-align-1 font-size-60"> <span>Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.</span><br/></div><div class="component-area"><div class="scale-up"><div class="view-components"></div></div></div><div class="placeholder-answers"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->15<!-- --> -<!-- --> <!-- -->Open question</h4><div>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.</div></div></div></div></div></div></div><div class="lesson-page__more-like-this"><div class="lesson-page-section page-center"><h2 class="lesson-page__header">More lessons like this</h2><div class="lesson-summary-cards"><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/YN6B9cuFK88zGBLBo"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s330-rw 1x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s660-rw 2x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s330 1x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s660 2x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">Kennismaking met HTML Programmeren</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-02-16T08:52:53.173Z">February 2024</time> - <!-- -->Lesson with<!-- --> <strong>14<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/8gGkzjvyxoqaRwdcH"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s330-rw 1x, https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s660-rw 2x, https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s330 1x, https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s660 2x, https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/C4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">01 - Javascript - wat is javascript</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-03-19T07:12:15.242Z">March 2024</time> - <!-- -->Lesson with<!-- --> <strong>15<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="ICT" class="ui-tag ui-tag--small bg-yellow">ICT</span><span title="MBO" class="ui-tag ui-tag--small bg-cyan">MBO</span><span title="Studiejaar 1,2" class="ui-tag ui-tag--small bg-cyan">Studiejaar 1,2</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/TNZE6LKDRhw2xGQmC"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s330-rw 1x, https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s660-rw 2x, https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s330 1x, https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s660 2x, https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/TcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">01 - Javascript - wat is javascript</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-03-07T08:06:27.979Z">March 2024</time> - <!-- -->Lesson with<!-- --> <strong>12<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="ICT" class="ui-tag ui-tag--small bg-yellow">ICT</span><span title="MBO" class="ui-tag ui-tag--small bg-cyan">MBO</span><span title="Studiejaar 1,2" class="ui-tag ui-tag--small bg-cyan">Studiejaar 1,2</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/SsapfFNqh5hEW2KiD"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s330-rw 1x, https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s660-rw 2x, https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s330 1x, https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s660 2x, https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/Tb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">Html en Css - les 2</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2023-04-20T13:45:52.608Z">April 2023</time> - <!-- -->Lesson with<!-- --> <strong>23<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Informatica" class="ui-tag ui-tag--small bg-yellow">Informatica</span><span title="Middelbare school" class="ui-tag ui-tag--small bg-cyan">Middelbare school</span><span title="vwo" class="ui-tag ui-tag--small bg-cyan">vwo</span><span title="Leerjaar 4" class="ui-tag ui-tag--small bg-cyan">Leerjaar 4</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/meZ4N4bsQBCXacrzC"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s330-rw 1x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s660-rw 2x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s330 1x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s660 2x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">WEEK 3 - INFORMATIE TECHNOLOGIE</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-02-16T10:00:03.167Z">February 2024</time> - <!-- -->Lesson with<!-- --> <strong>30<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Informatica" class="ui-tag ui-tag--small bg-yellow">Informatica</span><span title="Middelbare school" class="ui-tag ui-tag--small bg-cyan">Middelbare school</span><span title="havo" class="ui-tag ui-tag--small bg-cyan">havo</span><span title="Leerjaar 4" class="ui-tag ui-tag--small bg-cyan">Leerjaar 4</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/9N4yp3G3mxogYxerB"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s330-rw 1x, https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s660-rw 2x, https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s330 1x, https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s660 2x, https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/Ajl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">App Development Journey: Bouw je eigen app!</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-04-02T10:21:02.390Z">April 2024</time> - <!-- -->Lesson with<!-- --> <strong>23<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Informatica" class="ui-tag ui-tag--small bg-yellow">Informatica</span><span title="Middelbare school" class="ui-tag ui-tag--small bg-cyan">Middelbare school</span><span title="havo" class="ui-tag ui-tag--small bg-cyan">havo</span><span title="Leerjaar 5" class="ui-tag ui-tag--small bg-cyan">Leerjaar 5</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/zd8oaikptdhcJtgKz"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s330-rw 1x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s660-rw 2x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s330 1x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s660 2x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">01 - HTML - intro</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-01-17T19:53:14.804Z">January 2024</time> - <!-- -->Lesson with<!-- --> <strong>11<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="ICT" class="ui-tag ui-tag--small bg-yellow">ICT</span><span title="MBO" class="ui-tag ui-tag--small bg-cyan">MBO</span><span title="Studiejaar 1-4" class="ui-tag ui-tag--small bg-cyan">Studiejaar 1-4</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/en/lesson/egXaqDBKHRsANLLok"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s330-rw 1x, https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s660-rw 2x, https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s330 1x, https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s660 2x, https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/Tqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">01 - Javascript - wat is javascript</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-01-29T09:31:12.215Z">January 2024</time> - <!-- -->Lesson with<!-- --> <strong>13<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="ICT" class="ui-tag ui-tag--small bg-yellow">ICT</span><span title="MBO" class="ui-tag ui-tag--small bg-cyan">MBO</span><span title="Studiejaar 1,2" class="ui-tag ui-tag--small bg-cyan">Studiejaar 1,2</span></div></div></a></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div></div></div></div></div></div><footer class="search-footer css-1dhfdau"><a class="rocket-logo" href="/en/lessons/"><svg width="30" height="30" viewBox="0 0 32 32" fill-rule="evenodd" preserveAspectRatio="xMidYMid meet" fill="currentColor"><g fill-rule="evenodd" preserveAspectRatio="xMidYMid meet"><path d="M8.10791 25.6014C8.33859 24.7836 8.18588 24.3339 7.91093 24.0892C7.66614 23.8141 7.21641 23.6614 6.39859 23.8921C3.80876 24.6263 3.50293 27.9212 3.46838 28.5316C4.07886 28.497 7.37377 28.1912 8.10791 25.6014" fill="currentColor"></path><path d="M8.03871 13.3709C8.47292 12.5253 8.92879 11.7061 9.40109 10.9199C7.51798 10.7412 4.01009 11.1499 0 15.2499L1.5208 16.7375C1.5208 16.7375 4.63417 15.6975 6.72659 16.1621C7.13255 15.2182 7.57142 14.281 8.03871 13.3709Z" fill="currentColor"></path><path d="M18.6291 23.9612C17.7188 24.4287 16.7815 24.8676 15.8378 25.2733C16.3024 27.3657 15.2623 30.4791 15.2623 30.4791L16.7501 32C20.8502 27.9898 21.2588 24.4819 21.0799 22.5989C20.2939 23.0711 19.4747 23.5269 18.6291 23.9612Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M22.1536 9.7563C22.0063 9.90357 21.8134 9.97721 21.6204 9.97721C21.4273 9.97721 21.2344 9.90357 21.0871 9.7563C20.7926 9.46174 20.7926 8.98436 21.0871 8.68981C21.2344 8.54253 21.4273 8.46889 21.6204 8.46889C21.8134 8.46889 22.0063 8.54253 22.1536 8.68981C22.4482 8.98436 22.4482 9.46174 22.1536 9.7563ZM23.4181 8.58657C22.9216 8.09024 22.2711 7.84189 21.6204 7.84189C20.9698 7.84189 20.3192 8.09024 19.8226 8.58657C18.8298 9.57942 18.8298 11.1892 19.8226 12.182C20.3192 12.6783 20.9698 12.9265 21.6204 12.9265C22.2711 12.9265 22.9216 12.6783 23.4181 12.182C24.4109 11.1892 24.4109 9.57942 23.4181 8.58657Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M24.422 13.1896C23.6729 13.9388 22.6769 14.3516 21.6174 14.3516C20.5579 14.3516 19.5618 13.9388 18.8126 13.1896C17.2662 11.6427 17.2662 9.12583 18.8128 7.5789C19.5618 6.8297 20.5579 6.41693 21.6174 6.41693C22.6769 6.41693 23.6729 6.8297 24.4221 7.57908C25.9686 9.12583 25.9686 11.6427 24.422 13.1896ZM30.9834 1.01628C30.3114 0.344152 29.1914 0.000688939 27.7839 0.000688939C24.2013 0.000688939 18.7534 2.22408 14.0692 6.90929C13.0907 7.88788 12.3126 9.04967 11.545 10.2006C10.7261 11.4288 9.98479 12.7086 9.31066 14.0218C8.78207 15.0514 8.29436 16.1023 7.8493 17.1703C7.68605 17.5616 7.52879 17.9549 7.3781 18.351C7.23452 18.7291 7.09657 19.1094 6.96863 19.4929C6.98083 19.5401 6.99366 19.5873 7.00685 19.6341C7.0807 19.8887 7.16874 20.1392 7.26813 20.3852C7.36653 20.6285 7.47572 20.8675 7.59541 21.1009C7.95687 21.8076 8.41497 22.4662 8.96286 23.0414C9.53789 23.5894 10.1964 24.0476 10.9029 24.4092C11.1364 24.5288 11.3752 24.638 11.6185 24.7364C11.8643 24.8358 12.1149 24.9239 12.3694 24.9979C12.4162 25.011 12.4633 25.0239 12.5106 25.0361C12.894 24.908 13.2744 24.7701 13.6523 24.6264C14.0482 24.4757 14.4415 24.3185 14.8327 24.1552C15.9005 23.7099 16.9513 23.2223 17.9806 22.6936C19.2935 22.0194 20.573 21.2777 21.801 20.4587C22.9517 19.6909 24.1132 18.9126 25.0916 17.934C31.6159 11.4084 33.366 3.3994 30.9834 1.01628" fill="currentColor"></path></g></svg><span>LessonUp</span></a><div class="search-footer-nav-container"><div class="search-footer-nav"><a href="/en/terms" class="search-footer-nav-item">Terms</a><a href="/en/privacy" class="search-footer-nav-item">Privacy Statement</a><a href="/en/cookie-statement" class="search-footer-nav-item">Cookie Statement</a><a href="/en/contact" class="search-footer-nav-item">Contact</a></div></div><div class="search-footer-slot-right"><div class="language-switch language-switch-navbar"><div class="language-switch-button icon icon-language"><span class="selected-language">English</span><svg transform="" width="13" height="7" viewBox="0 0 13 7" class="picker-chevron"><path d="M0 0h13L6.5 7z" fill="#5A4D4C" fill-rule="evenodd"></path></svg></div></div></div></footer></div></div><div class="toast-provider"></div></div> <script nonce="3e14c647-d60d-466d-b112-375511d64e74"> window.__INITIAL_STATE = {"search":{"lessonResults":undefined,"planResults":undefined},"searchPins":{"results":undefined,"forComponent":undefined},"user":{"user":undefined},"ratings":{"userRatings":{}},"cluster":{"results":undefined,"clusterId":undefined,"forLessonId":undefined},"lesson":{"lessonDetails":{"lesson":{"_id":"eWmydZ2yZ4d8DST5M","user":"Pyj8vaMrqEwD2Z5dA","name":"Basis HTML: Leer de grondbeginselen van webontwikkeling","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":true,"shareDate":new Date("2024-05-22T12:24:28.669Z")},"privacy":"public","schoolType":[],"levels":[],"years":[],"subjects":[],"creationDate":new Date("2023-03-24T14:07:07.028Z"),"pinCount":15,"pinCountForLesson":15,"pinCountForStudent":15,"location":{"explorer":"rvGXR4n5HSMtZ32Cz","folder":"4e25c56f9152b24c2959d054"},"products":[],"order":"a2","modifiedDate":new Date("2024-07-12T11:28:21.179Z"),"openendDate":new Date("2024-07-12T11:28:21.481Z"),"thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002F2rZRHi8W_B3gqLuzYEbGe0mR_kJM14MMzR2SX4LTUIqNyq-K0OjK3wwnyAw61MHvtXCxM8B_nEkgUK-nG9BWgBjJoXHQUi3APl2t9nw","modifiedDate":new Date("2024-05-22T13:00:41.237Z"),"hash":"def570b1fbede34127f5d34d744a856b","v":3},"information":undefined,"description":undefined},"channel":undefined,"accessTypes":{"copySearch":true,"shareWithStudents":false,"edit":false,"teach":true,"test":false,"userDoesNotHaveProduct":true},"moreLikeThis":[{"_id":"YN6B9cuFK88zGBLBo","_index":"lessons-nl-1642004322162","doc":{"_id":"YN6B9cuFK88zGBLBo","lesson":{"_id":"YN6B9cuFK88zGBLBo","user":"2iQLJhGtySx9adBf4","name":"Kennismaking met HTML Programmeren","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":[],"levels":[],"years":[],"subjects":[],"creationDate":"2024-02-16T08:52:53.173Z","pinCount":14,"pinCountForLesson":14,"pinCountForStudent":14,"location":{"explorer":"FeQSaqjpEJT45viny","folder":"FeQSaqjpEJT45viny"},"version":"v1","source":"openAi","products":[],"order":"a6","modifiedDate":"2024-02-16T08:59:43.591Z","openendDate":"2024-02-16T08:52:53.396Z","thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002Fuz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ","modifiedDate":"2024-02-16T09:03:41.305Z","hash":"0b6fad64c77482557b3323360531c33b","v":3}},"firstPin":{"_id":"APzG9afqWdJ36iisz","user":"2iQLJhGtySx9adBf4","lesson":"YN6B9cuFK88zGBLBo","item":{"type":"slide","custom":{"text1":"Kennismaking met HTML Programmeren","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60,"align2":2},"notes":{"text":""},"components":[]},"order":1001,"creationDate":"2024-02-16T08:52:53.359Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Kennismaking met HTML Programmeren","Leerdoel","Aan het einde van de les kun je basis HTML-codering begrijpen en toepassen.","Wat is HTML?","HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en webapps.","Structuur van een HTML-pagina","Een HTML-pagina bestaat uit verschillende elementen, waaronder de doctype, de html-tag, de head en body secties.","HTML-tags en elementen","HTML-tags worden gebruikt om elementen op een webpagina te definiëren. Voorbeeld: voor de hoofdtekst van een pagina.","Opmaak van tekst","Met HTML kun je tekst opmaken, zoals vetgedrukt, cursief, en onderstreept, door gebruik te maken van specifieke tags.","Afbeeldingen en hyperlinks","Je kunt afbeeldingen en hyperlinks toevoegen aan een webpagina met de en tags.","Lijsten en tabellen","HTML ondersteunt het maken van geordende en ongeordende lijsten, evenals tabellen om gegevens te structureren.","Introductie tot CSS","CSS (Cascading Style Sheets) wordt gebruikt om de vormgeving en opmaak van webpagina's te beheren.","Schrijf 3 dingen op die je deze les hebt geleerd.","Schrijf 2 dingen op waarover je meer wilt weten.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","Waarvoor wordt CSS gebruikt?","Kennismaking met HTML Programmeren"],"normal":["De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.","De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.","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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les.","Vormgeving en opmaak van webpagina's","Het beheren van databases","Het ontwerpen van grafische afbeeldingen","Het schrijven van server-side code"]},"pinHashes":["0b854bcbb311e55e22d2ac4d46d0c71b01235a3893635f5b7a9a3c34d8dc947d","0f2e8c6efbc14e42fc4b0ba408c63a087fcdbb3918901e522d47930046ef0b48","4519ce8f0655a0bd5349b6a380a7e4f27f9dbe65f3396680dc976ab39f6e8ee8","457bb3367303cfb8611dc518a3b88775add55ade6347c14f953f0fe4cb9900c4","6a449be57204dd66f1dc260c88728eece7deedc2f6a7bf44d58b2d62e992a246","818cf47f152464d0e571605b431b58153091ab2e41329b0be2532b6742c476ba","820a89f688febe016425df15a259381d976dec9727194ec3b8c8c4d085dbf8cc","c60490f6bd433c5ed8a928cd5a4d25bbde5151ada0f5ab95c2381be65048f47e","c6eb406c618513d80236138c156faa0c6f7ef0bf44b55e103c0648e7808a8c1b","d31d7f9dcabf76b194b0e27cb3434c06bf0568912bdfcc3c9e0c285a5e27f7dc","dac9e9bc355066ca74922e99fd64bca44af71ef1590aae0189e8ceefecb676ce","e9fb67ae7b0c944ecb8a85084f5184afa02ddc5e168ae97d33bb449b9c812713","f8f86bdfbba4a9e1b378396a9bb9dc6772df93b90c9992d3b271a143e25b5cab","ff1cd2c6abcb4bc18c214ec412031d49e3f47f278d1b0f1b0f99f08887cf6fba"],"docType":"lesson","metaData":{"creationDate":"2024-02-16T08:52:53.173Z","country":["nl"],"schoolType":[],"levels":[],"years":[],"organizations":[],"subjects":[],"privacy":"public","isTest":false},"statistics":{"id":"YN6B9cuFK88zGBLBo","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"14ece919e1659fb180a56a1d43d027bbe8f451c08a0ee030b267cc7c24f82843","cluster":{"winner":true,"size":1,"id":"w_YN6B9cuFK88zGBLBo_i_YN6B9cuFK88zGBLBo"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion","question"]},"score":59.22178,"explanation":undefined,"collapseCount":undefined},{"_id":"8gGkzjvyxoqaRwdcH","_index":"lessons-nl-1642004322162","doc":{"_id":"8gGkzjvyxoqaRwdcH","lesson":{"_id":"8gGkzjvyxoqaRwdcH","user":"KPy23gENCJeQmfW6R","name":"01 - Javascript - wat is javascript","privacy":"public","products":[],"order":"a0","plan":null,"location":{"explorer":"8AnzBKGNdGDawpiBj","folder":"8DeLXgYdMnjugpuNw"},"sharing":{"sharePublic":true,"shareDate":"2024-03-19T07:12:15.242Z"},"creationDate":"2024-03-19T07:12:15.242Z","openendDate":"2024-03-19T07:13:06.970Z","modifiedDate":"2024-03-19T07:19:15.220Z","differentiation":null,"trail":[],"region":["nl"],"country":["nl"],"levels":["n4","n3"],"years":[18,19],"subjects":["ICT"],"schoolType":["mbo"],"durationInMin":60,"showPhases":true,"pinCount":15,"pinCountForLesson":15,"pinCountForStudent":15,"origin":{"id":"TNZE6LKDRhw2xGQmC","channel":null,"date":"2024-03-19T07:12:15.242Z"},"thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FC4iZabBAoyNPhPmbfzrTKzOXblpQ6FrrgwAEB-iMCwrk1BDjpO3ADzE4WFbxQLlbLs08aVydKrMfoSn2F-eeY6fZxCT5iGCbvVzAbN0H","modifiedDate":"2024-03-19T07:21:56.506Z","hash":"ba974f02c22b59b1bec3db2c340ac328","v":3},"attachments":null,"channel":null},"firstPin":{"_id":"Mo68LupFHeSkgWXwb","user":"KPy23gENCJeQmfW6R","lesson":"8gGkzjvyxoqaRwdcH","item":{"type":"slide","custom":{"text1":"JavaScript: De Taal van Interactiviteit","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":100,"fontSize1":60,"fontSize2":60,"align2":2,"showImage":true},"notes":{"text":""},"components":[],"image":"https:\u002F\u002Flh3.googleusercontent.com\u002FTsWG3tn1LpSCaODwxvaXhs9tUSRuqmaUSloJVKVXGitSzbIcAjoZe0jjKMRgaZcRjNvZ7NETTl6RpBEokCu3qE7oohQV9nJHZCTfyVU","uploadId":"9d58d0a3-1224-4b09-8750-64105b640930","modifiedDate":"2024-03-19T07:12:15.681Z"},"order":1001,"creationDate":"2024-03-19T07:12:15.681Z","isPublic":true,"isFirstPin":true,"shouldIndex":"2024-03-19T07:12:15.681Z","trail":[]},"indexedContent":{"important":["JavaScript: De Taal van Interactiviteit","Leerdoel","Aan het einde van de les zul je begrijpen wat JavaScript is en hoe het wordt gebruikt in webontwikkeling.","Wat is JavaScript?","JavaScript is een programmeertaal die:\rInteractieve elementen op websites creëertDe gebruikerservaring verbetertDynamische en interactieve functionaliteiten toevoegt, zoals formulieren en games.\"","Voorbeeld: Interactief Formulier (1)","JavaScript kan bijvoorbeeld gebruikt worden om invoervelden van een formulier te veranderen op basis van de gebruikers-input, waardoor real-time validatie mogelijk is.","Voorbeeld: Interactief Formulier (2)","\u002F\u002F HTML\n<form>\n          <label for=\"age\">Leeftijd:<\u002Flabel><br>\n        <input type=\"text\" id=\"age\" name=\"age\"                onkeyup=\"validateAge()\">\n        <p id=\"message\"><\u002Fp>\n<\u002Fform>","\u002F\u002F JavaScriptfunction validateAge() {\n      let age = document.getElementById(\"age\").value;\n      let message = document.getElementById(\"message\");      if(age >= 18) {\n        message.style.color = \"green\";\n        message.innerHTML = \"Toegang tot de website!\";\n      } else {\n        message.style.color = \"red\";\n        message.innerHTML = \"Sorry, geen toegang\";\n      }\n }","Hoe voegen we JavaScript toe aan een website?","Je kan javascript op 3 manieren toevoegen aan je website:Inline scriptingExterne javascript bestandenDirect in een HTML element","JavaScript-code wordt dan binnen <script> tags geplaats","JavaScript-code wordt in een extern bestand geplaatst met extensie .js","In HTML-attributen om te reageren op bepaalde gebeurtenissen","Hoe voegen we JavaScript toe aan een website?","<script>\n  document.write('JavaScript geschreven.');\n<\u002Fscript>","INTERN","<script src=\"mijnScript.js\"><\u002Fscript>","<button onclick=\"alert('Hallo Wereld!')\">Klik op mij<\u002Fbutton>","EXTERN","HTML","Praktische Toepassingen","JavaScript wordt gebruikt voor het maken van animaties, het laden van inhoud zonder de pagina te vernieuwen en het implementeren van interactieve kaarten.","Wat moet al klaar zijn?","Werk de introductiecursus t\u002Fm KELVIN Javascript op CodeCademy door. Je moet hier even een account voor aanmaken.https:\u002F\u002Fwww.codecademy.com\u002Flearn\u002Fintroduction-to-javascriptIngeleverd = screenshot in Teams in van je inlogpagina en een screenshot van de opdracht waar je bent gebleven.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","Datatypes in JavaScript","In JavaScript zijn er verschillende datatypes, waaronder string, number, boolean, object en meer.\nJullie hebben hier al mee kennisgemaakt in CodeCademyDataTypes komen in alle programmeertalen voor. In HTML CSS hebben we daar niet mee gewerkt. Hoe komt dat?","Wat nu?","Zie Teams voor specifieke eisenMaak map aan: JavascriptBoekje: hoofdstuk 7 vanaf blz 43","01 - Javascript - wat is javascript","ICT"],"normal":["Wat is JavaScript?","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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les.","Slide","Slide"]},"pinHashes":["11f0b18c7f1831ec691160769425cdde1ac60d253fb1becd98f4731bc6bafe13","21b43c4cd87648538bde35984cb7e0be79bdabe62c71e64f1f6f0afade04d86d","26d45f6f6aac17aae77e43d500b9618aacd047b0dc2639bb67816140f45a6882","322976d20cb3f433408b7be4ef17d6963c1c3295a69bf88df06a81e981ed2f96","4fdbc1c0be4a15a463460fad125b8075109028bb2843213c408b4a6f275a81e5","644604af7378528c7bc8985b7c9f46432b027781e5228811d97e42768bf0d1ce","767ed814631d74650c90a112c5230b6b93e9b05dc50c28b695d80791a8b9ecbc","7c7723c7f0ad13984db2d647da4a263327ce7bee971ea3dc821a1283b49dc4ab","8189b7884ba7b0dd421626145d2db4c3a06a59a8f0a43396bfdb4ef78f9a46c3","9fbb4042532d8275248049cde5709f179766b967a65fa38c3dfc4710ae24b18a","a3e0d62e9948e6aae7c69d2f43f889376a069a47213d855a08ef9e15643e8f80","a60063c070aceef7d63413df7ad41c392cc9b3de15b6da4b9d2983931c424d91","d66dc24dc7b4506534be20ea387856798ab6a5a320f584d83b98d0ac48754fb4","dbd93e47099eb5e4fb5ca1a593d4b2734003be981375b12ed202b3c76fca4378","efbf0ff9e6ed9eeea1de6903927c758db914027a8c1d3c52a876d2d70a802ae6"],"docType":"lesson","metaData":{"creationDate":"2024-03-19T07:12:15.242Z","country":["nl"],"schoolType":["mbo"],"levels":["n4","n3"],"years":[18,19],"organizations":["qFKciLN9Hjghbu5sf"],"subjects":["ICT"],"privacy":"public","isTest":false},"statistics":{"id":"8gGkzjvyxoqaRwdcH","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"48c88ea5b5967054512a817656c9ed3d2415963e26e3230070f717f7c9ba4d8e","cluster":{},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","video","openQuestion"]},"score":54.638206,"explanation":undefined,"collapseCount":undefined},{"_id":"TNZE6LKDRhw2xGQmC","_index":"lessons-nl-1642004322162","doc":{"_id":"TNZE6LKDRhw2xGQmC","lesson":{"_id":"TNZE6LKDRhw2xGQmC","user":"C3EzwnGMWs2fHm8vY","name":"01 - Javascript - wat is javascript","privacy":"public","products":[],"order":"a0","plan":null,"location":{"explorer":"Ab68f8pC3pocfbbM7","folder":"mxKzDphEPM8bTCwNW"},"sharing":{"sharePublic":true,"shareDate":"2024-03-07T08:06:27.979Z"},"creationDate":"2024-03-07T08:06:27.979Z","openendDate":"2024-03-11T11:08:46.891Z","modifiedDate":"2024-03-11T11:08:45.430Z","differentiation":null,"trail":[],"region":["nl"],"country":["nl"],"levels":["n4","n3"],"years":[18,19],"subjects":["ICT"],"schoolType":["mbo"],"durationInMin":60,"showPhases":true,"pinCount":12,"pinCountForLesson":12,"pinCountForStudent":12,"origin":{"id":"egXaqDBKHRsANLLok","channel":null,"date":"2024-03-07T08:06:27.980Z"},"thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FTcMRwC8fDXN3LZCN14v1toU-unx8upNIQGniU9Ik-gUX8Bv2MxcG_crM2LG67r6JW41y7C8Lf44ttYA13vQYwOJan9chsbboLhVu_Pj_","modifiedDate":"2024-03-11T11:10:16.626Z","hash":"aa426ad66b8ec896ca2d1807e4662018","v":3},"attachments":null,"channel":null},"firstPin":{"_id":"eFYEBjmQ9JH4KcwCx","user":"C3EzwnGMWs2fHm8vY","lesson":"TNZE6LKDRhw2xGQmC","item":{"type":"slide","custom":{"text1":"JavaScript: De Taal van Interactiviteit","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":100,"fontSize1":60,"fontSize2":60,"align2":2,"showImage":true},"notes":{"text":""},"components":[],"image":"https:\u002F\u002Flh3.googleusercontent.com\u002FTsWG3tn1LpSCaODwxvaXhs9tUSRuqmaUSloJVKVXGitSzbIcAjoZe0jjKMRgaZcRjNvZ7NETTl6RpBEokCu3qE7oohQV9nJHZCTfyVU","uploadId":"9d58d0a3-1224-4b09-8750-64105b640930","modifiedDate":"2024-03-07T08:06:28.004Z"},"order":1001,"creationDate":"2024-03-07T08:06:28.004Z","isPublic":true,"isFirstPin":true,"shouldIndex":"2024-03-07T08:06:28.004Z","trail":[]},"indexedContent":{"important":["JavaScript: De Taal van Interactiviteit","Leerdoel","Aan het einde van de les zul je begrijpen wat JavaScript is en hoe het wordt gebruikt in webontwikkeling.","Wat is JavaScript?","JavaScript is een programmeertaal die:\rInteractieve elementen op websites creëertDe gebruikerservaring verbetertDynamische en interactieve functionaliteiten toevoegt, zoals formulieren en games.\"","Voorbeeld: Interactief Formulier (1)","JavaScript kan bijvoorbeeld gebruikt worden om invoervelden van een formulier te veranderen op basis van de gebruikers-input, waardoor real-time validatie mogelijk is.","Voorbeeld: Interactief Formulier (2)","\u002F\u002F HTML\n<form>\n          <label for=\"age\">Leeftijd:<\u002Flabel><br>\n        <input type=\"text\" id=\"age\" name=\"age\"                onkeyup=\"validateAge()\">\n        <p id=\"message\"><\u002Fp>\n<\u002Fform>","\u002F\u002F JavaScriptfunction validateAge() {\n      let age = document.getElementById(\"age\").value;\n      let message = document.getElementById(\"message\");      if(age >= 18) {\n        message.style.color = \"green\";\n        message.innerHTML = \"Toegang tot de website!\";\n      } else {\n        message.style.color = \"red\";\n        message.innerHTML = \"Sorry, geen toegang\";\n      }\n }","Hoe voegen we JavaScript toe aan een website?","Je kan javascript op 3 manieren toevoegen aan je website:Inline scriptingExterne javascript bestandenDirect in een HTML element","JavaScript-code wordt dan binnen <script> tags geplaats","JavaScript-code wordt in een extern bestand geplaatst met extensie .js","In HTML-attributen om te reageren op bepaalde gebeurtenissen","Hoe voegen we JavaScript toe aan een website?","<script>\n  document.write('JavaScript geschreven.');\n<\u002Fscript>","INTERN","<script src=\"mijnScript.js\"><\u002Fscript>","<button onclick=\"alert('Hallo Wereld!')\">Klik op mij<\u002Fbutton>","EXTERN","HTML","Praktische Toepassingen","JavaScript wordt gebruikt voor het maken van animaties, het laden van inhoud zonder de pagina te vernieuwen en het implementeren van interactieve kaarten.","OPdracht: De taal Javascript leren kennen","Werk de introductiecursus Javascript op CodeCademy door. Je moet hier even een account voor aanmaken.https:\u002F\u002Fwww.codecademy.com\u002Flearn\u002Fintroduction-to-javascriptLever aan het eind van de les een screenshot in Teams in van je inlogpagina en een screenshot van de opdracht waar je bent gebleven.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","01 - Javascript - wat is javascript","ICT"],"normal":["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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les.","Wat is JavaScript?"]},"pinHashes":["11f0b18c7f1831ec691160769425cdde1ac60d253fb1becd98f4731bc6bafe13","21b43c4cd87648538bde35984cb7e0be79bdabe62c71e64f1f6f0afade04d86d","26d45f6f6aac17aae77e43d500b9618aacd047b0dc2639bb67816140f45a6882","322976d20cb3f433408b7be4ef17d6963c1c3295a69bf88df06a81e981ed2f96","4fdbc1c0be4a15a463460fad125b8075109028bb2843213c408b4a6f275a81e5","7c7723c7f0ad13984db2d647da4a263327ce7bee971ea3dc821a1283b49dc4ab","8189b7884ba7b0dd421626145d2db4c3a06a59a8f0a43396bfdb4ef78f9a46c3","8883cf1330f1007cf4bba3c9198a67be4df24b19d78a6954d77696b60347755c","9fbb4042532d8275248049cde5709f179766b967a65fa38c3dfc4710ae24b18a","a3e0d62e9948e6aae7c69d2f43f889376a069a47213d855a08ef9e15643e8f80","d66dc24dc7b4506534be20ea387856798ab6a5a320f584d83b98d0ac48754fb4","dbd93e47099eb5e4fb5ca1a593d4b2734003be981375b12ed202b3c76fca4378"],"docType":"lesson","metaData":{"creationDate":"2024-03-07T08:06:27.979Z","country":["nl"],"schoolType":["mbo"],"levels":["n4","n3"],"years":[18,19],"organizations":["qFKciLN9Hjghbu5sf"],"subjects":["ICT"],"privacy":"public","isTest":false},"statistics":{"id":"TNZE6LKDRhw2xGQmC","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"811c3e88f88abf12787356ba802c4629881a360567736c98de26b3f9fefa8142","cluster":{},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion","video"]},"score":48.305405,"explanation":undefined,"collapseCount":undefined},{"_id":"SsapfFNqh5hEW2KiD","_index":"lessons-nl-1642004322162","doc":{"_id":"SsapfFNqh5hEW2KiD","lesson":{"_id":"SsapfFNqh5hEW2KiD","user":"W2imuJABsH3M8NGG7","name":"Html en Css - les 2","privacy":"public","products":[],"order":"aD","location":{"explorer":"4saqP4Kpwxmm44nGQ","folder":"SMEn85qaxhJfcpL8j"},"sharing":{"sharePublic":true,"shareDate":"2023-04-20T13:45:52.608Z"},"creationDate":"2023-04-20T13:45:52.608Z","openendDate":"2023-04-20T13:45:52.608Z","modifiedDate":"2023-04-20T13:45:52.608Z","trail":[],"region":["nl"],"country":["nl"],"levels":["V"],"years":[15],"subjects":["Informatica"],"schoolType":["vo"],"durationInMin":45,"showPhases":false,"pinCount":23,"pinCountForLesson":23,"pinCountForStudent":23,"origin":{"id":"3aBBfMmL2Kqzbs7QA","date":"2023-04-20T13:45:52.608Z","unmodified":true},"thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FTb5xbDEN7b6tQomg5b8Lmu1e4obLMFrGTp1KFigi_OEprYQsX9UKVZMSRlea3PcX1UuaPhR0k2HkZbAb8QVyjJWG2xEljKSTI2x2I7w","modifiedDate":"2022-09-04T15:32:20.873Z","hash":"b39d99b073c9fd982d69594c2fedaee5","v":3}},"firstPin":{"_id":"uBnjpM6aYhaQEeZ8b","user":"W2imuJABsH3M8NGG7","lesson":"SsapfFNqh5hEW2KiD","item":{"source":"slide","type":"slide","name":"Slide","url":null,"image":"https:\u002F\u002Flh3.googleusercontent.com\u002Fr61nbBDKQMiAlZ-XYpmV9KiDXx62Jb-RggLTUFDpkdi0L8andzrCt5ybA9-o-F49_eZ76x3JD_r4ReklbeKA7gkn0FE_pHCRyn_K-qnt","custom":{"layout":1,"text1":"4V Informatica","text2":"HTML les 25 september 2022","align1":1,"align2":1,"showImage":true,"opacity":40,"color":5,"fontSize2":"80","font2":"montserrat","imageSize":"cover"},"components":[],"modifiedDate":"2023-04-20T13:45:53.121Z","uploadId":"fHWytr5nTtDXdg2PQ"},"order":5001,"creationDate":"2023-04-20T13:45:53.121Z","isPublic":true,"shouldIndex":"2023-04-20T13:45:53.121Z","trail":[]},"indexedContent":{"important":["4V Informatica","HTML les 25 september 2022","Hoe ging het maken van je eerste website(s)?","Op wat voor computer werk je thuis?","Waarmee begint je html-bestand?","Welke tag heeft geen closing tag nodig?","Heb je je wachtwoord voor Fundament al gewijzigd?","Terugblik vorige les","Basis van een website is html-bestand (of meerdere...)HTML = HyperText Markup LanguageSimpele teksteditor voldoendeHTML-bestand bevat de inhoud van je website (later voeg je daar styling aan toe via CSS)Inhoud van website moet in HTML-elementenHTML-elementen hebben opening- en closing-tagsCommentaar via <!-- dit is commentaar -->Geen Windows-computer??? Gebruik Replit!","Stap 1. HTML","In HTML schrijf je wat er in je website komt te staan. Denk daarbij in eerste instantie aan teksten en plaatjes en linkjes.HTML bestanden open je doorgaans in een browser. De browser leest het html bestand en \"tekent\" deze op een gebruiksvriendelijke(re) manier. Het onderstaande voorbeeld laat zien hoe dat eruit ziet.","Index.html in notepad","Index.html in chrome","HTML - tags","HTML bestaat uit elementen. En die elementen worden aangeduid met opening en closing tags. Een tag is het stukje tussen haakjes. Dus bijvoorbeeld <h1>. Na de tag komt de tekst die je wil schrijven. Vervolgens gebruik je weer een tag om af te sluiten. In dit geval <\u002Fh1>. let op de \u002F in de 'closing tag'Sommige tags hebben geen 'closing tag' nodig, zoals <br> of <img>","https:\u002F\u002Fwebsitesetup.org\u002Fwp-content\u002Fuploads\u002F2014\u002F09\u002Fhtml5-cheat-sheet.png","En nog veel meer elementen!","HTML - elementen","<h1> is een header\n<p> is een paragraaf\n<img> is een image\n<a> is een anchor\n<ul> is een unordered list\n<li> is een listitem\nenz.. enz..","Eerste deel opdracht 2.8","Tweede deel opdr. 2.8 Hyperlinks","a-element voor hyperlinksa-element heeft attribuut IN de tag;<a href=\"www.google.com>dierbare website<\u002Fa>verwijzen naar ander html-bestand:<a href=\"opdracht1.html\">vorige opdracht<\u002Fa>Of link naar mailadres:<a href= \"mailto:[e-mail]\">mailen<\u002Fa>Let op de aanhalingstekens!!!","Vandaag: afbeeldingen, lijsten, tabellen, inputvelden en video's aan je website toevoegen","Bestudeer de uitleg op www.htmldog.com (deels herhaling);Maak de code na\u002F Kopieer de code in je eigen bestand;Doe dit in onze team-omgeving in Replit (zie instructies in Classroom);Kijk ook naar paragraaf A.3 Multimedia in Fundament voor extra toelichting;Klaar? Lever het in via Replit en ga verder met de opdrachten in Fundament bij paragraaf 3.6","Afbeeldingen toevoegen","Via <img>-element met 5 attributen in de opening-tag:src = bron van je afbeelding (internet of bestand bij je website)alt = alternatieve tekst bij laadfouten (NB: verplicht, maar alt=\"\" mag ook)title = tekst die verschijnt als je over afbeelding gaat (niet verplicht) width en height voor breedte en hoogte van afbeelding (in pixels)Alleen width of alleen height mag ook","Video's invoegen\u002F embedden","<iframe>-element met tenminste 3 attributen: width en height voor omvang van frame;src voor de bron van je video (zie Fundament!)","Lijsten maken","Ongeordende lijst via <ul> = Unordered List Geordende = genummerde lijst via <ol> = Ordered ListPer item van de lijst een <li>-elementZie fundament voor de definitielijst met <dl>","Tabellen maken","<table> voor hele tabel (eventueel met 'border'-attribuut)<tr>-element per rij;<td>-element per cel;Zie Fundament voor samenvoegen cellen via colspan\u002Frowspan","Formulieren maken","<form> element voor hele formulier met attributen action (verwijzing naar bestand met code) en method (get\u002Fpost);<input>-element voor invoer van gebruiker (veel variatie);<textarea>-element voor grotere invoer;<select>-element voor drop-down-menu.","HTML","Ga naar www.htmldog.com","Huiswerk 12\u002F9","Bestudeer Fundament A.2 onderdeel 3lever uitwerking www.htmldog.com inMaak opdrachten 3.6","Hoe vond je deze les?","HTML","Html én css","Werkwijze","ZelfstandigheidDit wordt jullie eerste project voor informatica en je zal merken dat je veel zelf moet uitzoeken. Dat komt vooral omdat er niet één manier is om een website te maken en er niet één manier is jouw ontwerp te maken. En om het nog ingewikkelder te maken: er zijn vele verschillende manier en ze zijn vaak allemaal goed!","OpdrachtDe opdracht staat in classroom. Daarin staat wat je moet doen en hoe het beoordeeld wordt.LessenElke week zal ik in de les één of twee nieuwe onderwerpen toelichten.PlanningDe planning staat in classroom in de jaarplanner. Selecteer wel even het tabje voor jouw klas\u002Fjaar!","Html en Css - les 2","Informatica"],"normal":["Slide","Vraag","Totaal niet","Mwoh... snap het nog niet echt","Wel oké","Eitje!","Vraag","Chromebook","Windows-computer","Apple","Thuis doe ik niets...","Vraag","","","","","Vraag","","","","","Vraag","ja","nee","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","poll","Slide","Slide"]},"pinHashes":["02e6e61dce441ca4a3b312e332fa6efc5684ec16887e9780a4c1115536653605","068a406b9632f5a278df1f80d8c1f39985101077161b73d7795d4b838fa2891c","06d3609b7629fde1c0332b7d8fee72ee4ee4447395e27f6ea69a9d2fbc26c286","18291dde8f8e4eff6113c956c7391cb37a7818411f92edef48d3ddadabe56fed","578b87914ca2b171242d7fbcbeaea9987f8e860c759079810ff001ec12fbdebf","5a60e5c8b00526a05ff6e5aa2d51c2184094387be473aefd9ffc53237f8fda44","68824f9edb320d9b9bf4150814384cb73ce7737fb5937da69685e89c2d8e7597","69ee2ab2e50f2665a4a8080f12e850619d94d697b5466127b5efa2b12669afa5","713ee9efd35f051b06e871de4131ece7b63e4b7a0806e715e31d00fac2de87f4","7c627307a52a167e826b57ca66bd892d29f86ba1213cffdcea6d2a775c991eb9","a3dc677a34b27e28b00cc8b4d45d2cbe393320a606090529ed375cb2f8fb565f","ab659be8422e98ea0c04c9312837f0e33c24874bf527163d0bf4fd63d1da49f6","b16daebbe5617be3d53a3bada2f5ff359e5ee9bfb2d9cfd352c8cd665b5e2baa","b77d400eae28bdc4c14a381343e254089e92ab35e17c8b5a18c68d868a4b5ea1","ba8635af6d37aea68c552320d7291a872020184f88bdd1355dee121620244038","c94f17f77e3faa7d41eb00b3886e7729dc299ab06133a82c40a60e24abbfc365","cb0da9cbc74339541cda17ac15757647444a2acdedcaaf491d47fa00b2d8502e","cc3dc375f623705298206d1ad3b1d0a1c5fd1bae28815ccfba172e11acbb7138","d9d218c164cc3977b9ac61c4bee40652de75fbb727e6baef86430c86b56fe4aa","df1949f8fedaf75aebd7be9aba62101d17beea7dc6fcad8248d9b6c81a894f53","e1ac730dfb228b26f537cd565ce701cc0d27b0cbef0b65543ba36b437097ad09","e2e6f67d075d7b59dee0099368f57be0462803c9eb3219487fb06240ac169758","ea199fa20f9e0874aad5f033a3446db3c87beb0f0433ac2cfa077d6ea22be080"],"docType":"lesson","metaData":{"creationDate":"2023-04-20T13:45:52.608Z","country":["nl"],"schoolType":["vo"],"levels":["V"],"years":[15],"organizations":[],"subjects":["Informatica"],"privacy":"public","isTest":false},"statistics":{"id":"SsapfFNqh5hEW2KiD","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"3f7a382dc46b4f64eaad863d8bf2feef12cf29f46ed798600916a34a62de565d","cluster":{"winner":true,"size":2,"id":"w_SsapfFNqh5hEW2KiD_i_3aBBfMmL2Kqzbs7QA"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","question","poll"]},"score":47.377594,"explanation":undefined,"collapseCount":undefined},{"_id":"meZ4N4bsQBCXacrzC","_index":"lessons-nl-1642004322162","doc":{"_id":"meZ4N4bsQBCXacrzC","lesson":{"_id":"meZ4N4bsQBCXacrzC","user":"b7FrQAps8ZyCQyPkh","name":"WEEK 3 - INFORMATIE TECHNOLOGIE","privacy":"public","products":[],"order":"a1","location":{"explorer":"WHeuF2rBXbtpj5yZS","folder":"uNywreZX3znX5SHoy"},"sharing":{"sharePublic":true,"shareDate":"2024-02-16T10:00:03.167Z"},"creationDate":"2024-02-16T10:00:03.167Z","openendDate":"2024-02-16T10:12:57.312Z","modifiedDate":"2024-02-16T10:13:00.556Z","trail":[],"region":["nl"],"country":["nl"],"levels":["H"],"years":[15],"subjects":["Informatica"],"schoolType":["vo"],"durationInMin":90,"showPhases":false,"isTest":false,"pinCount":30,"pinCountForLesson":30,"pinCountForStudent":30,"origin":{"id":"8jPbzNPyAMfcvuKNc","date":"2024-02-16T10:00:03.167Z"},"thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FhHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA","modifiedDate":"2024-02-16T10:15:13.916Z","hash":"d1860f80574b165b0a7d5f64a1dc09e5","v":3}},"firstPin":{"_id":"bDowMh8eA3Y25WJX5","item":{"source":"slide","type":"slide","name":"Slide","url":null,"custom":{"layout":2,"text1":"week 3 les 1","text2":"","align1":1,"align2":2,"showImage":true,"color":1,"fontSize2":"50","opacity":100},"components":[],"modifiedDate":"2024-02-16T10:00:03.187Z","uploadId":"499118a1-3034-4c8f-9d72-630cdbb68c97"},"user":"b7FrQAps8ZyCQyPkh","lesson":"meZ4N4bsQBCXacrzC","creationDate":"2024-02-16T10:00:03.187Z","order":0.25,"shouldIndex":"2024-02-16T10:00:03.187Z","trail":[],"isFirstPin":true},"indexedContent":{"important":["week 3 les 1","STARTKLAAR!","Tellie in zakkie","Deze periode","- Programmeren- HTML & CSS- Database & SQL Qeury- Windows en Office via DIGIT-VO","Deze periode","Jullie gaan een formulier met HTML & CSS maken waarbij het ingevulde formulier opgeslagen wordt in een database","Voorkennis activeren","Wat is waar als wij het hebben over HTML?","wat is de afkorting van HTML","Wat is waar als wij het hebben over CSS?","Wat is een database","Zoek uit wat een database is, schrijf dit op een post it en plak het op het bord","LEERDOELEN","De leerling is bewust van het nut van een database en kan een voorbeeld noemen waar dit wordt toegepastDe leerling is bewust van de structuur van een database zoals tabellen, kolommen en rijenDe leerling is bewust van het belang van een primaire sleutel in een databaseDe leerling kan simpele handelingen uitvoeren op een database zoals een rij verwijderenDe leerling kan zich inspannen om het gewenste tijdsinspanning te halen voor digit-vo","Database oefenen","https:\u002F\u002Fdbstudent.com\u002F Maak hatsup.v1 volledig af.Ben je hiermee klaar ga dan verder met hatsup.v2 enz.","Samenvatting","Klasikaal invullen met leerlingen","week 3 les 2","STARTKLAAR!","Tellie in zakkie","Voorkennis activeren","LEERDOELEN","De leerling kan een webpagina maken met de extentie HTMLDe leerling kan de basis structuur van HTML toepassen in de webpagina","Basisstructuur HTML","Ik kan nu voorbeelden geven van waar een database gerbuikt kan worden","Samenvatting","Klassikaal","Wat is de functie van HTML?","Wat is een voorbeeld van een HTML-element?","Wat is het doel van CSS?","Wat is een voorbeeld van een CSS-eigenschap?","HTML zonder CSS","Dit is alleen HTML code","Dit is HTML met CSS","HTML basis structuur","HTML bestaat voornamelijk uit HTML tags en begint altijd met een basisstructuureen html tag is bijvoorbeeld <html> <\u002Fhtml><head> <\u002Fhead>er bestaan heel veel html tags","html basisstructuur","HTML Elements","<p style=\"color:red\"> paragraaf <\u002Fp>","HTML element","HTML element","Een HTML tag kan attributen noemen.dit zijn eigenschappen die de HTML tag kan beinvloeden","CSS","Om de website mooier te maken","HTML Tags","<h1> Aziz <\u002Fh1>  =","Aziz","<ul>\n  <li>something<\u002Fli>\n  <li>something<\u002Fli>   =   <li>something<\u002Fli>\n<\u002Ful>","somethingsomethingsomething","<ol>\n  <li>something<\u002Fli>\n  <li>something<\u002Fli>   =   <li>something<\u002Fli>\n<\u002Fol>","somethingsomethingsomething","En zo heb je nog meer html tags","WEEK 3 - INFORMATIE TECHNOLOGIE","Informatica"],"normal":["Slide","Slide","Startklaar zitten.","Slide","Slide","Slide","is een programmeertaal","is een opmaaktaal","Deze gebruik je voor de stijl van jopuw website","Deze gebruik je om jouw website in te delen","Vraag","Hypertext markup language","Hypertext madeup language","Hypertext manipulate language","Hypertext makeup language","is een programmeertaal","kan alleen gebruikt worden met HTML","Deze gebruik je voor de stijl van jopuw website","Deze gebruik je om jouw website in te delen","Slide","Woordweb","Slide","Slide","Slide","Slide","Slide","Startklaar zitten.","Slide","Slide","Slide","poll","Slide","Programmeren van apps","Aanmaken van databases","Opmaak van afbeeldingen","Structureren van webpagina's","function()","","if-else statement","","Opmaak van webpagina's verbeteren","Het schrijven van server-side code","Berekeningen uitvoeren in JavaScript","Font-size: 16px","Slide","Slide","Slide","Slide","Slide","Slide"]},"pinHashes":["05d84578d4cea2a2a7839b5818e8d696afb212b605d177257c783bdf7064362e","05d84578d4cea2a2a7839b5818e8d696afb212b605d177257c783bdf7064362e","1a0f9378d0158f4f06bb62686f721c7bf5de1248a0749b3134dd37c052aa57f5","26974363966e5924c00e6a3d397661f815284ad7bd789cc1ed2f8c21dbd60534","29083ca701ede4f977cfbc427ccd20d400a3ce610fb7accf0f905fcf36408422","2a869d1337d3aa3f9153efb38ed15025f5e66ee978fa6b4ed9c8854fa9f6f6e3","3eef39c4b3a57b4baedef7d169dba13a55f59f16048b4a0be60ef8f20af8a87e","456fc01c89e9332ced8b02cb11c867702c24503c9bfd569e819526ddfc56a7bf","465b3e0203e52e75fb31a6f1dcde73e49e11ac4408080025690c86f342379a40","4a9c673ce97ce22f051370178474aef057366102b4e7b6764b5e539963b64cd7","500c97c67361c27fb22d574ae573614ea866b91941c02a3d2194aa753b8ded2a","541649776bd0d6861a0959fe74aafbfa3acdb47b89f2b885e5dafbe7b7ba4847","5753019a07f621343692f2de49a1f7508efc744c30b93ee13a430834623980ad","58456beac391cdd37a7ee537c8acb43ec4772ab9073e2cfbb60779ab04b0f565","592998849e6c2dc4bdb7460aa5209e6981842077a9cbd582a31a33a8d8cbba5f","675c7e3b7e51d999d5b3213a7d265109cd79f58450e9360850afc080f5500591","69d68422c8a66f75e3a9c17986732543eaa0b8d6f8cf61bcba01eb4acdc2b95a","84006e20a9b48eccd04e10e36e0a1a83a0fb807093b195b72f23a3c997eb8947","912f66dbe389e4f95b839c168c9a1c56bccc143f0ef1a70f50be33a5afd5faae","91dae27099d8f18edf32b2b3a42563fefa33955875addfdbd3684d05cf254e9d","b6db668a7ef2f808339683b9697b6a4ba8f1775fe2b2df80a07af3bcd6d43c7d","b7a749181b6cedfdcfbda244f2fb6558cd2c8e73a0f77fe12195867c0ee0674f","be52bcafe68c6f9664113ff878d623c550d05dfa5cd365dfcfa8179fc438de22","c3dc75b85e935b66e9293d1d2fe417944b3b1ba19467e8948c5bedcb3dc030eb","cb3f26d269e586282ba58a6f8b4744a16d5277e5ddc9a6af8a02a6f0a5980914","cf9424a0a5d9f2bd402c45c3869fffe610c4fca77639a23814953afbaafd2fd5","e5635703998b5054f2b5dbe3451b4fca284e9ecc52c6f58e15745a314ae1c270","e8b112f6e6905ba694b2854f0a4af6d0a3e4caaa4c95fe7ed5a7766a610a37b7","ef1c4689b042bdf104e6c2247658f2730e47c9a6893aa267354afaf0e2bfbf95","f659c5d5a413cf3bf72156467e50b0f67186d253722cf0fb70409d5a33343c8c"],"docType":"lesson","metaData":{"creationDate":"2024-02-16T10:00:03.167Z","country":["nl"],"schoolType":["vo"],"levels":["H"],"years":[15],"organizations":["o97T3ZZnFS6tXhPMD"],"subjects":["Informatica"],"privacy":"public","isTest":false},"statistics":{"id":"meZ4N4bsQBCXacrzC","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"a3fa8706428b1cb5c2e344179afe359ee7ddc64aa864de41059f3d5dd96d8230","cluster":{"winner":true,"size":2,"id":"w_meZ4N4bsQBCXacrzC_i_meZ4N4bsQBCXacrzC"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","question","wordweb","poll"]},"score":47.17546,"explanation":undefined,"collapseCount":undefined},{"_id":"9N4yp3G3mxogYxerB","_index":"lessons-nl-1642004322162","doc":{"_id":"9N4yp3G3mxogYxerB","lesson":{"_id":"9N4yp3G3mxogYxerB","user":"e7vpwYjt62mPMQdkn","name":"App Development Journey: Bouw je eigen app!","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":["vo"],"levels":["H"],"years":[16],"subjects":["Informatica"],"creationDate":"2024-04-02T10:21:02.390Z","pinCount":23,"pinCountForLesson":23,"pinCountForStudent":23,"location":{"explorer":"JyYfcNRCkd5SwQP86","folder":"JyYfcNRCkd5SwQP86"},"version":"v1","source":"openAi","products":[],"order":"a5","modifiedDate":"2024-04-02T10:23:46.841Z","openendDate":"2024-04-02T10:23:46.834Z","durationInMin":60,"thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FAjl-A0QNjqQfUL25Ds8-cDt8uM03h-ysFGSTzW12Ss3e0hyZnEE11mctaBpviIiV33zZX8cp92rLYMRmhBTATmlHMgY1Z1iABe4Y33o","modifiedDate":"2024-04-02T10:25:35.839Z","hash":"16ddbcf3eaa821994d7ab4913c9073ff","v":3}},"firstPin":{"_id":"AegojAWMMnguyPBxB","user":"e7vpwYjt62mPMQdkn","lesson":"9N4yp3G3mxogYxerB","item":{"type":"slide","custom":{"text1":"App Development Journey: Bouw je eigen app!","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60,"align2":2},"notes":{"text":""},"components":[]},"order":1001,"creationDate":"2024-04-02T10:21:02.478Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["App Development Journey: Bouw je eigen app!","Leerdoelen","Aan het einde van de les kunnen leerlingen het proces van het bouwen van een app met een database en verschillende programmeertalen uitleggen en begrijpen.","Overview","Stap voor stap wordt een app gebouwd met behulp van HTML\u002FCSS, SQL, PHP en JavaScript. De app zal ook een database bevatten.","Herhaling HTML\u002FCSS","Herhaling van HTML\u002FCSS-kennis ter voorbereiding op het bouwen van de app.","Introductie SQL","Uitleg over wat SQL is en hoe het wordt gebruikt in het bouwen van een app met een database.","Basis Databaseconcepten","Introductie van databaseconcepten zoals tabellen, rijen en kolommen.","Introductie PHP","Uitleg over wat PHP is en hoe het wordt gebruikt in combinatie met een database voor app-ontwikkeling.","Bouw van de Database","Stap voor stap uitleg over het bouwen van een database voor de app met behulp van SQL.","HTML\u002FCSS voor de App","Uitleg over het gebruik van HTML\u002FCSS voor het ontwerpen van de gebruikersinterface van de app.","SQL-codes voor de App","Instructies voor het schrijven van SQL-codes voor het beheren van gegevens in de app-database.","PHP voor de App","Uitleg over het gebruik van PHP voor het verbinden van de app met de database en het verwerken van gegevens.","JavaScript Functionaliteiten","Introductie van JavaScript en het gebruik ervan voor het toevoegen van interactieve functionaliteiten aan de app.","Interactieve Elementen","Bespreking van interactieve elementen zoals formulieren, knoppen en gebruikersinvoer in de app.","Testing en Debugging","Uitleg over het testen en debuggen van de app om eventuele fouten op te sporen en op te lossen.","Optimalisatie en Beveiliging","Bespreking van het optimaliseren van de app en het implementeren van beveiligingsmaatregelen voor de database.","Projectpresentatie","Voorbereiding op het presenteren van de voltooide app aan de klas.","Evaluatie en Reflectie","Terugblik op de lessenserie en reflectie op wat er is geleerd en bereikt.","Vervolgstappen","Bespreking van mogelijke vervolgstappen voor het toepassen van de opgedane kennis en vaardigheden.","Vragen en Afronding","Tijd voor vragen en het afronden van de les.","Schrijf 3 dingen op die je deze les hebt geleerd.","Schrijf 2 dingen op waarover je meer wilt weten.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","App Development Journey: Bouw je eigen app!","Informatica"],"normal":["De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.","De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.","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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les."]},"pinHashes":["05e511f447b1588df41e5ab08ccff48319e8c8fcb2d9bc79d73595c4701aaa23","0997dff34aa58f84dd20193bdb944731a87b3a161237de2401baa4380296e4e9","17a440a7ed23398b493be51e3b1b48950f7cb1ff12349d7fac890ee2f9673b5b","1a84aa04b3fe89300715aba78b434e2d1d26c80496ba86dfed52855980b65fac","26843691b6291220373f7ef9673d82310c7655ec4f5c593d7b4f7192acbd7d60","34f5e291f86d3e386e378faa139ad46783d39f4d034ac66052930b31e0398fd3","4519ce8f0655a0bd5349b6a380a7e4f27f9dbe65f3396680dc976ab39f6e8ee8","476f61c67334fd57eb0048e07d54daa50f76e92ebe05e1a1c541371e16733c13","47b2d00c39c1277ba0bd79e8d48a923de6a46f98ddba8fcf2c8d929bc18a23d5","4c3a1567141b4be81db01b1f449a2cb4fbed0248efe3733594f52997d89c17e1","65dae125b0f4c5ea4e7c3b16983133ff8e7dbf7aea7f0cd7473f62bb574b21d2","7a224fb4976ef24775b39303bb56f2ae82ee5a3fc7f3c52148b87f251efb6700","7ca0da0bd52d7ef845c10d062c192b3206dc8a2ddf7f02b278f3d5d21237c5b3","9296f663ccdce9639ae9eb23dbda066f1da63ec129c2f727789e30414d01c3c8","985f2e49da9d9b9973484ecf0af19459048a2c6dd9b3c6530f0e64982eedbd86","a71cf6609485c3eca9bcda2a29ddfcd9cc661df46e4bcd176c175d655198e957","bdb7cc9c2c4c6fbbe28583d350bc1f2c5e78251970a965c4b0f87e16291fae4f","c6eb406c618513d80236138c156faa0c6f7ef0bf44b55e103c0648e7808a8c1b","d8b5621346902245a73ed46c710abc653c0ba57c4378a2267d87530ba74c9af1","dc059b35ee499ad7f13eb79845b638f41fef5366eb42ffdd73f27c35b42a3e45","e78fba4cc89c09ce7f764001ed24aab7cbfa2e95c6d4d93adce1437471bd7084","e97a8d818b634185b4a8f573fc64cefd41527029a180261d4af6019a1f549230","f8f86bdfbba4a9e1b378396a9bb9dc6772df93b90c9992d3b271a143e25b5cab"],"docType":"lesson","metaData":{"creationDate":"2024-04-02T10:21:02.390Z","country":["nl"],"schoolType":["vo"],"levels":["H"],"years":[16],"organizations":["6zZbLcosdbguLipqq"],"subjects":["Informatica"],"privacy":"public","isTest":false},"statistics":{"id":"9N4yp3G3mxogYxerB","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"47574ccb3a58f3b2cb3df6486add1b4abedfbe263ecad238f1e682d89bb69bed","cluster":{"winner":true,"size":1,"id":"w_9N4yp3G3mxogYxerB_i_9N4yp3G3mxogYxerB"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion"]},"score":46.319637,"explanation":undefined,"collapseCount":undefined},{"_id":"zd8oaikptdhcJtgKz","_index":"lessons-nl-1642004322162","doc":{"_id":"zd8oaikptdhcJtgKz","lesson":{"_id":"zd8oaikptdhcJtgKz","user":"mHAZ2Wy25PBA2jjey","name":"01 - HTML - intro","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":["mbo"],"levels":["n3","n4"],"years":[18,19,20,21],"subjects":["ICT"],"creationDate":"2024-01-17T19:53:14.804Z","pinCount":11,"pinCountForLesson":11,"pinCountForStudent":11,"location":{"explorer":"sNCc2PpwAeMujefDg","folder":"MgXh3rJzx4ysN4awz"},"source":"openAi","products":[],"order":"a0","modifiedDate":"2024-09-01T10:26:29.108Z","openendDate":"2024-09-01T10:26:43.285Z","thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FgQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw","modifiedDate":"2024-02-02T15:34:23.282Z","hash":"44880a04221f4472e19df6c4436a078e","v":3},"durationInMin":60},"firstPin":{"_id":"r8pyHsFteP59bBZHb","user":"mHAZ2Wy25PBA2jjey","lesson":"zd8oaikptdhcJtgKz","item":{"type":"slide","custom":{"text1":"Ontdek HTML: De taal van het web","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":100,"fontSize1":60,"fontSize2":60,"align2":2,"showImage":true},"notes":{"text":""},"components":[],"image":"https:\u002F\u002Flh3.googleusercontent.com\u002FTsWG3tn1LpSCaODwxvaXhs9tUSRuqmaUSloJVKVXGitSzbIcAjoZe0jjKMRgaZcRjNvZ7NETTl6RpBEokCu3qE7oohQV9nJHZCTfyVU","uploadId":"9d58d0a3-1224-4b09-8750-64105b640930"},"order":1001,"creationDate":"2024-01-17T19:53:14.837Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Ontdek HTML: De taal van het web","Leerdoel","Aan het einde van de les zul je begrijpen wat HTML is en hoe het wordt gebruikt om webpagina's te maken.","Wat is HTML?","HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en webapplicaties.","Structuur van HTML","HTML gebruikt tags om de structuur van een webpagina aan te geven. Dit omvat koppen, alinea's, lijsten, afbeeldingen en meer.","Voorbeeld van een HTML-tag","Een voorbeeld van een HTML-tag is <h1>, dat wordt gebruikt voor de hoofdkop van een pagina.","<h1>    Hoofdkop1<\u002Fh1>","Attributen in HTML","HTML-tags kunnen attributen bevatten, zoals 'src' voor afbeeldingen en 'href' voor links.","<img src=\".\u002Fimages\u002Fvoorbeeld.jpg\" alt=\"alternatieve text\">    <a href=\".\u002Fnew-page.html\">Link naar new page<\u002Fa>","HTML en CSS","CSS wordt gebruikt om de vormgeving en lay-out van HTML-elementen te beheren en te stijlen.","div {    color: blue;    width: 100px;}","Interactiviteit met HTML","HTML ondersteunt interactiviteit door middel van formulieren, knoppen, en andere interactieve elementen.","Toepassingen van HTML","HTML wordt gebruikt voor het maken van verschillende soorten webpagina's, van eenvoudige blogs tot complexe webapplicaties.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","01 - HTML - intro","ICT"],"normal":["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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les."]},"pinHashes":["6571f9444d2e0ed20e6ee9d6fbeb9a651d8580ca74a469dff4dd77203876fedd","7550a20a8056f083a106a35faa6f19ac2b1ae0b7b2cbbf479812416326cd907c","7c7723c7f0ad13984db2d647da4a263327ce7bee971ea3dc821a1283b49dc4ab","88d6daff8df190bea7d92959c4d52ee47c99f6c3dea6ed36f26d2924a414c0e6","a44eae8cebda776e555d272d78727c742bec7982643d880eb5b84dcfc969f3ba","aedf2104a941671e18c7e1c3f27ce6539f3eb1e4ee39265bf7b93826312eeae7","c12a27f6d9aa1ea14878f06f7efd74d4cd2f16faf926bc1f3f90281643df57ae","c7e985983dfc588b86c1a5762d9c0ee8f78c6674895f45f355ca064128050735","eb09bc15752b529bf9ccb3cb98bd3462d458f01a3bcf6b598c2549f00b7fc171","fbb5816f00b025ca36c79e26f3e424d7a2fcbe74b9b58e3dacec1eeb6dd8e6e0","fce9e73339d0d2e8c6a07fd7c720f0067557546cf4be5892d85ae9c77201acc2"],"docType":"lesson","metaData":{"creationDate":"2024-01-17T19:53:14.804Z","country":["nl"],"schoolType":["mbo"],"levels":["n3","n4"],"years":[18,19,20,21],"organizations":["Z4deW6MoAs2t5jTEB"],"subjects":["ICT"],"privacy":"public","isTest":false},"statistics":{"id":"zd8oaikptdhcJtgKz","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"6861ce2e3316fe16a0d4cb64820fe38ccf290d0bc6e1a1feba744c3f632f0d10","cluster":{"winner":true,"size":1,"id":"w_zd8oaikptdhcJtgKz_i_zd8oaikptdhcJtgKz"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion"]},"score":46.116413,"explanation":undefined,"collapseCount":undefined},{"_id":"egXaqDBKHRsANLLok","_index":"lessons-nl-1642004322162","doc":{"_id":"egXaqDBKHRsANLLok","lesson":{"_id":"egXaqDBKHRsANLLok","user":"mHAZ2Wy25PBA2jjey","name":"01 - Javascript - wat is javascript","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":["mbo"],"levels":["n4","n3"],"years":[18,19],"subjects":["ICT"],"creationDate":"2024-01-29T09:31:12.215Z","pinCount":13,"pinCountForLesson":13,"pinCountForStudent":13,"location":{"explorer":"sNCc2PpwAeMujefDg","folder":"J2AxzYEdFegG47gP9"},"version":"v1","source":"openAi","products":[],"order":"a5","modifiedDate":"2024-05-16T12:27:45.047Z","openendDate":"2024-05-16T12:27:46.060Z","thumbnail":{"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FTqe8KA03NoHZoOHBZJaV4MxEd6D70qojTpFAZFvEZ7apCvzeqCOiNFBjPg71Zh6xgBvC6To_ON3dRdw2S7rR2yWwXORR27gsJj9vcNg","modifiedDate":"2024-05-16T12:31:47.581Z","hash":"37568e298a29c02cd69806b3a9a54c2a","v":3},"durationInMin":60},"firstPin":{"_id":"4L4886juMExWbHkk7","user":"mHAZ2Wy25PBA2jjey","lesson":"egXaqDBKHRsANLLok","item":{"type":"slide","custom":{"text1":"JavaScript: De Taal van Interactiviteit","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":100,"fontSize1":60,"fontSize2":60,"align2":2,"showImage":true},"notes":{"text":""},"components":[],"image":"https:\u002F\u002Flh3.googleusercontent.com\u002FTsWG3tn1LpSCaODwxvaXhs9tUSRuqmaUSloJVKVXGitSzbIcAjoZe0jjKMRgaZcRjNvZ7NETTl6RpBEokCu3qE7oohQV9nJHZCTfyVU","uploadId":"9d58d0a3-1224-4b09-8750-64105b640930"},"order":1001,"creationDate":"2024-01-29T09:31:12.276Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["JavaScript: De Taal van Interactiviteit","Leerdoel","Aan het einde van de les zul je begrijpen wat JavaScript is en hoe het wordt gebruikt in webontwikkeling.","Wat is JavaScript?","JavaScript is een programmeertaal die:\nInteractieve elementen op websites creëertDe gebruikerservaring verbetertDynamische en interactieve functionaliteiten toevoegt, zoals formulieren en games.","Voorbeeld: Interactief Formulier (1)","JavaScript kan bijvoorbeeld gebruikt worden om invoervelden van een formulier te veranderen op basis van de gebruikers-input, waardoor real-time validatie mogelijk is.","Hoe voegen we JavaScript toe aan een website?","Je kan javascript op 3 manieren toevoegen aan je website:Inline scriptingExterne javascript bestandenDirect in een HTML element","JavaScript-code wordt dan binnen <script> tags geplaats","JavaScript-code wordt in een extern bestand geplaatst met extensie .js","In HTML-attributen om te reageren op bepaalde gebeurtenissen","Praktische Toepassingen","JavaScript wordt gebruikt voor het maken van animaties, het laden van inhoud zonder de pagina te vernieuwen en het implementeren van interactieve kaarten.","Oefening: Bouw een Eenvoudige JavaScript Functie","1. Maak een HTML-bestand met een knop.\n2. Voeg een JavaScript-functie toe voor een klik op de knop.\n3. Toon een bericht op de pagina bij de klik.\n4. Zoek online hoe je dit doet.\n5. Lever in via Teams.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","Voorbeeld: Interactief Formulier (2)","\u002F\u002F HTML\n<form>\n          <label for=\"age\">Leeftijd:<\u002Flabel><br>\n        <input type=\"text\" id=\"age\" name=\"age\"                onkeyup=\"validateAge()\">\n        <p id=\"message\"><\u002Fp>\n<\u002Fform>","\u002F\u002F JavaScriptfunction validateAge() {\n      let age = document.getElementById(\"age\").value;\n      let message = document.getElementById(\"message\");      if(age >= 18) {\n        message.style.color = \"green\";\n        message.innerHTML = \"Toegang tot de website!\";\n      } else {\n        message.style.color = \"red\";\n        message.innerHTML = \"Sorry, geen toegang\";\n      }\n }","Hoe voegen we JavaScript toe aan een website?","<script>\n  document.write('JavaScript geschreven.');\n<\u002Fscript>","INTERN","<script src=\"mijnScript.js\"><\u002Fscript>","<button onclick=\"alert('Hallo Wereld!')\">Klik op mij<\u002Fbutton>","EXTERN","HTML","Samenvatting","Je hebt geleerd wat Javascript en je hebt gezien op welke manieren je Javascript kan toevoegen aan je HTML pagina's.","01 - Javascript - wat is javascript","ICT"],"normal":["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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les."]},"pinHashes":["11f0b18c7f1831ec691160769425cdde1ac60d253fb1becd98f4731bc6bafe13","1eddef62617d870e1b6db20fd4f4046f9079cd1768fbc81ab419fc09a1a9419a","21b43c4cd87648538bde35984cb7e0be79bdabe62c71e64f1f6f0afade04d86d","26d45f6f6aac17aae77e43d500b9618aacd047b0dc2639bb67816140f45a6882","4fdbc1c0be4a15a463460fad125b8075109028bb2843213c408b4a6f275a81e5","7c7723c7f0ad13984db2d647da4a263327ce7bee971ea3dc821a1283b49dc4ab","8189b7884ba7b0dd421626145d2db4c3a06a59a8f0a43396bfdb4ef78f9a46c3","8ba256fc098ef55f892dc7830e03a312fd0d69c6f6269cdbbf9f3888dcbd1527","a3e0d62e9948e6aae7c69d2f43f889376a069a47213d855a08ef9e15643e8f80","aa4af44fc162f646a183d48942c80330befb83942d6265998bb56c4f08ac217d","d66dc24dc7b4506534be20ea387856798ab6a5a320f584d83b98d0ac48754fb4","dbd93e47099eb5e4fb5ca1a593d4b2734003be981375b12ed202b3c76fca4378"],"docType":"lesson","metaData":{"creationDate":"2024-01-29T09:31:12.215Z","country":["nl"],"schoolType":["mbo"],"levels":["n4","n3"],"years":[18,19],"organizations":["Z4deW6MoAs2t5jTEB"],"subjects":["ICT"],"privacy":"public","isTest":false},"statistics":{"id":"egXaqDBKHRsANLLok","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"cd218b038f5010e0b0fc08da9a8ef20dc5aa14bf992e4172565cd42e35062602","cluster":{"winner":true,"size":1,"id":"w_egXaqDBKHRsANLLok_i_egXaqDBKHRsANLLok"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion"]},"score":44.961426,"explanation":undefined,"collapseCount":undefined}],"pins":[{"_id":"wYhNWnJZG9Yq38Syw","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003EBasis HTML: Leer de grondbeginselen van webontwikkeling\u003C\u002Fb\u003E","text2":"","layout":1,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":""},"components":[]},"order":1001,"creationDate":new Date("2023-03-24T14:07:07.064Z"),"isPublic":true,"isFirstPin":true},{"_id":"qmqS9SNJhkXkksvkD","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003ELeerdoel: Begrijpen wat HTML is\u003C\u002Fb\u003E","text2":"HTML staat voor HyperText Markup Language en is de basis van webontwikkeling.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg de basisprincipes van HTML uit en zorg ervoor dat studenten begrijpen wat HTML is en waarvoor het wordt gebruikt."},"components":[]},"order":1002,"creationDate":new Date("2023-03-24T14:07:07.185Z"),"isPublic":true,"isFirstPin":false},{"_id":"TZhKk44q4FxCButE7","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"wordweb","custom":{"word":"Wat weet je al over HTML?","color":9,"opacity":1,"showImage":false,"fontSize1":60},"components":[]},"order":1003,"creationDate":new Date("2023-03-24T14:07:07.496Z"),"isPublic":true,"isFirstPin":false},{"_id":"5PoycRGnBoQy3jj4e","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003EHTML-tags en -elementen\u003C\u002Fb\u003E","text2":"HTML maakt gebruik van tags en elementen om de inhoud van een webpagina te structureren.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg uit wat tags en elementen zijn en geef voorbeelden van veelgebruikte tags zoals \u003Chtml\u003E, \u003Chead\u003E, \u003Cbody\u003E, \u003Cp\u003E, \u003Ca\u003E, \u003Cimg\u003E en \u003Cdiv\u003E."},"components":[]},"order":2001,"creationDate":new Date("2023-03-24T14:07:07.600Z"),"isPublic":true,"isFirstPin":false},{"_id":"hJGR8j2stk8t9TLt7","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003EStructuur van een HTML-pagina\u003C\u002Fb\u003E","text2":"Een standaard HTML-pagina bestaat uit een doctype-declaratie, een HTML-element, een head-element en een body-element.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat de structuur van een HTML-pagina zien en leg uit wat elk element doet."},"components":[]},"order":2002,"creationDate":new Date("2023-03-24T14:07:07.733Z"),"isPublic":true,"isFirstPin":false},{"_id":"WD4WJ9EFdZhiRWto7","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003ETekst opmaken met HTML\u003C\u002Fb\u003E","text2":"HTML biedt verschillende tags om tekst op te maken, zoals \u003Ch1\u003E\u003C\u002Fh1\u003E","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Demonstreer hoe deze tags worden gebruikt om tekst op te maken en benadruk het belang van semantisch correcte HTML."},"components":[{"_id":"f74668b5178a620a254bdac5","position":{"left":5.275,"top":39.517,"bottom":5.774,"right":5.725},"scale":{"x":1,"y":1},"creationDate":new Date("2024-07-12T11:33:34.281Z"),"user":"Pyj8vaMrqEwD2Z5dA","settings":{"transparency":100,"borderRadius":"0","allowZoom":false,"correctDropzone":[],"dropzoneSnapback":true,"url":"https:\u002F\u002Flh3.googleusercontent.com\u002FMF5NZwVb-s1aCSurD7LWlaVnoL27qcGK1Aour6DqsS1_6zcfXThjgg6_lsKdLNYvIaGhCHry0JFI7mX49edU9SvYabVnipI-Laht8os"},"type":"image","origin":"image"}]},"order":2003,"creationDate":new Date("2023-03-24T14:07:07.829Z"),"isPublic":true,"isFirstPin":false},{"_id":"d4ZsNsbsDzkrdBkpb","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003EAfbeeldingen toevoegen\u003C\u002Fb\u003E","text2":"Afbeeldingen kunnen worden toegevoegd met de img-tag en moeten een alt-attribuut bevatten voor toegankelijkheid.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe het toevoegen van een afbeelding werkt en waarom het belangrijk is om een alt-attribuut te gebruiken."},"components":[]},"order":2004,"creationDate":new Date("2023-03-24T14:07:07.918Z"),"isPublic":true,"isFirstPin":false},{"_id":"x7hMW9x4toaLyu5v6","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003ELinks maken\u003C\u002Fb\u003E","text2":"Links worden gemaakt met de link\u003Ca\u003E-tag en kunnen worden gebruikt om te koppelen naar andere pagina's of bestanden.\u003C\u002Fa\u003E","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe links worden gemaakt en geef voorbeelden van verschillende soorten links."},"components":[]},"order":2005,"creationDate":new Date("2023-03-24T14:07:08.030Z"),"isPublic":true,"isFirstPin":false},{"_id":"9KBAkAAip6to7qhTi","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003ELijsten maken\u003C\u002Fb\u003E","text2":"Er zijn twee soorten lijsten in HTML: geordende en ongeordende lijsten.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg uit hoe lijsten worden gemaakt en geef voorbeelden van beide soorten lijsten."},"components":[]},"order":2006,"creationDate":new Date("2023-03-24T14:07:08.117Z"),"isPublic":true,"isFirstPin":false},{"_id":"qzRrgcrtZhwrXdDo8","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003ETabellen maken\u003C\u002Fb\u003E","text2":"Tabellen worden gebruikt om gegevens op te maken en te structureren.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Demonstreer hoe tabellen worden gemaakt en waarvoor ze worden gebruikt."},"components":[]},"order":2007,"creationDate":new Date("2023-03-24T14:07:08.389Z"),"isPublic":true,"isFirstPin":false},{"_id":"x3dFFsWeo3aGD8fJ5","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003EFormulieren maken\u003C\u002Fb\u003E","text2":"Formulieren kunnen worden gebruikt om informatie van gebruikers te verzamelen, zoals naam, e-mailadres en bericht.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe formulieren worden gemaakt en hoe verschillende soorten invoerelementen worden gebruikt, zoals \u003Cinput\u003E, \u003Ctextarea\u003E en \u003Cselect\u003E."},"components":[]},"order":2008,"creationDate":new Date("2023-03-24T14:07:09.490Z"),"isPublic":true,"isFirstPin":false},{"_id":"xcYveYRF9mrwAj85B","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"slide","custom":{"text1":"\u003Cb\u003EValidatie en debugging\u003C\u002Fb\u003E","text2":"Validatie is het proces van het controleren van de syntaxis van HTML-code, terwijl debugging het proces is van het opsporen en oplossen van fouten in de code.","layout":2,"color":1,"opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Geef tips voor het valideren en debuggen van HTML-code en leg uit waarom dit belangrijk is voor webontwikkeling."},"components":[]},"order":2009,"creationDate":new Date("2023-03-24T14:07:09.572Z"),"isPublic":true,"isFirstPin":false},{"_id":"StLN7auepuXE4QDPe","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"openQuestion","custom":{"question":"Schrijf 3 dingen op die je deze les hebt geleerd.","color":9,"opacity":1,"checkAnswer":false,"showImage":false,"align":1,"caseSens":false,"diacriticSens":false,"description":"","fontSize1":60},"notes":{"text":"De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is."},"components":[]},"order":4001,"creationDate":new Date("2023-03-24T14:07:11.527Z"),"isPublic":true,"isFirstPin":false},{"_id":"XwnZSihSmfiZwb6KD","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"openQuestion","custom":{"question":"Schrijf 2 dingen op waarover je meer wilt weten.","color":9,"opacity":1,"checkAnswer":false,"showImage":false,"align":1,"caseSens":false,"diacriticSens":false,"description":"","fontSize1":60},"notes":{"text":"De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap."},"components":[]},"order":4002,"creationDate":new Date("2023-03-24T14:07:11.620Z"),"isPublic":true,"isFirstPin":false},{"_id":"6HvkpSh88hfoEBkNn","user":"Pyj8vaMrqEwD2Z5dA","lesson":"eWmydZ2yZ4d8DST5M","item":{"type":"openQuestion","custom":{"question":"Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","color":9,"opacity":1,"checkAnswer":false,"showImage":false,"align":1,"caseSens":false,"diacriticSens":false,"description":"","fontSize1":60},"notes":{"text":"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\u002Fbeheersen, maar ook een goed startpunt voor een volgende les."},"components":[]},"order":4003,"creationDate":new Date("2023-03-24T14:07:11.721Z"),"isPublic":true,"isFirstPin":false}],"eligibleToTeachWithoutCredits":false},"isLoading":false,"error":false,"lessonId":"eWmydZ2yZ4d8DST5M"},"plan":{"planDetails":undefined,"isLoading":false,"error":false,"planId":undefined},"tooltips":[],"selectPins":[],"followedChannels":[],"savedLessons":[],"organizationPicker":{"organizations":[]},"pins":{"pins":[],"pinCount":0,"teacherPins":[],"isV2Lesson":false},"channel":{"channelDetails":undefined,"slug":undefined,"error":false,"isLoading":false},"channelOverview":{"channels":[],"hasLoaded":false},"featureFlags":["newPinSearch","accountMergeFlag","downloadReportSpreadsheet","joinWithQR","lessonModules","superCSVExports","defaultOrganizationExplorerPermissions","mySchoolsPage","channelStatsVersion2","schoolSuggestionPage","showSchoolLicenseDemoteOption","redeemedVoucherOverview","allEditorFocusWeekImprovements","openAIBeta","lessonEditorV2","showUploadsNext","showSchoolPickerGB","schoolPickerV2","editorUndoRedo","editorPlayerV2","slideDeckImport","editorOpenQuestion","editorMaiaV2Lessons","editorWordCloud","conversionStatusInModal"],"geoLocation":{"countryCode":"us"},"error":{"currentError":null}}; window.__SETTINGS = {"app":"search","env":"live","urls":{"teacher":"https://www.lessonup.com/","student":"https://lessonUp.app/","admin":"https://admin.lessonup.com/","api":"https://api.lessonup.com/v1/","search":"https://www.lessonup.com/","site":"https://www.lessonup.com/","graphqlPublicApi":"https://graphql-api.lessonup.com","graphqlInternalApi":"https://graphql-api-internal.lessonup.com","graphqlInternalApiPrivateNetwork":"http://graphql-api-internal","hocuspocus":"wss://hocuspocus.lessonup.com","snowplow":"https://collector.lessonup.com"},"runsOnLocalhost":false,"shadowMode":false,"logAll":false,"defaultShutDownMinutes":10,"build":{"tag":"release-search-2.63.0","version":"2.63.0","branch":"release/2024w44-01"},"graphql":{"baseUrl":"https://graphql-api.lessonup.com"},"sentry":{"dsn":"https://[e-mail]/1546817","disabled":false},"office365":{"clientId":"c8c8b0b4-a661-4dda-be25-befb5d424d1a","tenant":"common"},"ga":{"awId":"AW-952526834","optimizeId":"OPT-MDP7KP4","analyticsV4":"G-DBSWZ6Z27F"},"snowplow":{"collectorEndpoint":"https://collector.lessonup.com","applicationName":"search"},"hotjar":{"id":"2813929"},"intercom":{"id":"x948t0gc","allowAnonymous":false},"mode":"production","apiHost":"/","geoLocation":{"countryCode":"us"}}; window.__LANGUAGE = 'en'; </script> <script src="/search/public/dist/vendors.5d6f13cff883eafd4559.js"></script> <script src="/search/public/dist/packages.cd563a5ab0b34a8edc1f.js"></script> <script src="/search/public/dist/client.932b7dca83cddaad4882.js"></script> </body> </html>