workshop_20241007_Webtechnologie

Workshop
cxqep
1 / 17
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

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

time-iconLesson duration is: 90 min

Items in this lesson

Workshop
cxqep

Slide 1 - Slide

Kennismakingsronde
  • Na de les heb je wat meer inzicht in wat de technieken: html, css, javascript, PHP en SQL inhouden en waarvoor je ze nodig hebt.
  • Betere inzicht in de technieken in NexEd
Doelen

Slide 2 - Slide

Kennismakingsronde
  • Quiz van 7 vragen
  • Uit het hoofd
Wat weet je al?

Slide 3 - Slide

Wat is de primaire functie van HTML in een webpagina?
A
Het toevoegen van animaties aan de website.
B
Het structureren en opbouwen van de inhoud van de webpagina.
C
Het aanpassen van kleuren en lettertypes.
D
Het opslaan van data in een database.

Slide 4 - Quiz

Wat doet CSS in een webapplicatie?
A
Het zorgt voor de opmaak en het uiterlijk van de webpagina.
B
Het maakt de website dynamisch door interactieve elementen toe te voegen.
C
Het verwerkt gegevens van een formulier naar de server.
D
Het maakt verbinding met de database om gegevens op te halen.

Slide 5 - Quiz

Wat is de hoofdrol van JavaScript op een website?
A
Het opvragen van data uit de database.
B
Het valideren van formulieren en toevoegen van interactiviteit.
C
Het opstellen van de structuur van de webpagina.
D
Het stijlen van de webpagina.

Slide 6 - Quiz

Welke techniek wordt vooral gebruikt voor server-side verwerking, zoals het verwerken van data uit formulieren of het ophalen van data uit een database?
A
HTML
B
CCS
C
Javascript
D
PHP

Slide 7 - Quiz

Welke van de volgende technieken werkt in de browser zonder verbinding met een server nodig te hebben?
A
HTML
B
SQL
C
Javascript
D
CSS

Slide 8 - Quiz

Hoe kun je met JavaScript de inhoud van een webpagina dynamisch aanpassen na het laden van de pagina?
A
Door de HTML-code te herschrijven in de browser.
B
Door PHP-code in te voegen in de browser.
C
Door CSS-bestanden te bewerken op de server.
D
Door de Document Object Model (DOM) te manipuleren.

Slide 9 - Quiz

Welke combinatie van technieken is nodig om een formulier te maken dat gegevens van de gebruiker ophaalt, in de browser controleert en deze naar de server stuurt voor verwerking?
A
HTML en CSS
B
CSS en JavaScript
C
HTML, JavaScript en PHP
D
HTML en PHP

Slide 10 - Quiz

Kennismakingsronde
  • HTML : opmaaktaal - w3c standaard
  • CSS : opmaaktaal - w3c standaard
  • javascript: progammeertaal, client, maar ook serverside
  • php: een van de vele programmeertalen die serverside gebruikt kunnen worden
  • sql: vraagtaal voor databases
Webtechnieken

Slide 11 - Slide

Slide 12 - Slide

Stel dat je een contactformulier bouwt met HTML, en je wilt ervoor zorgen dat gebruikers hun e-mailadres correct invoeren voordat het formulier naar de server wordt verzonden. Welke technologie gebruik je en waarom?
A
HTML, omdat het de basisstructuur van het formulier bevat.
B
CSS, omdat het de invoervelden opmaakt en de validatie afhandelt.
C
JavaScript, omdat je hiermee validatie op de client-side kunt uitvoeren voordat de gegevens worden verzonden.
D
PHP, omdat het alle formulieren valideert voordat ze naar de browser worden geladen.

Slide 13 - Quiz

Als een website een goede lay-out heeft op zowel desktop als mobiel, maar er geen inhoud is die je kunt zien, welke technologie ontbreekt er waarschijnlijk?
A
JavaScript, omdat het de inhoud dynamisch opbouwt.
B
HTML, omdat dit de inhoud van de webpagina bepaalt.
C
CSS, omdat dit verantwoordelijk is voor de opmaak en lay-out van de webpagina.
D
PHP, omdat het de webpagina vanaf de server genereert.

Slide 14 - Quiz

Hoe werken HTML, CSS, en JavaScript samen om een interactieve website te creëren?
A
TML zorgt voor de structuur, CSS voegt interactiviteit toe, en JavaScript bepaalt de layout.
B
HTML zorgt voor de structuur, CSS voor de opmaak, en JavaScript voor dynamische interacties.
C
CSS structureert de webpagina, HTML maakt het interactief, en JavaScript past het ontwerp aan
D
PHP vervangt zowel HTML als JavaScript en voegt interactie toe aan de pagina.

Slide 15 - Quiz

Ik heb een goed beeld gekregen van de verschillende technieken die we in NexEd gebruiken
😒🙁😐🙂😃

Slide 16 - Poll

Kennismakingsronde
  • HTML : opmaaktaal - w3c standaard
  • CSS : opmaaktaal - w3c standaard
  • javascript: progammeertaal, client, maar ook serverside
  • php: een van de vele programmeertalen die serverside gebruikt kunnen worden
  • sql: vraagtaal voor databases
Webtechnieken terugblik

Slide 17 - Slide