Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

720 total results found

Stap 1, het stoplicht

Introductie

Aan het einde van deze stap heb je een leeg stoplicht, zeg maar een stoplicht zonder lampen erin. We beginnen met de algemene set-up. In de <body> </body>heb je de tekst (in de vorige stap) aangepast. Vervang de (aangepaste) tekst in de body door deze code....

Stap 2, de lampen

Introductie

Aan het eind van deze stap heb je een stoplicht met de drie lampen, rood, oranje, en groen. Rode licht Om de lamp te laten branden, plaatsen we code in het <script> </script> gedeelte. function switchLight(color) { if (color === 'red') { documen...

Stap 3, halo-effect

Introductie

Aan het eind van deze stap hebben alle drie de lampen een halo-effect. Halo effect Om meer een gevoel te krijgen dat er echt een lamp brandt, voegen we bij de lamp die aan is een zogenaamd halo-effect toe. Dat ziet er als volgt uit: Zonder ha...

Stap 4, eerst oranje

Introductie

Als je deze stap hebt gedaan dan kun je niet in één keer van groen naar rood. Staat het licht op groen en je drukt op rood dan zal het oranje licht aan gaan. Als we het licht op groen hebben staan en we drukken op rood dan gaat het licht op rood. Maar eigenl...

Stap 5, automatisch van oranje naar rood

Introductie

Deze stap is een uitbreiding op de volgende stap. Druk je vanuit groen op rood dan zal het oranje licht aan gaan. Dit hadden we al. Maar nu zal na 1 seconde het oranje licht uit gaan en vanzelf het rode licht aan gaan. Als we het licht op groen staat en we dr...

Stap 6, oranje flash

Introductie

Het oranje licht gaat nu automatisch aan en uit. De functie van kunnen klikken op oranje is nu overbodig. Deze functie gaan we nu wijzigen. Aan het eind van deze stap gaat het oranje licht knipperen en gaan de andere lichten uit. Als we op het oranje licht k...

Challenge, voetgangerslicht

Introductie

Challenge Een challenge is een uitdaging waarin je met hetgeen wat je hebt geleerd wordt gevraagd om wat te maken. Je krijgt geen code en de stapjes worden niet allemaal beschreven. Er wordt gevraagd om wat te maken en dan mag je verder zelf bedenken hoe je ...

Inleiding

Introductie

Deze 'module' is een voorbeeld van hoe modules er in de praktijk uit zien. Deze module slaat een paar stappen over en het is dus heel goed mogelijk dat je (nog) niet alles goed begrijpt. Lees goed en probeer een beetje te begrijpen wat je doet. Volg de stapp...

Examen Rubics 2024 v 2023

Portfolio Kerntaak examen

Portfolio-examen SPL Rubics  SD_SD20_PF1_B1-K1-2_3v1. Kerntaak 1 K1W1 - Planning Nieuw De uitgangspunten, technische en functionele eisen en wensen zijn bepaald en gedocumenteerd. De eisen zijn zodanig concreet beschreven dat een objectieve buitenstaa...

Check List 2025 (vanaf cohort 24)

Portfolio Kerntaak examen

Kerntaak examens Het kerntaakexamen heeft 8 werkprocessen verdeeld over twee kernexamens; kerntaak-1 en kerntaak-2. Kerntaak-1 gaat over het uitvoeren van een project en kerntaak-2 gaat over het samenwerken in een team. Voor het examen moet je aan een aanta...

Bracket Editor

Introductie

Introductie Om te kunnen coderen hebben we een editor nodig. Met de editor kunnen we de code intypen en aanpassen. Voor deze introductie maken we gebruik van de light weigth code editor Brackets. Download Download Brackets en installeer de editor. Kies ti...

Stap 4, specifieke stappen

Plannen

Stappen in de planning zijn specifiek of niet. Niet specifieke stappen gelden kunnen gelden voor veel (ICT) projecten. Je zou bij wijze van spreke een standaar planning kunnen maken met de volgende stappen: overleg opdracht gever over opdracht opzetten de...

Stap 5, uren en prioriteit

Plannen

We gaan onze planning uitbreiden. De uren hadden we ingeschat bij de vorige stap. We gaan deze aanvullen met de datum af en prioriteit. Datum af Dit is de deadline voor de stap. Op deze datum is de stap dus af. Als je per stap aangeeft wanneer het klaar mo...

GameBuddy

Plannen

Opdracht Maak een planning voor onderstaand project Project: GameBuddy Doel Ontwikkel een eenvoudige webapplicatie, GameBuddy, die fungeert als een platform voor jonge gamers, specifiek gericht op jongeren. Het platform dient als een basisnetwerk v...

Event Tracker

Plannen

Opdracht Maak een planning voor onderstaand project Project: Event Tracker Ontwikkel een eenvoudige webapplicatie genaamd Event Tracker, die speciaal is ontworpen voor studenten om belangrijke school- en vrijetijdsevenementen bij te houden. Deze app...

Voortgang

Plannen

Tijdens de uitvoering van het project moeten we aan de hand van de planning de voortgang bewaken. Je kunt daarvoor deze template gebruiken. Projectlog-ls.docx De bedoeling is dat je elke dag of om de paar dagen controleert of je voortgang in overeenstemming...

Stap 2b, eisen (SMART)

Plannen

Opdracht Beschrijf de opdracht die je vorig jaar hebt gemaakt voor de CRUD Challenge. Beschrijf wat je doel is, wat ga je maken en wat zijn alle eisen? Noem ten minste 10 concrete eisen. Ken je de opdracht niet (meer)? Ga dan naar de volgende link en beki...

Takenlijst uit database met volgorde

Challenges

Wat moet je weten en kunnen? Deze Challenge gaat over Front End en Back End en hoe je dat goed kan laten samenwerken. Je moet HTML, CSS, PHP, PDO, Databases, SQL, JavaScript en DOM(-manipulatie) beheersen. Al deze modules heb je voldaan! Eisen Je maakt w...

Wix

Overig / Notes

Een veld op een form op "hidden" zetten. Als je in de form editor op een veld klikt dan kan je aan de rechterkant de checkbox hidden aan klikken: Op het form dat de gebruiker ziet, is dit veld dan niet meer zichtbaar. Via script kan je het veld een waarde...

PHP en GMAIL

Overig / Notes

In (any) project directory: composer require phpmailer/phpmailer Create app password in Google google account - security 0 2-Step Verification - App passwords emailer PHP code (this will accept a posted form and email all form fields). <?php use PHPMail...