van PSD naar JavaScript
|
|
- Bertha de Haan
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 2015 van PSD naar JavaScript F. Vonk versie
2 inhoudsopgave 1. inleiding ontwikkelomgeving programmeerconcepten statement sequentie variabele en toekenning selectie herhaling wat heb je geleerd Dit werk is gelicenseerd onder een Creative Commons Naamsvermelding NietCommercieel GelijkDelen 3.0 Unported licentie De afbeelding op het voorblad is verkregen via INFOwrs. Copyright 2010 INFOwrs Serviços em informatica
3 1. inleiding In de PSD module heb je leren werken met Structorizer en heb je een aantal zeer eenvoudige programmeerproblemen gezien en opgelost. Welkom bij de van PSD naar JavaScript module. In deze module maak je kennis met de taal JavaScript. JavaScript is een tekstuele programmeertaal die veel gebruikt wordt in websites. Deze module bouwt voort op de PSD module. Ze gaat ervan uit, dat je de concepten uit die module en programmastructuur snapt. Alleen dan kun je je in deze module volledig richten op de taal JavaScript. Het leren van JavaScript is de voorbereiding op het leren van andere tekstuele scripttalen zoals PHP. In deze module kom je opgaves tegen die je moet maken om de lesstof te verwerken. De antwoorden kunnen in de les besproken worden. opgave Opgaves in blauw moet je maken. Let op, links in dit document hebben een rode kleur. Veel plezier en succes
4 2. ontwikkelomgeving Om JavaScript code te schrijven, heb je een editor (tekstverwerker) nodig. Hiervoor gebruiken we op school Notepad++. Deze editor is, als het goed is, standaard geïnstalleerd op je computer. Verder hebben we een webbrowser nodig om de code te runnen. Hiervoor gaan we Google Chrome gebruiken omdat deze redelijke debug mogelijkheden heeft. Als je niets ziet in je webbrowser kun je via F12 kijken waar de fout in je programma zit. Je gaat de opgaves maken en testen via een HTML pagina. Als je een opgave af hebt, dan kopieer je de gemaakte code in een MS Word of Open Office Writer document en bewaart deze. opgave 2.1 Zet de volgende code in een HTML bestand. <script> document.write("hello World!"); </script> Open het HTML bestand in Chrome en kijk wat er gebeurt. Je kunt de code aanpassen en op F5 in de browser drukken om veranderingen in je HTML bestand te zien. Zo, je hebt je eerste JavaScript programma gerund (uitgevoerd). Het is geen bijzonder programma en het levert geen mooie webpagina op, maar op deze manier kun je alles wat je voor deze module nodig hebt. De stukken tekst <script> en </script> zijn de HTML tags om aan te geven dat alles wat ertussen staat JavaScript code is. De hier gebruikte HTML syntax is niet helemaal netjes, maar voor nu goed genoeg. In de module JavaScript leer je hoe je deze tag volledig gebruikt. Ook Notepad++ herkent deze stukken tekst en maakt ze blauw. Dit feature van Notepad++ noemen we syntax highlighting. Eén van de manieren om iets af te drukken in JavaScript is document.write. De dubbele quote (") herinner je je hopelijk nog uit de PSD module. Deze gaf aan dat er een string (willekeurig stuk tekst) tussen staat. Je mag ook de enkele quote (') gebruiken zoals in de PSD module gedaan werd
5 3. programmeerconcepten In de module PSD heb je een aantal programmeerconcepten gezien. Deze gaan we in deze module vertalen naar JavaScript. We gaan naar de volgende concepten kijken: statement/instructie sequentie variabele toekenning selectie conditie (if) herhaling (lussen) statement Het eerste programmeerconcept is het statement, oftewel instructie. In het vorige hoofdstuk hebben we al een statement gezien namelijk document.write("hello World!"); Simpel gezegd, is in JavaScript een statement gewoon een regel code. Je hoeft in JavaScript een statement niet af te sluiten met een puntkomma (;), maar het wordt wel sterk aangeraden. Het is eigenlijk niet anders, dan dat we in het Nederlands zinnen afsluiten met een punt. sequentie Net als bij een PSD, maak je in JavaScript een sequentie door meerdere statements achter elkaar te zetten. Bij een PSD gebruikten we het keyword schrijf om uitvoer in een popup venster te laten zien. Zoals je hiervoor al hebt gezien gebruiken we hiervoor in JavaScript document.write
6 opgave 3.1 Bekijk het volgende PSD, vertaal het naar JavaScript, zet het in een HTML bestand en test het in je webbrowser. Als je nog nooit met JavaScript hebt gewerkt, dan zie je in je webbrowser waarschijnlijk dat alle cijfers achter elkaar afgedrukt zijn. Dat is niet echt overzichtelijk. Wat je later uitgebreider zult leren moet je nu even als trucje gebruiken. Je kunt een nieuwe regel forceren door JavaScript een stukje HTML tekst te laten afdrukken. Hiervoor gebruiken we typisch de <BR> tag uit HTML. We schrijven dan bijvoorbeeld niet document.write("hello World!"); maar document.write("hello World!<BR>"); De <BR> tag is, voor JavaScript, een willekeurig stuk tekst (string) en moet daarom tussen de begin en eind quote. opgave 3.2 Pas de code die je voor opgave 3.1 hebt gemaakt aan, zodat alle cijfers op een aparte regel komen te staan. Bedenk wat je in de PSD module geleerd hebt over strings. Mag je van een cijfer ook een string maken? - 5 -
7 variabele en toekenning In een PSD gebruikten we variabelen om iets te onthouden, zoals bijvoorbeeld de invoer van de gebruiker maar ook tussenresultaten. In JavaScript is dit niet anders. Alleen noteren we een variabele anders dan in een PSD. In JavaScript zetten we, de eerste keer dat we iets met een variabele doen, het speciale woord (keyword) var voor de naam van de variabele. Dit noemen we het declareren van een variabele. Op deze manier weet JavaScript, dat de gebruikte naam de aanduiding van een variabele is. Het gebruik van het keyword var is niet verplicht in alle browsers, maar het wordt wel sterk aangeraden om het keyword altijd te gebruiken. Als we bijvoorbeeld invoer van de gebruiker willen lezen, dan kan dat op de volgende manier. var leeftijd = prompt("voer uw leeftijd in"); Hier is leeftijd dus een variabele. Er gebeurt een toekenning aan de variabele leeftijd. In een PSD gebruikten we als toekenningsoperator de :=. In JavaScript gebruiken we hiervoor het isteken (=). En daarmee komen we direct bij een nieuwe uitdaging. Als we het isteken gebruiken voor toekenning, wat gebruiken we dan om gelijkheid te testen? In een PSD gebruikten we het isteken als gelijkheidsoperator. In JavaScript kan dat dus niet want daar gebruiken we het isteken al voor toekenning. De gelijkheidsoperator in JavaScript is een dubbel of driedubbel isteken (== of ===). Dit is een bekende valkuil, zelfs voor ervaren programmeurs. Dus let hier expliciet op telkens als je in een conditie op gelijkheid wilt testen. opgave 3.3 Zet de volgende code in een HTML bestand en test het. <script> var leeftijd = prompt("voer uw leeftijd in"); document.write("de ingevoerde leeftijd is ", leeftijd, ".<BR>"); </script> Als het goed is zie je nu in de webbrowser de volgende boodschap. de ingevoerde leeftijd is
8 Je kunt de code opnieuw uitvoeren door op F5 in de browser drukken. De browser vraagt je dan om nieuwe gebruikersinvoer. selectie De selectie, die je bij een PSD hebt gezien, wordt als volgt naar JavaScript vertaald. In JavaScript ziet er dit als volgt uit. <script> var koffergewicht = prompt("voer gewicht van koffer in"); if (koffergewicht > 20) { document.write("bijbetalen<br>"); } else { document.write("niet bijbetalen<br>"); } </script> We noemen dit een if-else constructie. Hierbij wordt of de code in het "if"-pad of de code in het "else"-pad doorlopen, nooit beide paden. Het "if"-pad komt overeen met het "ja"-pad in een PSD, het "else"-pad met het "nee"-pad van een PSD. Dus als de conditie waar is wordt het "if"-pad uitgevoerd en anders (else) het "else"-pad. Bij JavaScript moet de conditie achter de if altijd tussen ronde haken staan. Stel je vergeet bijvoorbeeld de ronde haken na de if en je hebt het debug venster onder in je browser aan staan (F12), dan zie je het volgende
9 opgave 3.4 Zet de voorgaande vertaling van het PSD in een HTML bestand en test het in je webbrowser. Nu ga je zelf een aantal keer een selectie in een PSD vertalen naar JavaScript. opgave 3.5 a) Vertaal het volgende PSD naar JavaScript
10 b) Vertaal het volgende PSD naar JavaScript. c) Vertaal het volgende PSD naar JavaScript. Zoals je in de uitwerking van opgave 3.2 kunt zien, kun je in JavaScript in een document.write twee strings los van elkaar afdrukken door ze te scheiden door een komma (,). Dit hebben we nodig om de inhoud van een variabele af te drukken. herhaling In JavaScript bestaat de totdat-lus niet. De zolang-lus (while-loop) en for-loop bestaan wel. De while-loop, die je bij een PSD hebt gezien, wordt als volgt vertaald naar JavaScript
11 In JavaScript ziet er dit als volgt uit. <script> var teller = 1; while (teller <= 10) { document.write(teller, "<BR>"); teller = teller + 1; } document.write("klaar!"); </script> Het verrast je hopelijk niet, dat het keyword voor deze lus while is. De lus-code staat tussen accolades ({ en }). We gebruiken altijd accolades, ook al bestaat de lus-code slechts uit 1 statement. Dus alle code tussen de accolades wordt uitgevoerd, zolang de conditie van de lus waar (true) is. Bij JavaScript moet de conditie achter de while altijd tussen ronde haken staan. In een PSD moesten we echt op schrijven teller := teller + 1. In JavaScript hebben we daar een afkorting voor. Als we de waarde van een variabele met 1 willen verhogen dan mogen we schrijven teller++;. De code ziet er dan als volgt uit. <script> var teller = 1; while (teller <= 10) { document.write(teller, "<BR>"); teller++; } document.write("klaar!"); </script> Deze verkorte schrijfwijze is met name handig als je de for-loop gaat gebruiken. Maar je gaat eerst met de while-loop oefenen
12 opgave 3.6 a) Vertaal het volgende PSD naar JavaScript. b) Vertaal het volgende PSD naar JavaScript. c) Vertaal het volgende PSD naar JavaScript
13 De for-loop, die je bij een PSD hebt gezien, wordt als volgt naar JavaScript vertaald. In JavaScript ziet er dit als volgt uit. <script> for (var teller = 1; teller <= 10; teller++) { document.write(teller, "<BR>"); } document.write("klaar!"); </script> Het verrast je hopelijk niet dat het keyword voor deze lus for is. De lus-code staat tussen accolades ({ en }). We gebruiken altijd accolades, ook al bestaat de luscode slechts uit 1 statement, zoals in het voorbeeld. Dus alle code tussen de accolades wordt uitgevoerd, zolang de conditie van de lus waar (true) is. De conditie van de for-loop is het middelste statement. Bij JavaScript moeten alle statements achter het keyword for altijd tussen ronde haken staan. Je ziet hier, dat achter het keyword for meerdere statements staan. Deze zijn achter elkaar opgeschreven. De for-loop is de enige plek waar we doorgaans in onze code statements achter elkaar in plaats van onder elkaar schrijven. De statements worden gescheiden door een, intussen hopelijk welbekende, puntkomma. Alleen achter het laatste statement mag nooit een puntkomma staan bij een forloop
14 opgave 3.7 a) Vertaal het volgende PSD naar JavaScript
15 4. wat heb je geleerd Je hebt nu een herhaling gehad van de basis programmeerconcepten en ze leren vertalen van de PSD notatie naar JavaScript code. Daarbij heb je geoefend met de syntax (spelling) van JavaScript en het uitvoeren en debuggen van JavaScript programma's in een webbrowser. Je hebt ook al iets geleerd over hoe je gebruikersinvoer in een JavaScript programma kunt inlezen
syntax, semantiek & lay-out
2016 syntax, semantiek & lay-out F. Vonk versie 1 23-8-2016 inhoudsopgave 1 inleiding... - 3-2 syntax... - 4-3 semantiek... - 8-3.1 instructie... - 8-3.2 sequentie... - 9-3.3 selectie... - 9-3.4 herhaling...
Nadere informatieJavaScript - antwoorden
2017 JavaScript - antwoorden F. Vonk versie 2 2-1-2017 inhoudsopgave strings...- 3 - variabelen en toekenning...- 4 - variabelen, types en vergelijking...- 5 - selectie...- 8 - herhaling... - 11 - functies...
Nadere informatiePSD. F. Vonk versie
2015 PSD F. Vonk versie 3 18-9-2015 inhoudsopgave 1. inleiding... - 2-2. PSD... - 3 - sequentie... - 4 - selectie... - 4 - herhaling... - 5-3. Structorizer... - 10 - configuratie... - 11 - gebruik... -
Nadere informatiealgoritmiek - antwoorden
2016 algoritmiek - antwoorden F. Vonk versie 1 28-8-2016 inhoudsopgave eenvoudige algoritmes... - 3 - complexe algoritmes... - 7 - zoeken (vwo)... - 10 - sorteren (vwo)... - 12 - Dit werk is gelicenseerd
Nadere informatieGameMaker Language. F. Vonk versie
2014 GameMaker Language F. Vonk versie 2 5-3-2014 Inhoudsopgave 1. inleiding... - 3-2. GML en GameMaker... - 4-3. links... - 10 - Dit werk is gelicenseerd onder een Creative Commons Naamsvermelding NietCommercieel
Nadere informatieJavaScript. F. Vonk versie
2017 JavaScript F. Vonk versie 2 2-1-2017 inhoudsopgave 1 inleiding... - 3-2 programmeerconcepten... - 4-3 instructies en sequenties... - 4-4 strings... - 5-5 variabelen en toekenning... - 10-6 variabelen,
Nadere informatieVariabelen en statements in ActionScript
Ontwikkelen van Apps voor ios en Android Variabelen en statements in ActionScript 6.1 Inleiding Als we het in de informatica over variabelen hebben, bedoelen we een stukje in het geheugen van de computer
Nadere informatieLab Webdesign: Javascript 11 februari 2008
H2: BASISBEGRIPPEN In dit hoofdstuk zullen er enkele basisbegrippen worden behandelt PLAATSING VAN JAVASCRIPT-CODE DE SCRIPT-TAG De script-tag geeft aan dat er gebruik zal worden gemaakt van een scripttaal.
Nadere informatieWeb building gevorderden: CSS & JavaScript. Karel Nijs 2008/11
Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Webbuilding gevorderden les 3 JavaScript intro JavaScript invoegen JavaScript statements JavaScript popup berichten JavaScript functies JavaScript
Nadere informatieUitleg: In de bovenstaande oefening zie je in het eerste blokje een LEES en een SCHRIJF opdracht. Dit is nog lesstof uit het tweede trimester.
In onderstaande oefeningen zijn kleuren gebruikt. Deze dienen aleen om de structuren makkelijker terug te kunnen herkennen. Ze worden niet standaard zo gebruikt. De dunne rood/roze balken zijn ook geen
Nadere informatiebug fixen F. Vonk versie
2017 bug fixen F. Vonk versie 1 24-7-2017 inhoudsopgave 1. inleiding... - 3-2. bug fixen... - 4-3. Sokoban... - 5-4. Breakout... - 7-5. Pac-Man... - 8-6. Asteroids... - 9-7. Snake... - 10-8. Super Mario...
Nadere informatieJavascript oefenblad 1
Leer de basis van Javascript. Javascript oefenblad 1 Niels van Velzen Javascript oefenblad 1 Pagina 2 Inleiding Javascript is niet altijd even makkelijk. Vooral aan het begin is het even wennen hoe de
Nadere informatieextra oefening algoritmiek - antwoorden
extra oefening algoritmiek - antwoorden opgave "Formule 1" Maak een programma dat de gebruiker drie getal A, B en C in laat voeren. De gebruiker zorgt ervoor dat er positieve gehele getallen worden ingevoerd.
Nadere informatietalstelsels F. Vonk versie 1 30-7-2013
2013 talstelsels F. Vonk versie 1 30-7-2013 inhoudsopgave 1. inleiding... - 2-2. binair... - 4-3. hexadecimaal... - 10-4. octaal (vwo)... - 17-5. bonus opgaves... - 20-6. wat heb je geleerd... - 21 - Dit
Nadere informatieSmall Basic Programmeren Text Console 2
Oefening 1: Hoogste getal Je leest een reeks positieve gehele getallen in totdat je het getal 0 (nul) invoert. Daarna stopt de invoer en druk je een regel af met het hoogste getal uit de reeks. Voorbeeld:
Nadere informatieUSB Webserver installatie en gebruik
2014 USB Webserver installatie en gebruik F. Vonk versie 2 14-8-2014 Inhoudsopgave 1. Inleiding... - 2-2. Installatie... - 3-3. USB Webserver... - 4-4. De MySQL omgeving... - 5-5. Een PHP script runnen...
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn PHP tutorial (Deel 1) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver
Nadere informatieDe tag aan het begin van het PHPscript is "<?php" aan het einde van het PHPscript gebruik je "?>".
PHP Les 3 Commando ECHO Interessante links: o http://www.donboscozwijnaarde.be/~moermant/ o http://php.net/manual/en/function.echo.php o http://www.w3schools.com/php/default.asp Wat is PHP? PHP is een
Nadere informatieAndroid apps met App Inventor 2 antwoorden
2014 Android apps met App Inventor 2 antwoorden F. Vonk versie 1 11-11-2014 inhoudsopgave Mollen Meppen... - 2 - Schrandere Scholier... - 15 - Meteoor... - 21 - Dit werk is gelicenseerd onder een Creative
Nadere informatieProgrammeerstructuren met App Inventor
Programmeerstructuren met App Inventor Kevin Krul, Universiteit Utrecht Roncalli, Bergen op Zoom Inhoud: Les 1: Introductie tot App Inventor, when statement en variabelen. Les 2: Introductie if-statement
Nadere informatieSEQUENTIE-STRUCTUUR. Oefening: Dichtheid
SEQUETIE-STRUCTUUR Oefening: Dichtheid geef diameter vd bol(m) //Declaratie input variabelen double diameter; double soortmassa; //Declaratie variabelen voor tussenresultaten double volume; diameter //Declaratie
Nadere informatieJavaScript. 0 - Wat is JavaScript? JavaScript toevoegen
0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over
Nadere informatieoefening JavaScript - antwoorden
oefening JavaScript - antwoorden De antwoorden op deze opgaven zijn meestal wat aan de brede kant voor een Word document. Het is daarom handig om ze in Notepad++ te kopiëren en ze dan te bekijken. opgave
Nadere informatieintro informatica F. Vonk versie
2017 intro informatica F. Vonk versie 2 7-8-2017 inhoudsopgave 1. inleiding... - 4-2. ELO... - 4-3. opzet... - 5-4. plagiaat en eigen inbreng... - 5-5. leerlijnen... - 6-6. soorten opdrachten en beoordeling...
Nadere informatieJe gaat leren programmeren en een spel bouwen met de programmeertaal Python. Websites zoals YouTube en Instagram zijn gebouwd met Python.
1 Je gaat leren programmeren en een spel bouwen met de programmeertaal Python. Websites zoals YouTube en Instagram zijn gebouwd met Python. Voordat je leert programmeren, moet je jouw pc zo instellen dat
Nadere informatieLab Webdesign: Javascript 11 februari 2008
H3: HERHALINGSLUSSEN EN LOGICA Om de voorbeelden niet nodeloos lang te maken, zullen we in het vervolg niet altijd de SCRIPT-tags en de HTML-commentaarregels herhalen. Om de JavaScript-opdrachten --de
Nadere informatieSmall Basic Programmeren Text Console
Jaaroverzicht 15/16: Blok3: 23 november 1. (48): Sequentie 2. (49): Selectie 3. (50): Oefenen 4. (51/1): Oefenen 5. (2): Oefenen Blok 4: 27 januari 1. (4): Oefenen 2. (5): Oefenen 3. (6): Oefenen 4. (7):
Nadere informatieJava Les 3 Theorie Herhaal structuren
Java Les 3 Theorie Herhaal structuren Algemeen Een herhaal structuur een is programmeertechniek waarbij bepaalde Java instructies worden herhaald net zo lang tot een bepaalde voorwaarde is bereikt. Een
Nadere informatieOPDRACHT Opdracht 2.1 Beschrijf in eigen woorden wat het bovenstaande PSD doet.
Les C-02: Werken met Programma Structuur Diagrammen 2.0 Inleiding In deze lesbrief bekijken we een methode om een algoritme zodanig structuur te geven dat er gemakkelijk programmacode bij te schrijven
Nadere informatielogische schakelingen & logica antwoorden
2017 logische schakelingen & logica antwoorden F. Vonk versie 4 2-8-2017 inhoudsopgave waarheidstabellen... - 3 - logische schakelingen... - 4 - meer over logische schakelingen... - 8 - logica... - 10
Nadere informatieBEGINNER JAVA Inhoudsopgave
Inhoudsopgave 6 Configuratie Hallo wereld! Praten met de gebruiker Munt opgooien Voorwaarden Lussen......6 Configuratie Met deze Sushi kaarten ga je een simpel spel maken met één van de meest populaire
Nadere informatieMS Word opzet verslag
2014 MS Word opzet verslag F. Vonk versie 1 7-5-2014 inhoudsopgave terminologie... - 3 -... - 5 - stap 1: voorblad toevoegen... - 5 - stap 2: paginanummers op de bladzijdes zetten... - 6 - stap 3: lege
Nadere informatiePWS informatica. F. Vonk versie
2015 PWS informatica F. Vonk versie 2 3-9-2015 inhoudsopgave 1. inleiding... - 2-2. de ontwerpopdracht... - 3-3. de praktische leeropdracht... - 6-4. de theoretische leeropdracht... - 9 - Dit werk is gelicenseerd
Nadere informatieInleiding tot programmeren: Javascript
Inleiding tot programmeren: Javascript Een definitie JavaScript is een scripttaal met objectgeoriënteerde mogelijkheden. Deze geïnterpreteerde programmeertaal is vooral gericht op het gebruik in webpagina
Nadere informatieSB Console Deel 1. In deze les module wordt gewerkt met het programma Small Basic en het programma Structorizer.
Inleiding In deze les module wordt gewerkt met het programma Small Basic en het programma Structorizer. Small Basic (SB) is een freeware software versie van de BASIC (Beginners All-purpose Symbolic Instruction
Nadere informatieassembleertaal F. Vonk versie
2017 assembleertaal F. Vonk versie 1 8-8-2017 inhoudsopgave 1. inleiding... - 3-2. Zeer Eenvoudige Processor v2 (ZEP2)... - 4-3. de code, simulator en geheugen... - 6-4. optellen... - 11-5. vermenigvuldigen...
Nadere informatieInfo-books. Toegepaste Informatica. Deel 20 : Algoritmen en programmeren in Access en Excel (Basis) AL20. Jos Gils Erik Goossens
Info-books AL20 Toegepaste Informatica Deel 20 : Algoritmen en programmeren in Access en Excel (Basis) Jos Gils Erik Goossens Hoofdstuk 6 Lusstructuren of iteraties 6.1 Probleemstelling Het gebeurt dikwijls
Nadere informatieOnline c++ leren programmeren:
Online c++ leren programmeren: Inhoud 1)Waar vind ik een c++ compiler?... 2 2)Hoe start ik een programma in c++?... 2 3)Een eerste c++ programma:... 3 Een eerste programma schrijven:... 3 Mijn eerste programma
Nadere informatieZelftest Inleiding Programmeren
Zelftest Inleiding Programmeren Document: n0824test.fm 22/01/2013 ABIS Training & Consulting P.O. Box 220 B-3000 Leuven Belgium TRAINING & CONSULTING INLEIDING BIJ DE ZELFTEST INLEIDING PROGRAMMEREN Deze
Nadere informatieDynamische websites met PHP (basis) Karel Nijs 2010/09
Dynamische websites met PHP (basis) Karel Nijs 2010/09 Leswijze Eerst wat theorie Begeleid met (korte) oefeningen Editor = UltraEdit Geen DreamWeaver Browser = Internet Explorer Vereiste voorkennis: (X)HTML
Nadere informatieSmall Basic Console Uitwerking opdrachten
Opdracht 1 3 getallen => inlezen Gemiddelde uitrekenen Resultaat afdrukken TextWindow.WriteLine("Dit programma berekend het gemiddelde van drie door U in te voeren getallen.") TextWindow.Write("Voer getal
Nadere informatiePSD. Reeksen van logische procedures om problemen op te lossen in een eindig aantal stappen.
Inleiding Computers en andere digitale apparatuur is tegenwoordig niet meer weg te denken in de huidige samenleving. Zonder programma s zijn deze apparaten echter niets waard. Het zijn de programma s die
Nadere informatieopdrachten algoritmiek - antwoorden
opdrachten algoritmiek - antwoorden Dit zijn de voorbeelduitwerkingen behorende bij de oefeningen algoritmiek. Er zijn altijd veel mogelijke manieren om hetzelfde probleem op te lossen. De voorbeelduitwerking
Nadere informatieLes W-01: HTML. Een website bouwen in HTML. 2006, David Lans
Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald
Nadere informatieHTML Graphics. Hans Roeyen V 3.0
HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.
Nadere informatieFormulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Nadere informatieDeel 1: Arduino kennismaking. Wat is een microcontroller, structuur van een programma, syntax,
Deel 1: Arduino kennismaking Wat is een microcontroller, structuur van een programma, syntax, Wat is een microcontroller Wat is een microcontroller? Microcontroller = kleine dedicated computer. - Beperkt
Nadere informatieProgrammeren met Arduino-software
Programmeren met Arduino-software De software waarin we programmeren is Arduino IDE. Deze software is te downloaden via www.arduino.cc. De programmeertaal die hier gebruikt wordt, is gebaseerd op C en
Nadere informatieBij elkaar behorende instructies die een probleem oplossen of een taak uitvoeren.
1 Programma Structuur Diagram: Een gestructureerd programma is een programma dat we gemakkelijk kunnen begrijpen. Dit kunnen we bereiken door het programma op te bouwen uit drie programmacomponenten: Als
Nadere informatiePythoncursus. Eindopdracht L-systemen. Joost, Koen, Marein en Ramon december 2015
Pythoncursus Eindopdracht L-systemen Joost, Koen, Marein en Ramon december 2015 Samenvatting Dit is de eindopdracht van deze cursus. Hij bestaat uit een aantal onderdelen. Als je minimaal onderdeel a,
Nadere informatieEen expressie zoals leeftijd>=65 wordt een boolean expressie genoemd. Een boolean expressie kan dus de waarde true of de waarde false geven
2. Selectiestatements 2.1 Het if-statement Selectiestatements heb je in de module WO.PHP.basis al geleerd. Het zijn de coderegels met if( ) en swich( ). De syntax (schrijfwijze) van deze code wijkt niet
Nadere informatieJe gaat leren programmeren in Ruby. En daarna in Ruby een spelletje maken. Websites zoals Twitch en Twitter gemaakt zijn met behulp van Ruby?
1 Je gaat leren programmeren in Ruby. En daarna in Ruby een spelletje maken. Websites zoals Twitch en Twitter gemaakt zijn met behulp van Ruby? Voordat je begint met programmeren, moet je Ruby installeren.
Nadere informatieInhoudsopgave Voorwoord 5 Voordat je begint 6 Wat heb je nodig? 7 De website bij het boek 7 Voor ouders, verzorgers en leraren
Inhoudsopgave Voorwoord... 5 Voordat je begint... 6 Wat heb je nodig?... 7 De website bij het boek... 7 Voor ouders, verzorgers en leraren... 8 Vervolgboeken over programmeren... 8 1. Aan de slag met Python
Nadere informatiecomputernetwerken - antwoorden
2015 computernetwerken - antwoorden F. Vonk versie 4 24-11-2015 inhoudsopgave datacommunicatie... - 2 - het TCP/IP model... - 3 - protocollen... - 4 - netwerkapparatuur... - 6 - Dit werk is gelicenseerd
Nadere informatieModule 3: Scratch programmeren: is het logisch of is het niet logisch?
Module 3: Scratch programmeren: is het logisch of is het niet logisch? Inhoudsopgave Module 3: Scratch programmeren: is het logisch of is het niet logisch?...1 Wat is een computerprogramma eigenlijk?...2
Nadere informatieWerkschrift : Hoe werk ik op WikiKids?
Werkschrift : Hoe werk ik op WikiKids? WERKBOEK WIKIKIDS Welkom bij het werkboek van WikiKids. In dit werkboek staan opdrachten waarmee je stap voor stap leert werken met WikiKids. Er staan 15 opdrachten
Nadere informatiedigitale vaardigheid 101 antwoorden
2016 digitale vaardigheid 101 antwoorden F. Vonk versie 2 31-7-2016 inhoudsopgave digitale veiligheid... - 2 - digitaal zoeken... - 4 - Dit werk is gelicenseerd onder een Creative Commons Naamsvermelding
Nadere informatieVaak wil je een code schrijven, waar je verschillende acties uitvoeren voor verschillende beslissingen. Je kan daarbij keuzestructuren gebruiken.
PHP Les 5 : Interessante links: o http://www.dbzweb.be/moermant/ o http://www.ivobrugge.be/cursusweb/html4/formulieren.asp Vaak wil je een code schrijven, waar je verschillende acties uitvoeren voor verschillende
Nadere informatieDE ASTRO PI PROGRAMMEREN VOOR MISSION ZERO
DE ASTRO PI PROGRAMMEREN DOCENTENHANDLEIDING 1 Deze handleiding is bedoeld om leerlingen te ondersteunen bij de Astro Pi Challenge, waarbij leerlingen een programma voor de Astro Pi-computer in het ISS
Nadere informatieInleiding Visual Basic en VBA. Karel Nijs 2009/01
Inleiding Visual Basic en VBA Karel Nijs 2009/01 Leswijze Eerst wat theorie Begeleid met (korte) oefeningen Ms Excel 2003 Online hulp: http://www.ozgrid.com/vba/ http://msdn.microsoft.com/en-us/library/sh9ywfdk(vs.80).aspx
Nadere informatieVisual Basic.NET. Visual Basic.NET. M. den Besten 0.3 VB. NET
Visual Basic.NET M. den Besten 0.3 VB. NET Inhoud Voorwoord Deel 1 Visual Basic.NET 1.1 Inleiding...13 1.2 De programmeertaal Visual Basic.NET...14 1.3 Microsoft Visual Basic 2010 Express Edition...15
Nadere informatieHTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505
HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs
Nadere informatiePraktijkinstructie Dataverwerking 1 (CSE02.1/CREBO:50236)
instructie Dataverwerking 1 (CSE02.1/CREBO:50236) pi.cse02.1.v2 ECABO, 1 september 2003 Alle rechten voorbehouden. Niets uit deze uitgave mag worden vermenigvuldigd, overgenomen, opgeslagen of gepubliceerd
Nadere informatieBij elkaar behorende instructies die een probleem oplossen of een taak uitvoeren.
Programma Structuur Diagram: Een gestructureerd programma is een programma dat we gemakkelijk kunnen begrijpen. Dit kunnen we bereiken door het programma op te bouwen uit drie programmacomponenten: Als
Nadere informatierichtlijnen verslagen en code
2016 richtlijnen verslagen en code F. Vonk versie 3 3-8-2016 Inhoudsopgave 1. inleiding... - 3-2. plagiaat en eigen inbreng... - 3-3. citeren... - 4-4. parafraseren... - 5-5. lay-out... - 6-6. commentaar...
Nadere informatieProgrammeren in Java les 3
4 september 2015 Deze les korte herhaling vorige week loops methodes Variabelen Soorten variabelen in Java: integer: een geheel getal, bijv. 1,2,3,4 float: een gebroken getal, bijv. 3.1415 double: een
Nadere informatiePlanning. 1. Mini College. 2. Introductiecursus Imperatief Programmeren. 3. Crash and Compile (vanaf 17:00 uur)
Planning 1. Mini College 2. Introductiecursus Imperatief Programmeren 3. Crash and Compile (vanaf 17:00 uur) Geschiedinis van de Codemonkeys imperatief programmeren voor beginners Geschiedenis van de Codemonkey
Nadere informatieHOOFDSTUK 3. Imperatief programmeren. 3.1 Stapsgewijs programmeren. 3.2 If Then Else. Module 4 Programmeren
HOOFDSTUK 3 3.1 Stapsgewijs programmeren De programmeertalen die tot nu toe genoemd zijn, zijn imperatieve of procedurele programmeertalen. is het stapsgewijs in code omschrijven wat een programma moet
Nadere informatieMINICURSUS PHP. Op dit lesmateriaal is een Creative Commons licentie van toepassing Sebastiaan Franken en Rosalie de Klerk Bambara
MINICURSUS PHP Op dit lesmateriaal is een Creative Commons licentie van toepassing. 2017-2018 Sebastiaan Franken en Rosalie de Klerk Bambara PHP Cursus Deze cursus is om de eerste stappen in de wereld
Nadere informatieEen computerprogramma is opgebouwd uit een aantal instructies die op elkaar volgen en die normaal na elkaar uitgevoerd worden.
2 Programmeren 2.1 Computerprogramma s Een computerprogramma is opgebouwd uit een aantal instructies die op elkaar volgen en die normaal na elkaar uitgevoerd worden. (=sequentie) Niet alle instructies
Nadere informatieLab Webdesign: Javascript 3 maart 2008
H5: OPERATORS In dit hoofdstuk zullen we het hebben over de operators (of ook wel: operatoren) in JavaScript waarmee allerlei rekenkundige en logische bewerkingen kunnen worden uitgevoerd. Daarbij zullen
Nadere informatieVAN HET PROGRAMMEREN. Inleiding
OVERZICHT VAN HET PROGRAMMEREN Inleiding Als je leert programmeren lijkt het nogal overweldigend om die eerste stappen te doorworstelen. Er zijn dan ook heel wat programmeertalen (Java, Ruby, Python, Perl,
Nadere informatietalstelsels F. Vonk versie
2016 talstelsels F. Vonk versie 3 29-7-2016 inhoudsopgave 1. inleiding... - 2-2. binair... - 4-3. hexadecimaal... - 9 - intermezzo: RGB... - 12-4. octaal (vwo)... - 17-5. bonus opgaves... - 20-6. wat heb
Nadere informatieFormulier maken en opvangen met php
Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver
Nadere informatie9. MYSQL. Daarin zien we het administratie paneel van mysql.
9. MYSQL We kunnen ook in dit systeem gebruik maken van de gekende ACCESS databanken. Zolang het maar relationale databanjken zijn kunnen we er gebruik van maken. In PHP echter maakt men meestal gebruik
Nadere informatieHet toevoegen van videofragmenten in Hot Potatoes
Het toevoegen van videofragmenten in Hot Potatoes AARDAPPELBEURS 10 06 2009 werk van A.H.C. van Dinter is in licentie gegeven volgens een Creative Commons Naamsvermelding-Nietcommercieel-Gelijk Weblog:
Nadere informatie[8] De ene 1 is de andere niet
[8] De ene 1 is de andere niet Volg mee via 08_Types.py In de volgende leerfiche gaan we rekenen met Python. Dat kan je in een programma doen, maar dat kan je ook gewoon vanuit het Shell-venster doen.
Nadere informatieDatum. Vraag het bedrag in BEF. Reken om naar EURO. Toon het bedrag in EURO. --- Vraag het bedrag in BEF--- --- Reken om naar EURO---
3UREOHPHQRSORVVHQPHW9%$WRHSDVVLQJHQELMGHHO Naam. NR : Klas. PC : Datum. 23*$9( Hieronder vind je het algoritme om een bedrag in BEF om te rekenen naar EURO. Zet het algoritme om in programmacode. Noem
Nadere informatieHTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.
Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for
Nadere informatieFormulieren maken met Dreamweaver CS 4
Formulieren maken met Dreamweaver CS 4 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit zoveel
Nadere informatieCursus Programmeren en Dataverwerking.
Cursus Programmeren en Dataverwerking http://hay.github.io/codecourse Vanavond (18.00-21.30) Introductierondje Algemene introductie (60-90m) Iets over bits en bytes Iets over programmeurs en programmeertalen
Nadere informatieInhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op
1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling
Nadere informatieProgrammeren. Inleiding
Programmeren Inleiding STAPPEN IN DE ONTWIKKELING VAN EEN PROGRAMMA 1. Probleem 1. Probleem Ideaal gewicht berekenen Wortel van een vierkantsvergelijking berekenen Schaakspel spelen Boekhouding doen 2.
Nadere informatieInhoud leereenheid 4. Inleiding JavaScript. Introductie 99. Leerkern 100. Zelftoets 108. Terugkoppeling 109
Inhoud leereenheid 4 Inleiding JavaScript Introductie 99 Leerkern 100 1 Leren programmeren in JavaScript 100 2 Chapter 1: Introduction 101 3 Chapter 2, paragrafen 1 t/m 5 102 4 Chapter 2, paragrafen 6
Nadere informatie{ auteur, toelichting }
Programmeren Blok A Trilogie van (programmeer)talen http://www.win.tue.nl/ wstomv/edu/ip0/ College Syntaxis (vormleer): Hoe ziet t eruit, hoe schrijf je t? Tom Verhoeff Technische Universiteit Eindhoven
Nadere informatiecomputerarchitectuur antwoorden
2017 computerarchitectuur antwoorden F. Vonk versie 1 2-8-2017 inhoudsopgave hardware... - 3 - CPU... - 3 - bussen... - 4 - bridges... - 4 - RAM... - 4 - hardware architectuur... - 5 - Dit werk is gelicenseerd
Nadere informatieII. ZELFGEDEFINIEERDE FUNCTIES
II. ZELFGEDEFINIEERDE FUNCTIES In Excel bestaat reeds een uitgebreide reeks van functies zoals SOM, GEMIDDELDE, AFRONDEN, NU enz. Het is de bedoeling om functies aan deze lijst toe te voegen door in Visual
Nadere informatieDownloaden beveiligingscertificaat BRON Voor Windows versies vanaf Windows Vista
BRON Voor Windows versies vanaf Windows Vista DUO 137a/Versie 0.6 26 juni 2014 Inhoud 1. INLEIDING 3 2. VOORBEREIDING 4 3. DOWNLOADEN VAN HET BEVEILIGINGSCERTIFICAAT 5 3.1 TOEVOEGEN WEBSITE IB-GROEP.NL
Nadere informatieWebsitecursus deel 3 JavaScript
Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een
Nadere informatieHet relaas van de beginnende programmeur. Het hoe en waarom van de assistent
Het relaas van de beginnende programmeur Het hoe en waarom van de assistent 1. Help, mijn code doet niks... Mogelijke oplossingen: Heb je op run geduwd (groene pijltje)? Zolang je niet op 'run' duwt, kent
Nadere informatieAls een PSD selecties bevat, deelt de lijn van het programma zich op met de verschillende antwoorden op het vraagstuk.
HOOFDSTUK 3 3.1 Stapsgewijs programmeren In de vorige hoofdstukken zijn programmeertalen beschreven die imperatief zijn. is het stapsgewijs in code omschrijven wat een programma moet doen, net als een
Nadere informatieREKENVAARDIGHEID BRUGKLAS
REKENVAARDIGHEID BRUGKLAS Schooljaar 008/009 Inhoud Uitleg bij het boekje Weektaak voor e week: optellen en aftrekken Weektaak voor e week: vermenigvuldigen Weektaak voor e week: delen en de staartdeling
Nadere informatieGoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps
Google Maps INHOUDSOPGAVE Inleiding.. 3 Een Google Map maken.. 4 Een eigen adres opgeven 7 Inzoomen op je eigenkaart. 8 Satellietbeeld op je eigenkaart. 10 Markers plaatsen. 13 Tekstballon plaatsen.. 15
Nadere informatieProefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler
Proefles informatica op het Alberdingk Thijm College Het maken van een website met de tekstverwerker Kladblok of TextWrangler 1 Start het programma kladblok: (Start à Programma s à Bureau-accessoires à
Nadere informatieAccess. Module 0. Access, versie 97 (UK) Nummer: 012 (11062002) The Courseware Company
Access Module 0 Access, versie 97 (UK) Nummer: 012 (11062002) Niets van deze uitgave mag verveelvoudigd worden en/of openbaar worden gemaakt door middel van druk, fotokopie, microfilm of op welke andere
Nadere informatieJarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow?
Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Inleiding Dit is een eenvoudige handleiding om in javascript een simpele
Nadere informatieInformatica. 2 e graad 2 e jaar. De Mol W.
Informatica 2 e graad 2 e jaar De Mol W. Inhoudstafel Inhoudstafel... 2 Algoritmes... 3 1.1 Algemeen... 3 1.2 Het algoritme... 4 1.3 Opstellen van het algoritme... 5 1.4 Stapsgewijs verfijnen van het algoritme...
Nadere informatieLes 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2).
Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2). In de volgende reeks lessen zal alle vorige leerstof uitgebreid aan het bod komen. Zie ook de vorige
Nadere informatieHoofdstuk 2: Werken met variabelen
Programmeren in Microsoft Visual Basic 6.0, lessenserie voor het voortgezet onderwijs HAVO/VWO David Lans, Emmauscollege, Marnix Gymnasium Rotterdam, februari 2001 Hoofdstuk 2: Werken met variabelen 2.0
Nadere informatie