diff --git a/7-bank-project/2-forms/translations/assignment.nl.md b/7-bank-project/2-forms/translations/assignment.nl.md index e0b7ffef..16ea959e 100644 --- a/7-bank-project/2-forms/translations/assignment.nl.md +++ b/7-bank-project/2-forms/translations/assignment.nl.md @@ -4,7 +4,7 @@ Maak een nieuw `styles.css`-bestand en voeg er een link naar toe in uw huidige `index.html`-bestand. Voeg in het CSS-bestand dat u zojuist hebt gemaakt wat stijl toe om de pagina *Login* en *Dashboard* er netjes en opgeruimd uit te laten zien. Probeer een kleurenthema te maken om uw app een eigen branding te geven. -> Tip: u kunt de HTML aanpassen en indien nodig nieuwe elementen en classen toevoegen. +> Tip: u kunt de HTML aanpassen en indien nodig nieuwe elementen en class toevoegen. ## Rubriek diff --git a/7-bank-project/4-state-management/translations/assignment.nl.md b/7-bank-project/4-state-management/translations/assignment.nl.md index 8ae4407a..4d2b0f65 100644 --- a/7-bank-project/4-state-management/translations/assignment.nl.md +++ b/7-bank-project/4-state-management/translations/assignment.nl.md @@ -6,7 +6,7 @@ Onze bank-app mist nog één belangrijk kenmerk: de mogelijkheid om nieuwe trans Gebruik alles wat u in de vier voorgaande lessen heeft geleerd en implementeer een dialoogvenster "Transactie toevoegen": - Voeg een knop "Transactie toevoegen" toe op de dashboardpagina -- Maak een nieuwe pagina met een HTML-sjabloon of gebruik JavaScript om de HTML-dialoog weer te geven/te verbergen zonder de dashboardpagina te verlaten (u kunt [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) eigenschap daarvoor gebruiken, of CSS-classen) +- Maak een nieuwe pagina met een HTML-sjabloon of gebruik JavaScript om de HTML-dialoog weer te geven/te verbergen zonder de dashboardpagina te verlaten (u kunt [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) eigenschap daarvoor gebruiken, of CSS-class) - Zorg ervoor dat u [toetsenbord en schermlezer toegankelijkheid](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) afhandelt voor het dialoogvenster - Implementeer een HTML-formulier om invoergegevens te ontvangen - Maak JSON-gegevens van de formuliergegevens en stuur deze naar de API diff --git a/quiz-app/src/App.vue b/quiz-app/src/App.vue index 76e53410..3671665c 100644 --- a/quiz-app/src/App.vue +++ b/quiz-app/src/App.vue @@ -12,6 +12,7 @@ +
diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index d45f25ba..5ad362d5 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -2343,7 +2343,7 @@ }, { "id": 46, - "title": "Lesson 23 - Bank Project Methods of Fetching and Using Data: Post-Lecture Quiz", + "title": "Lesson 23 - Bank Project - Methods of Fetching and Using Data: Post-Lecture Quiz", "quiz": [ { "questionText": "In a Single-page application, the HTML is loaded once and never updated", diff --git a/quiz-app/src/assets/translations/index.js b/quiz-app/src/assets/translations/index.js index c95be853..f2e2132a 100644 --- a/quiz-app/src/assets/translations/index.js +++ b/quiz-app/src/assets/translations/index.js @@ -8,6 +8,7 @@ import ja from './ja.json'; import gr from './gr.json'; import ms from './ms.json'; import es from './es.json'; +import nl from './nl.json'; //export const defaultLocale = 'en'; @@ -21,6 +22,7 @@ const messages = { gr: gr[0], ms: ms[0], es: es[0], + nl: nl[0], }; export default messages; diff --git a/quiz-app/src/assets/translations/nl.json b/quiz-app/src/assets/translations/nl.json new file mode 100644 index 00000000..2589ba12 --- /dev/null +++ b/quiz-app/src/assets/translations/nl.json @@ -0,0 +1,2509 @@ +[ + { + "title": "Webontwikkeling voor Beginners: Quizzen", + "complete": "Gefeliciteerd, u hebt de quiz voltooid!", + "error": "Sorry probeer het opnieuw", + "quizzes": [ + { + "id": 1, + "title": "Les 1 - Inleiding tot Programmeertalen: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Een programma kan worden gemaakt zonder dat de maker zelf code hoeft te schrijven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Talen op laag niveau zijn een populaire keuze voor", + "answerOptions": [ + { + "answerText": "Websites", + "isCorrect": "false" + }, + { + "answerText": "Hardware", + "isCorrect": "true" + }, + { + "answerText": "Software voor videogames", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Welke van deze tools zou zich waarschijnlijk in de omgeving van een webontwikkelaar bevinden?", + "answerOptions": [ + { + "answerText": "Hardware, zoals een Raspberry Pi", + "isCorrect": "false" + }, + { + "answerText": "Browser DevTools", + "isCorrect": "true" + }, + { + "answerText": "Besturingssysteem documentatie", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 2, + "title": "Les 1 - Inleiding tot Programmeertalen: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Welke taal zou u waarschijnlijk gebruiken om een website te maken?", + "answerOptions": [ + { + "answerText": "Machine Code", + "isCorrect": "false" + }, + { + "answerText": "JavaScript", + "isCorrect": "true" + }, + { + "answerText": "Bash", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Ontwikkelomgevingen zijn uniek voor elke ontwikkelaar", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Wat zal een ontwikkelaar doen om foutcodes te herstellen?", + "answerOptions": [ + { + "answerText": "Syntaxis accentuering", + "isCorrect": "false" + }, + { + "answerText": "Debuggen", + "isCorrect": "true" + }, + { + "answerText": "Code-opmaak", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 3, + "title": "Les 2 - Inleiding tot GitHub: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Hoe maakt u een Git-repo aan?", + "answerOptions": [ + { + "answerText": "git create", + "isCorrect": "false" + }, + { + "answerText": "git start", + "isCorrect": "false" + }, + { + "answerText": "git init", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Wat doet git add?", + "answerOptions": [ + { + "answerText": "Commit uw code", + "isCorrect": "false" + }, + { + "answerText": "Voegt uw bestanden toe aan een verzamelgebied voor tracking", + "isCorrect": "true" + }, + { + "answerText": "Voegt uw bestanden toe aan GitHub", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Hoe controleert u of git op uw computer is geïnstalleerd?", + "answerOptions": [ + { + "answerText": "typ git --version", + "isCorrect": "true" + }, + { + "answerText": "typ git --installed", + "isCorrect": "false" + }, + { + "answerText": "typ git --init", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 4, + "title": "Les 2 - Inleiding tot GitHub: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Een plek om de verschillen die op een tak zijn geïntroduceerd te vergelijken en te bespreken met recensies, opmerkingen, geïntegreerde tests en meer is:", + "answerOptions": [ + { + "answerText": "GitHub", + "isCorrect": "false" + }, + { + "answerText": "Een Pull Request", + "isCorrect": "true" + }, + { + "answerText": "Een feature tak", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Hoe zou u alle commits van een afgelegen (remote) tak krijgen?", + "answerOptions": [ + { + "answerText": "git fetch", + "isCorrect": "false" + }, + { + "answerText": "git pull", + "isCorrect": "true" + }, + { + "answerText": "git commits -r", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Hoe stapt u over naar een tak?", + "answerOptions": [ + { + "answerText": "git switch [taknaam]", + "isCorrect": "false" + }, + { + "answerText": "git checkout [taknaam]", + "isCorrect": "true" + }, + { + "answerText": "git load [taknaam]", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 5, + "title": "Les 3 - Toegankelijke Webpagina's Maken: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Een toegankelijke website kan ook in welke browser worden gecontroleerdl", + "answerOptions": [ + { + "answerText": "Lighthouse", + "isCorrect": "true" + }, + { + "answerText": "Deckhouse", + "isCorrect": "false" + }, + { + "answerText": "Cleanhouse", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U hebt een fysieke schermlezer nodig om de toegankelijkheid voor slechtzienden te testen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Toegankelijkheid is alleen belangrijk op websites van de overheid", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 6, + "title": "Les 3 - Toegankelijke Webpagina's Maken: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Lighthouse controleert alleen op toegankelijkheidsproblemen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Kleurveilige paletten helpen mensen met", + "answerOptions": [ + { + "answerText": "kleurenblindheid", + "isCorrect": "false" + }, + { + "answerText": "Gezichtsverlies", + "isCorrect": "false" + }, + { + "answerText": "beide bovenstaande", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Beschrijvende links zijn essentieel voor toegankelijke websites", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 7, + "title": "Les 4 - JavaScript Basics - Gegevenstypen: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Booleans zijn een gegevenstype dat u kunt gebruiken om de lengte van een string te testen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Het volgende is een bewerking die u op een string kunt uitvoeren", + "answerOptions": [ + { + "answerText": "aaneenschakeling", + "isCorrect": "true" + }, + { + "answerText": "toevoeging", + "isCorrect": "false" + }, + { + "answerText": "splitsing", + "isCorrect": "false" + } + ] + }, + { + "questionText": "== en === zijn uitwisselbaar", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 8, + "title": "Les 4 - JavaScript Basics - Gegevenstypen: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Constanten zijn hetzelfde als let en var om variabelen te declareren, behalve", + "answerOptions": [ + { + "answerText": "Constanten moeten worden geïnitialiseerd", + "isCorrect": "true" + }, + { + "answerText": "Constanten kunnen worden gewijzigd", + "isCorrect": "false" + }, + { + "answerText": "Constanten kunnen opnieuw worden toegewezen", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Getallen en ____ zijn JavaScript-primitieven die numerieke gegevens verwerken", + "answerOptions": [ + { + "answerText": "bigint", + "isCorrect": "true" + }, + { + "answerText": "boolean", + "isCorrect": "false" + }, + { + "answerText": "star", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Strings kunnen tussen enkele en dubbele aanhalingstekens staan", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 9, + "title": "Les 5 - JavaScript Basics - Methoden en Functies: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Wat is een argument?", + "answerOptions": [ + { + "answerText": "Het is iets dat u aangeeft in de functiedefinitie", + "isCorrect": "false" + }, + { + "answerText": "Het is iets waar u tijdens het aanroepen in een functie overgaat", + "isCorrect": "true" + }, + { + "answerText": "Het is iets dat u heeft met mensen die u kent", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Een functie moet iets teruggeven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U kunt een functie van alles een naam geven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + }, + { + "answerText": "waar, maar het moet een beschrijvende naam zijn", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 10, + "title": "Les 5 - JavaScript Basics - Methoden en Functies: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Er moeten argumenten worden opgegeven voor alle parameters in een functie", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Wat doet een standaardwaarde?", + "answerOptions": [ + { + "answerText": "Stelt een juiste waarde in", + "isCorrect": "false" + }, + { + "answerText": "Geeft een startwaarde voor een parameter zodat uw code zich nog steeds gedraagt als u er een argument voor weglaat", + "isCorrect": "true" + }, + { + "answerText": "Heeft geen nut", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Een fat arrow-functie stelt u in staat om", + "answerOptions": [ + { + "answerText": "Zware functies te creëren", + "isCorrect": "false" + }, + { + "answerText": "Het functietrefwoord weg te laten", + "isCorrect": "true" + }, + { + "answerText": "Een anonieme functie creëren", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 11, + "title": "Les 6 - Basisprincipes van JavaScript - Beslissingen Nemen: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "De volgende operator == heet", + "answerOptions": [ + { + "answerText": "Gelijkheid", + "isCorrect": "true" + }, + { + "answerText": "Strikte gelijkheid", + "isCorrect": "false" + }, + { + "answerText": "Toewijzing", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Een vergelijking in JavaScript geeft welk type terug?", + "answerOptions": [ + { + "answerText": "boolean", + "isCorrect": "true" + }, + { + "answerText": "null", + "isCorrect": "false" + }, + { + "answerText": "string", + "isCorrect": "false" + } + ] + }, + { + "questionText": "De ! symbool in JavaScript betekent:", + "answerOptions": [ + { + "answerText": "Logisch niet", + "isCorrect": "true" + }, + { + "answerText": "Belangrijk", + "isCorrect": "false" + }, + { + "answerText": "Is gelijk aan", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 12, + "title": "Les 6 - Basisprincipes van JavaScript - Beslissingen Nemen: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Wat zou de volgende code retourneren:'1' == 1", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + }, + { + "answerText": "null", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Wat zou de volgende code retourneren: '1' === 1", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + }, + { + "answerText": "null", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Kies de juiste operator om 'or' logica uit te drukken", + "answerOptions": [ + { + "answerText": "a | b", + "isCorrect": "false" + }, + { + "answerText": "a || b", + "isCorrect": "true" + }, + { + "answerText": "a or b", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 13, + "title": "Les 7 - JavaScript Basics - Arrays en Loops: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Om naar een specifiek item in een array te verwijzen, gebruikt u een", + "answerOptions": [ + { + "answerText": "vierkant haakje []", + "isCorrect": "false" + }, + { + "answerText": "index", + "isCorrect": "true" + }, + { + "answerText": "accolades {}", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Hoe krijgt u het aantal items in een array?", + "answerOptions": [ + { + "answerText": "De 'len(array)' methode", + "isCorrect": "false" + }, + { + "answerText": "De eigenschapsgrootte op de array", + "isCorrect": "false" + }, + { + "answerText": "De eigenschap length op de array", + "isCorrect": "true" + } + ] + }, + { + "questionText": "In JavaScript beginnen indexen bij", + "answerOptions": [ + { + "answerText": "0", + "isCorrect": "true" + }, + { + "answerText": "1", + "isCorrect": "false" + }, + { + "answerText": "2", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 14, + "title": "Les 7 - JavaScript Basics - Arrays en Loops: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Welk deel van een for-loop zou u moeten aanpassen om de iteratie met 5 te verhogen?", + "answerOptions": [ + { + "answerText": "voorwaarde", + "isCorrect": "true" + }, + { + "answerText": "teller", + "isCorrect": "false" + }, + { + "answerText": "iteratie-uitdrukking", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Wat is het verschil tussen een while en een for-loop", + "answerOptions": [ + { + "answerText": "Een for-loop heeft een teller en iteratie-uitdrukking, terwijl while alleen een voorwaarde heeft", + "isCorrect": "true" + }, + { + "answerText": "Een while heeft een teller en iteratie-uitdrukking waar for-loop alleen een voorwaarde heeft", + "isCorrect": "false" + }, + { + "answerText": "Ze zijn hetzelfde, alleen een alias voor elkaar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Gezien de code voor (let i=1; i < 5; i++), hoeveel iteraties zal het uitvoeren?", + "answerOptions": [ + { + "answerText": "5", + "isCorrect": "false" + }, + { + "answerText": "4", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 15, + "title": "Les 8 - Terrariumproject - Inleiding tot HTML: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "HTML staat voor 'HyperText Mockup Language'", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Alle HTML-tags hebben zowel openings- als sluitingstags nodig", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Het gebruik van semantische opmaak is het belangrijkst voor", + "answerOptions": [ + { + "answerText": "leesbaarheid van de code", + "isCorrect": "false" + }, + { + "answerText": "schermlezers", + "isCorrect": "true" + }, + { + "answerText": "onderhoud", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 16, + "title": "Les 8 - Terrariumproject - Inleiding tot HTML: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Spans en Divs zijn uitwisselbaar", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "De kop van een HTML-document kan het volgende bevatten:", + "answerOptions": [ + { + "answerText": "de title-tag", + "isCorrect": "false" + }, + { + "answerText": "metadata", + "isCorrect": "false" + }, + { + "answerText": "alle bovenstaande", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U kunt geen verouderde tags gebruiken in uw opmaak", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar, maar ze zijn om een goede reden verouderd", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 17, + "title": "Les 9 - Terrariumproject - Inleiding tot CSS: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "HTML-elementen moeten een class of een id hebben om te worden opgemaakt", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "CSS staat voor 'Complete Style Sheets'", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "CSS kan worden gebruikt om animaties te maken", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 18, + "title": "Les 9 - Terrariumproject - Inleiding tot CSS: Quiz na de Lezing", + "quiz": [ + { + "questionText": "U kunt CSS rechtstreeks in het hoofdgedeelte van uw HTML-bestand schrijven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Het is altijd nodig om CSS in uw app op te nemen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar, maar als u wilt dat het er goed uitziet, heeft u waarschijnlijk CSS nodig", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Welke browsertool kan worden gebruikt om CSS te inspecteren?", + "answerOptions": [ + { + "answerText": "Elements", + "isCorrect": "false" + }, + { + "answerText": "Styles", + "isCorrect": "true" + }, + { + "answerText": "Network", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 19, + "title": "Les 10 - Terrariumproject - DOM-Manipulatie en een afsluiting: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "De DOM staat voor 'Document Object Management'", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "De DOM kan worden gezien als een boom", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Met behulp van de web-API kunt u de DOM manipuleren", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 20, + "title": "Les 10 - Terrariumproject - DOM-Manipulatie en een Afsluiting: Quiz na de Lezing", + "quiz": [ + { + "questionText": "De DOM is een model om een document op internet weer te geven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Gebruik JavaScript-sluitingen om het volgende te doen:", + "answerOptions": [ + { + "answerText": "schrijf functies binnen functies", + "isCorrect": "true" + }, + { + "answerText": "omsluit de DOM", + "isCorrect": "false" + }, + { + "answerText": "sluit scriptblokken", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Vul de blanco in: Sluitingen zijn handig wanneer een of meer functies toegang moeten hebben tot de ... van een externe functie", + "answerOptions": [ + { + "answerText": "arrays", + "isCorrect": "false" + }, + { + "answerText": "reikwijdte", + "isCorrect": "true" + }, + { + "answerText": "functies", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 21, + "title": "Les 11 - Typespel: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Gebeurtenisgestuurde programmering is wanneer een gebruiker", + "answerOptions": [ + { + "answerText": "op een knop klikt", + "isCorrect": "false" + }, + { + "answerText": "klikt op een knop", + "isCorrect": "false" + }, + { + "answerText": "interageert met de pagina", + "isCorrect": "false" + }, + { + "answerText": "elk van de bovenstaande", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Bij procedureel programmeren worden functies ... aangeroepen", + "answerOptions": [ + { + "answerText": "elk moment", + "isCorrect": "false" + }, + { + "answerText": "in een specifieke volgorde", + "isCorrect": "true" + }, + { + "answerText": "van links naar rechts", + "isCorrect": "false" + } + ] + }, + { + "questionText": "De universele methode die in de DOM wordt weergegeven voor het registreren van gebeurtenishandlers, heet", + "answerOptions": [ + { + "answerText": "addEventListener", + "isCorrect": "true" + }, + { + "answerText": "addListener", + "isCorrect": "false" + }, + { + "answerText": "addEvent", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 22, + "title": "Les 11 - Typespel: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Bijna alles wat een gebruiker op een pagina doet, roept een gebeurtenis op", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Veel voorkomende gebeurtenissen zijn onder meer", + "answerOptions": [ + { + "answerText": "click_event", + "isCorrect": "false" + }, + { + "answerText": "select_event", + "isCorrect": "false" + }, + { + "answerText": "input_event", + "isCorrect": "false" + }, + { + "answerText": "all of these", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U kunt anonieme functies gebruiken om gebeurtenishandlers te maken", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 23, + "title": "Les 12 - Browser-Extensieproject - Alles over Browsers: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "U kunt browserextensies krijgen van", + "answerOptions": [ + { + "answerText": "WalMart", + "isCorrect": "false" + }, + { + "answerText": "De extensie store van de browser", + "isCorrect": "true" + }, + { + "answerText": "De App Store", + "isCorrect": "false" + } + ] + }, + { + "questionText": "NPM staat voor", + "answerOptions": [ + { + "answerText": "Node Package Manager", + "isCorrect": "true" + }, + { + "answerText": "Netscape Primary Mix", + "isCorrect": "false" + }, + { + "answerText": "Natural Processing Manager", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Uw browser kan webpagina's zowel veilig als onveilig weergeven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 24, + "title": "Les 12 - Browser-Extensieproject - Alles over Browsers: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Het World Wide Web is uitgevonden door", + "answerOptions": [ + { + "answerText": "Tom Barnard-Loft", + "isCorrect": "false" + }, + { + "answerText": "Tim Berners-Lee", + "isCorrect": "true" + }, + { + "answerText": "Trish Berth-Pool", + "isCorrect": "false" + } + ] + }, + { + "questionText": "De eerste browser heette", + "answerOptions": [ + { + "answerText": "WorldWideWeb", + "isCorrect": "true" + }, + { + "answerText": "Mozilla", + "isCorrect": "false" + }, + { + "answerText": "Netscape", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Browsers kunnen de browsegeschiedenis van een gebruiker opslaan", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 25, + "title": "Les 13 - Browser Extensie-project - Roep een API aan, gebruik Local Storage: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "APIs staan voor", + "answerOptions": [ + { + "answerText": "Application Programming Interfaces", + "isCorrect": "true" + }, + { + "answerText": "A Programming Inference", + "isCorrect": "false" + }, + { + "answerText": "Anti Proven Intentions", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Gebruik een API om te communiceren met", + "answerOptions": [ + { + "answerText": "Een andere web-verbonden asset", + "isCorrect": "false" + }, + { + "answerText": "Een database", + "isCorrect": "false" + }, + { + "answerText": "Een van de bovenstaande", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Iedereen kan een API maken", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 26, + "title": "Les 13 - Browser Extensie-project - Roep een API aan, gebruik Local Storage: Quiz na de Lezingz", + "quiz": [ + { + "questionText": "LocalStorage wordt elke keer dat u het browservenster sluit gewist", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Het hoofdbrowservenster regelt de LocalStorage van een browserextensie", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "REST in een API-context staat voor", + "answerOptions": [ + { + "answerText": "Representational State Transfer", + "isCorrect": "true" + }, + { + "answerText": "Returning State Tasks", + "isCorrect": "false" + }, + { + "answerText": "Rendering State To Browser", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 27, + "title": "Les 14 - Browser Extensie-project - Leer over Achtergrondtaken en Prestaties: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Test de prestaties van uw app", + "answerOptions": [ + { + "answerText": "Met behulp van de hulpprogramma's van de browser", + "isCorrect": "true" + }, + { + "answerText": "Met behulp van een apart softwarepakket", + "isCorrect": "false" + }, + { + "answerText": "Handmatig", + "isCorrect": "false" + } + ] + }, + { + "questionText": "De 'prestatie' van een website is een analyse van", + "answerOptions": [ + { + "answerText": "Hoe snel het laadt", + "isCorrect": "false" + }, + { + "answerText": "Hoe snel de code erop werkt", + "isCorrect": "false" + }, + { + "answerText": "Beide bovenstaande", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Over het algemeen is het 'gewicht' van webpagina's de afgelopen jaren", + "answerOptions": [ + { + "answerText": "lichter geworden", + "isCorrect": "false" + }, + { + "answerText": "zwaarder geworden", + "isCorrect": "true" + }, + { + "answerText": "het zelfde gebleven", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 28, + "title": "Les 14 - Browser-Extensieproject - Leer over Achtergrondtaken en Prestaties: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Om een beter beeld te krijgen van de prestaties van uw site, moet u het cachegeheugen wissen en opnieuw laden in de profiler", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Browserextensies zijn inherent performant", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Analyseer het volgende voor knelpunten in de prestatiess", + "answerOptions": [ + { + "answerText": "DOM-doorlopen", + "isCorrect": "false" + }, + { + "answerText": "JavaScript-optimalisaties", + "isCorrect": "false" + }, + { + "answerText": "Vermogensbeheer", + "isCorrect": "false" + }, + { + "answerText": "Alle bovenstaande", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 29, + "title": "Les 15 - Ruimtespel - Inleiding: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "JavaScript is een onpopulaire taal voor het bouwen van games", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Pub/Sub is een voorkeurspatroon voor het beheren van de activa en stroom van de game", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Overerving van objecten kan worden afgehandeld door class of compositie te gebruiken", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 30, + "title": "Les 15 - Ruimtespel - Inleiding: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Class zijn afhankelijk van overerving om gedrag toe te schrijven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Compositie is het geprefereerde ontwerppatroon voor game-objecten", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Pub/Sub staat voor:", + "answerOptions": [ + { + "answerText": "Publish/Subscribe", + "isCorrect": "true" + }, + { + "answerText": "Print/Staple", + "isCorrect": "false" + }, + { + "answerText": "Publish/Sanitize", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 31, + "title": "Les 16 - Ruimtespel - Teken Held en Monsters op Canvas: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Het Canvas-element is wat u gebruikt om op een scherm te tekenen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "U kunt alleen eenvoudige geometrische vormen tekenen met de Canvas API", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Het punt 0,0 staat linksonder", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 32, + "title": "Les 16 - Ruimtespel - Teken Held en Monsters op Canvas: Quiz na de Lezingz", + "quiz": [ + { + "questionText": "U kunt tekenbewerkingen rechtstreeks op het canvas uitvoeren", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U luistert naar de onload-gebeurtenis om te weten wanneer een afbeelding asynchroon is geladen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "U tekent afbeeldingen op een scherm met een bewerking genaamd:", + "answerOptions": [ + { + "answerText": "paintImage()", + "isCorrect": "false" + }, + { + "answerText": "drawImage()", + "isCorrect": "true" + }, + { + "answerText": "draw()", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 33, + "title": "Les 17 - Ruimtespel - Beweging Toevoegen: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Elk object op het scherm kan toetsenbordgebeurtenissen ontvangen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "U kunt dezelfde methode gebruiken om naar toetsgebeurtenissen en muisgebeurtenissen te luisteren", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Welke functie gebruikt u om dingen met regelmatige tussenpozen te laten gebeuren?", + "answerOptions": [ + { + "answerText": "setInterval()", + "isCorrect": "true" + }, + { + "answerText": "setTimeout()", + "isCorrect": "false" + }, + { + "answerText": "sleep()", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 34, + "title": "Les 17 - Ruimtespel - Beweging Toevoegen: Quiz na de Lezing", + "quiz": [ + { + "questionText": "U moet het scherm altijd opnieuw tekenen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Wat is een game-loop?", + "answerOptions": [ + { + "answerText": "Een functie die ervoor zorgt dat het spel herstart kan worden", + "isCorrect": "false" + }, + { + "answerText": "Een functie die bepaalt hoe snel het spel moet draaien", + "isCorrect": "false" + }, + { + "answerText": "Een functie die met regelmatige tussenpozen wordt aangeroepen en tekent wat de gebruiker zou moeten zien", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Een goede reden om het scherm opnieuw te tekenen is", + "answerOptions": [ + { + "answerText": "Er heeft een gebruikersinteractie plaatsgevonden", + "isCorrect": "false" + }, + { + "answerText": "Er is iets verplaatst", + "isCorrect": "true" + }, + { + "answerText": "Er is tijd voorbij gegaan", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 35, + "title": "Les 18 - Ruimtespel - Een laser Toevoegen en Botsingen Detecteren: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Aanrijdingsdetectie is hoe we detecteren of twee dingen zijn gebotst", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Hoe kunnen we een item van het scherm verwijderen?", + "answerOptions": [ + { + "answerText": "Bel de vuilnisman", + "isCorrect": "false" + }, + { + "answerText": "Markeer het als dood, schilder alleen geen dode objecten de volgende keer dat we het scherm tekenen", + "isCorrect": "true" + }, + { + "answerText": "Plaats het item op een negatieve coördinaat", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Een goede manier om het afvuren van een laser in JavaScript te simuleren is:", + "answerOptions": [ + { + "answerText": "een visueel element laten reageren op een toetsgebeurtenis", + "isCorrect": "true" + }, + { + "answerText": "geanimeerde gifs maken", + "isCorrect": "false" + }, + { + "answerText": "vijanden met tussenpozen laten opblazen", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 36, + "title": "Les 18 - Ruimtespel - Een Laser Toevoegen en Botsingen Detecteren: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Bij botsingsdetectie vergelijkt u twee", + "answerOptions": [ + { + "answerText": "cirkels en of ze elkaar snijden", + "isCorrect": "false" + }, + { + "answerText": "rechthoeken en of ze elkaar snijden", + "isCorrect": "true" + }, + { + "answerText": "afstanden tussen twee punten", + "isCorrect": "false" + } + ] + }, + { + "questionText": "De reden voor het implementeren van een afkoeleffect is omdat", + "answerOptions": [ + { + "answerText": "Het spel moeilijker wordt omdat u niet herhaaldelijk een laser kunt afvuren om vijanden te vernietigen", + "isCorrect": "false" + }, + { + "answerText": "JavaScript slechts een bepaald aantal gebeurtenissen per tijdseenheid kan produceren, dus u moet ze beperken", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Constanten zijn identificeerbaar in code omdat", + "answerOptions": [ + { + "answerText": "ze in hoofdletters zijn geschreven", + "isCorrect": "true" + }, + { + "answerText": "ze specifieke namen hebben", + "isCorrect": "false" + }, + { + "answerText": "ze zo in een kebab-doosje zijn geschreven", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 37, + "title": "Les 19 - Ruimtespel - Scoren en Levens: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Hoe tekent u tekst op een scherm met het Canvas-element?", + "answerOptions": [ + { + "answerText": "Plaats tekst in een div- of span-element", + "isCorrect": "false" + }, + { + "answerText": "Roep drawText() aan op het Canvas-element", + "isCorrect": "false" + }, + { + "answerText": "Roep fillText() aan voor het contextobject", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Waarom heeft u het concept van 'levens' in een game?", + "answerOptions": [ + { + "answerText": "Om te laten zien hoeveel schade u kunt oplopen", + "isCorrect": "false" + }, + { + "answerText": "Zodat het spel niet meteen eindigt, maar u n aantal kansen hebt voordat het spel afgelopen is", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Voeg kleur toe aan tekst op Canvas met", + "answerOptions": [ + { + "answerText": "fillColor", + "isCorrect": "false" + }, + { + "answerText": "fillStyle", + "isCorrect": "true" + }, + { + "answerText": "textAlign", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 38, + "title": "Les 19 - Ruimtespel - Scoren en Levens: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Wat is een leuke manier om te laten zien hoeveel levens een speler nog heeft?", + "answerOptions": [ + { + "answerText": "een aantal schepen", + "isCorrect": "false" + }, + { + "answerText": "een puntensysteem", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Hoe centreert u tekst in het midden van het scherm met behulp van het Canvas-element?", + "answerOptions": [ + { + "answerText": "U gebruikt Flexbox", + "isCorrect": "false" + }, + { + "answerText": "U instrueert de tekst die moet worden getekend op de x-coördinaat van de breedte van het cliëntvenster/2", + "isCorrect": "true" + }, + { + "answerText": "U stelt de eigenschap textAlign in op het waardecentrum van het contextobject", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Trek in code een leven af met dit:", + "answerOptions": [ + { + "answerText": "this.life-", + "isCorrect": "false" + }, + { + "answerText": "this.life--", + "isCorrect": "true" + }, + { + "answerText": "this.life++", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 39, + "title": "Les 20 - Ruimtespel - Einde en Herstart: Quiz voorafgaand aan de Lezingz", + "quiz": [ + { + "questionText": "Wanneer is een goed moment om een game opnieuw te starten?", + "answerOptions": [ + { + "answerText": "wanneer een speler wint of verliest", + "isCorrect": "true" + }, + { + "answerText": "wanneer dan ook", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Wanneer moet een spel eindigen?", + "answerOptions": [ + { + "answerText": "wanneer een vijandelijk schip wordt vernietigd", + "isCorrect": "false" + }, + { + "answerText": "wanneer een heldenschip wordt vernietigd", + "isCorrect": "true" + }, + { + "answerText": "wanneer punten worden verzameld", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Een goede manier om een level aan uw game toe te voegen is:", + "answerOptions": [ + { + "answerText": "Het aantal punten dat nodig is om een bepaald niveau te voltooien verhogen", + "isCorrect": "true" + }, + { + "answerText": "Meer spelers aan het spel toe te voegen", + "isCorrect": "false" + }, + { + "answerText": "Meer afbeeldingen aan het spel toe te voegen", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 40, + "title": "Les 20 - Ruimtespel - Einde en Herstart: Quiz na de Lezing", + "quiz": [ + { + "questionText": "Wat is een goed patroon om te gebruiken als aan een speleindvoorwaarde is voldaan?", + "answerOptions": [ + { + "answerText": "Een passend bericht weergeven", + "isCorrect": "false" + }, + { + "answerText": "Het spel verlaten", + "isCorrect": "false" + }, + { + "answerText": "Een passend bericht weergeven, bied de speler aan om opnieuw op te starten en laat zien welke toets hij voor die actie moet raken", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U moet alleen een herstart aanbieden als het spel is afgelopen", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Een goede manier om de EventEmitter te wissen bij het beëindigen van een game is:", + "answerOptions": [ + { + "answerText": "luisteraars opruimen", + "isCorrect": "true" + }, + { + "answerText": "het scherm leegmaken", + "isCorrect": "false" + }, + { + "answerText": "het spelvenster sluiten", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 41, + "title": "Les 21 - Bankproject - HTML-Sjablonen en Routes in een Webapp: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "U moet meerdere HTML-bestanden maken om verschillende schermen in een webapp weer te geven", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "U kunt gegevens lokaal opslaan en bewaren in een webapp", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Wat is de beste gegevensprovider voor een webapp?", + "answerOptions": [ + { + "answerText": "Een lokale database", + "isCorrect": "false" + }, + { + "answerText": "Een JavaScript-object", + "isCorrect": "false" + }, + { + "answerText": "Een server met een JSON API", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 42, + "title": "Les 21 - Bankproject - HTML-Sjablonen en Routes in een Webapp: Quiz na de Lezing", + "quiz": [ + { + "questionText": "HTML-sjablonen maken standaard deel uit van de DOM", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "false" + }, + { + "answerText": "niet waar", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Welk deel van de URL is nodig voor routering?", + "answerOptions": [ + { + "answerText": "window.location.pathname", + "isCorrect": "false" + }, + { + "answerText": "window.location.origin", + "isCorrect": "false" + }, + { + "answerText": "beide", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Wat is de naam van de gebeurtenis die is geactiveerd bij het aanroepen van de functie history.pushState()?", + "answerOptions": [ + { + "answerText": "pushstate", + "isCorrect": "false" + }, + { + "answerText": "popstate", + "isCorrect": "true" + }, + { + "answerText": "navigate", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 43, + "title": "Les 22 - Bankproject - Bouw een Aanmeldings- en Registratieformulier: Quiz voorafgaand aan de Lezing", + "quiz": [ + { + "questionText": "Met HTML-formulieren kunt u gebruikersinvoer naar een server sturen zonder JavaScript te gebruiken", + "answerOptions": [ + { + "answerText": "waar", + "isCorrect": "true" + }, + { + "answerText": "niet waar", + "isCorrect": "false" + } + ] + }, + { + "questionText": "