JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen
|
|
- Jurgen Martens
- 7 jaren geleden
- Aantal bezoeken:
Transcriptie
1 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 te vinden op het Internet en ook veel voorbeeld scripts. Aangezien jullie allemaal een moderne browser geïnstalleerd hebben, kunnen jullie allemaal JavaScript uitvoeren en dit gebeurt ook dagelijks wanneer jullie op het Internet browsen. Om zelf in JavaScript te leren programmeren, gaan we gebruik maken van de webruimte JavaScript toevoegen Voordat we écht beginnen met programmeren, moeten we een HTML bestand maken waarin we het gaan programmeren. Maak een bestand in de webruimte genaamd javascript1.htm en plaats deze niet in de map js, maar gewoon bij je andere HTML bestanden. Plaats in dit HTML bestand de standaard <html> en <body> tags op de juiste plaatsen voordat je verder gaat. Om in JavaScript te werken, maken we gebruik van de <script>-tag. Zorg dat je in de body van je pagina een <script> tag en een </script> tag na elkaar neerzet (dit mag op afzonderlijke regels). Hiertussen gaan we JavaScript programmeren!
2 1.2 Hello World Een standaard manier om kennis te maken met een programmeertaal is om de computer het berichtje Hello World! aan je te laten zien. Dit gaan we nu dus ook doen. Typ tussen de <script> en </script> tag de volgende code: alert('hello World!'); Je pagina zal er dan als volgt uitzien in de editor: Mocht dit niet het geval zijn, zoek dan uit waar het fout is gegaan. Het is namelijk belangrijk dat je dit goed doet, want bij de volgende opdrachten wordt dit niet verder weergegeven. Sla je gemaakte pagina op en klik op Preview. Wat gebeurt er? Had je verwacht dat dit zou gebeuren?
3 2.1 - Input Om een interactief programma te maken, willen we natuurlijk ook input vragen aan de gebruiker. Maak een nieuw bestand in de webruimte, genaamd: javascript1.htm en zet hierin weer de juiste <html>, <body> en <script> structuur op. Tussen de <script>-tags schrijf je de volgende code: prompt('wat is je naam?'); Wat verwacht je dat deze code doet? De code ziet er vergelijkbaar uit met de alert van opdracht 1.2. Sla je pagina op en Preview deze. Gebeurt er wat je had verwacht? Zoals bij Scratch is het niet heel nuttig om een vraag te stellen en vervolgens niets te doen met het antwoord. We willen het antwoord opslaan in een variabele zodat we er vervolgens leuke dingen mee kunnen doen. Pas je huidige code aan tot: naam = prompt('wat is je naam?'); Zo simpel is het om een variabele aan te maken in JavaScript. Het lijkt erg op het oranje Maak [variabele] [waarde] -blok uit Scratch, maar dan zelf getypt. Voer deze code weer uit door op de Preview knop te drukken. Het klopt dat de code eigenlijk niets anders lijkt te doen dan voorheen.
4 2.2 - Input interactie In deze paar simpele opdrachtjes heb je al een heleboel geleerd: 1. Hoe je JavaScript in HTML kunt zetten (tussen <script>-tags) 2. Twee JavaScript functies: a. De alert functie, welke een popupje weergeeft b. De prompt functie, welke een invulvakje weergeeft 3. Hoe je een regel JavaScript eindigt (met een puntkomma) 4. Hoe je teksten typt in JavaScript (tussen aanhalingstekens) 5. Hoe je variabelen maakt in JavaScript (variabelenaam = waarde). Tussen de <script>-tags kun je meerdere regels JavaScript typen. Iedere regel sluit je af met een puntkomma. Tips! Je kunt eenvoudig met de + meerdere teksten aan elkaar knopen. Probeer het maar eens uit! In deze opdracht ga je zelf op onderzoek uit hoe je in JavaScript werkt met de dingen die je al hebt geleerd. Zorg er dus voor dat je alles uit bovenstaand lijstje snapt. Je mag altijd omhoog scrollen naar voorgaande opdrachten. De opdracht bestaat uit verschillende kleine opdrachtjes. Probeer de volgende dingen te programmeren in javascript2.htm : 1. Vraag de gebruiker om zijn/haar naam en geef hierna een popup weer met de ingevoerde naam. 2. Vraag de gebruiker om zijn/haar naam en geef hierna één popup weer waarin Hoi, gevolgd door de ingevoerde naam (in dezelfde popup dus!)
5 3. Zoek uit hoe je in prompt een standaardwaarde weer kunt laten geven. Hiervoor zul je misschien even moeten Googlen. Het gewenste resultaat is: 4. Maak een programma met twee prompts. Een om de voornaam te vragen van de gebruiker en een om de achternaam van de gebruiker te vragen. Plak deze twee waardes aan elkaar en geef ze weer in een popup.
6 3.1 - jquery Standaard JavaScript is leuk, maar steeds opnieuw het wiel uitvinden is niet zo spannend. Om het allemaal sneller en leuker te maken, gaan we gebruik maken van jquery. jquery is een JavaScript bibliotheek welke allerlei handige functies bevat om het programmeren in JavaScript te vergemakkelijken. Zo schrijf je sneller, met minder code hele ingewikkelde dingen. Voordat we jquery kunnen gebruiken op onze pagina, moeten we de webbrowser laten weten waar hij jquery kan vinden. Dit doen we door een extra <script>-tag toe te voegen. Aangezien de gebruiker de jquery niet hoeft te zien, plaatsen we dit niet in de body. We maken hiervoor een extra element aan in onze <html>-tag genaamd <head>. De head van een pagina bevat informatie welke de webbrowser kan gebruiken, maar de gebruiker niet hoeft te zien. Zorg ervoor dat je de volgende pagina-structuur opzet in een bestand genaamd jquery1.html welke je bij al je andere html-bestanden neerzet: <html> <head> <script src=" type="text/javascript"></script> </head> <body> <h1>mijn jquery pagina</h1> </body> </html>
7 3.2 - jquery knoppen De pagina van de vorige opdracht doet nog vrij weinig, maar hier gaan we nu verandering in brengen. We gaan namelijk interactieve knoppen toevoegen aan de pagina. Begin met het toevoegen van een knop onder de h1-kop. Dit doe je door middel van de volgende HTML: <button id="mijnknop">klik op mij!</button> De knop heeft een id attribuut gekregen zodat we er later naar kunnen verwijzen. Sla de pagina op en kijk hoe de knop eruit ziet. Als je op de knop klikt, gebeurt er nog niets. Dit gaan we veranderen met jquery.
8 Maak onder je knop een <script>-tag en plaats hierin de volgende code; $('#mijnknop').click(function() { alert('hello World!'); }); De code bestaat uit een aantal delen: - We beginnen met een dollar-teken ($) om aan te geven dat we met jquery gaan werken. - Tussen de haakjes geven we aan welk element we een speciale actie mee willen geven. In dit geval is dat onze knop. Aangezien we onze knop het id mijnknop gegeven hebben, kunnen we ernaar verwijzen door gebruik te maken van #mijnknop. - De.click( ); die erachteraan komt, geeft aan dat we de klikactie functionaliteit willen gaan geven. Tussen de haken van de.click( ); bouwen we wat we willen dat er gebeurt. - De function() { } is een formaliteit. Neem deze gewoon over. Tussen de accolades, { en }, zet je vervolgens je werkelijke actie. - Deze actie is bekend, namelijk de Hello World example van 1.2. Probeer nu zelf meerdere knoppen te maken en ze allemaal een afzonderlijke actie te geven. Ga als volgt te werk: - Maak drie knoppen met verschillende teksten erop (bijvoorbeeld knop1, knop2, knop3). - Geef iedere knop een uniek id als id-attribuut (belangrijk!). - Geef zodra er op de knop wordt gedrukt een tekst weer. De tekst verschilt per knop (bijvoorbeeld Hoi, Hallo, Doei ).
9 4 - jquery code mengen jquery is nog steeds gewoon JavaScript en we kunnen de codes welke we geleerd hebben in de eerste opdrachten dus ook prima mengen met jquery. In deze opdracht ga je zelf proberen aan de hand van de voorgaande kennis een aantal interactieve knoppen te maken. Deze opdracht maak je in een nieuw bestand genaamd jquery2.html. Maak drie knoppen aan met de volgende teksten en oriëntaties: Gebruik hiervoor paragrafen. Zorg ervoor dat de volgende acties uitgevoerd worden per knop: Voornaam: Als er op deze knop gedrukt wordt, moet er om je voornaam worden gevraagd. Deze moet worden opgeslagen in een variabele ( voornaam ) Achternaam: Als er op deze knop gedrukt wordt, moet er om je achternaam worden gevraagd. Deze moet worden opgeslagen in een variabele ( achternaam ) Toon: Als er op deze knop gedrukt wordt, moet er een alert weergegeven worden met je Hoi <voornaam> <achternaam>!. Waarbij de variabelen dus gebruikt moeten worden. Uitbreiding: Als je nogmaals op de voornaam-knop klikt, moet als standaard-waarde de eerder ingevulde naam worden weergegeven.
Websitecursus 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 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 informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
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 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 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 informatieHandleiding. Html / JavaScript omgeving:
Html / JavaScript omgeving: https://www.gprog.nl/ Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 3 3. Leerling... 5 3.1 Opdrachtenpagina... 5 3.2 Nieuwe pagina aanmaken... 7 4. Trainer... 9 4.1 Gemaakte
Nadere informatievan PSD naar JavaScript
2015 van PSD naar JavaScript F. Vonk versie 2 19-9-2015 inhoudsopgave 1. inleiding... - 2-2. ontwikkelomgeving... - 3-3. programmeerconcepten... - 4 - statement... - 4 - sequentie... - 4 - variabele en
Nadere informatieHandleiding Ondersteuningsvraag
Handleiding Ondersteuningsvraag Beste directeur en/of ib er, Voor je ligt de handleiding over het vernieuwde gebruik van de profielen. Gebruiksvriendelijkheid en verscherping van de veiligheid zijn aanleiding
Nadere informatieWerken met App Inventor. {1} Hallo wereld!
Werken met App Inventor {1} Hallo wereld! 1 Wat is App Inventor? App Inventor is een programma waarmee Android apps kunnen worden gemaakt. Het is ontwikkeld door M.I.T. (Massachusetts Institute of Technology).
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 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 informatieScratch in drie uur. Hallo, mijn naam is Minti Mint! Ik ga je uitleggen hoe je je eigen computerspel kunt maken. We gaan een racespel maken!
Scratch in drie uur Hallo, mijn naam is Minti Mint! Ik ga je uitleggen hoe je je eigen computerspel kunt maken. We gaan een racespel maken! Bernd Gärtner Nederlandse vertaling en bewerking: Martine Segers
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 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 informatieStroomschema s maken in Word
1 Stroomschema s maken in Word Een programma direct maken in Scratch gaat vaak wel goed als het een klein programma is. Als het programma groter en moeilijker is, is het lastig om goed te zien welk commando
Nadere informatieStroomschema s maken op papier
1 Stroomschema s maken op papier Een programma direct maken in Scratch, gaat vaak wel goed als het een klein programma is. Als het programma groter en moeilijker is, is het lastig om goed te zien welk
Nadere informatieQuick Guide VivianCMS
Quick Guide VivianCMS Contactformulier creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier
Nadere informatieProgrammeren voor het web met PHP
Programmeren voor het web met PHP De meestgebruikte programmeertaal voor websites is PHP. Het is een heel handige taal waarmee je een eigen slimme website kunt bouwen. Je gaat nu leren hoe PHP werkt, en
Nadere informatieJe hoeft je maar met twee bestanden bezig te houden:
1 2 3 Deze set Sushi Kaarten leert je hoe je een web-app maakt met een nogte-doen lijst. Als je op enig moment wilt zien hoe de web-app kan worden, kijk dan op dojo.soy/js-todo. Deze app kun je gebruiken
Nadere informatie2. Basisgegevens invoeren
29 2. Basisgegevens invoeren De basis van een stamboom is de ingevoerde personen en hun onderlinge relaties. In dit hoofdstuk leert u de personen in te voeren met de gegevens die van belang zijn voor de
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieScratch les : Ontsnap uit het doolhof en krijg de MediaMasters jokercode!
Het doolhof Scratch les : Ontsnap uit het doolhof en krijg de MediaMasters jokercode! Selma zit opgesloten in een doolhof. Ze moet de sleutel pakken om eruit te komen en de code te krijgen! Kun jij Selma
Nadere informatieHandleiding CMS Online Identity Webontwikkeling. Handleiding CMS
Handleiding CMS 1 Inhoudsopgave 1. Inloggen... 3 2. Het CMS... 3 3. Websitecontent... 4 3.1 Een nieuwe pagina toevoegen... 4 3.2 Een pagina wijzigen... 4 3.3 Een pagina verwijderen... 5 4. De WYSIWYG editor...
Nadere informatieREDACTEUREN HANDLEIDING
V1.2 8/5/2009 Vertaling: John Sim 2 Inhoudsopgave De inhoud van een document bewerken... 11 Een nieuwe document aanmaken... 12 Het aanmaken van een nieuwe document gaat als volgt:... 12 Een pagina publiceren...
Nadere informatieBoekje met opdrachten
Boekje met opdrachten Welkom bij de Bibliotheekservice Fryslân. Vandaag gaan we eens kijken hoe we zelf kleine computerprogramma s kunnen maken. Het zelf maken van computerprogramma s heet programmeren.
Nadere informatieInteractief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
Nadere informatieAan de slag met de micro:bit!
Aan de slag met de micro:bit! Doe je mee? Vertaald en bewerkt door Nathal Loot Maak een korte animatie voor de micro:bit! Op dit kleine computertje kan jij je eigen animatie maken. Een animatie bestaat
Nadere informatieHandleiding Word Press voor de bewoners Westerkaap 1
1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren
Nadere informatieRock Band. Introductie. Scratch. In dit project leer je hoe je jouw eigen muziek instrumenten programmeert! Activity Checklist.
Scratch 1 Rock Band All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
Nadere informatieGebruikershandleiding 123OPSLAAN.NL. Gebruikershandleiding. Pagina 1
123OPSLAAN.NL Gebruikershandleiding Pagina 1 Inhoudsopgave Welkom bij 123OPSLAAN.NL... 3 Dashboard... 4 Dozen bestellen.... 6 Dozen uploaden.... 6 Dozen laten ophalen.... 8 Dozen terug leveren.... 8 Dozen
Nadere informatieInvoegen... 8 Invulpunt... 9 Nieuwe bouwsteen maken... 9 Bouwsteen opslaan... 10. Wijze van werken in Outlook... 11 Informatie...
ProDoc Bouwstenen voor Word & Outlook 2007 Inhoud Kopiëren bestanden... 2 Hoofdmap Bouwstenen... 2 Bouwsteen.dotm... 2 Installatie Bouwstenenmodule onder Word 2007... 3 Installatie Bouwstenenmodule onder
Nadere informatieHTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy
Programmeren met CodeAcademy HTML is de taal die gebruikt wordt om webpagina s te maken die jij elke dag bezoekt. Het is een logische manier om een website te structureren. Laten we kijken wat de term
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 informatieHier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.
Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt
Nadere informatiePROGRAMMA'S SCHRIJVEN
Hoofdstuk 3 Hoofdstuk 3 Programma's schrijven 13 PROGRAMMA'S SCHRIJVEN In dit hoofdstuk behandelen we: Hoe de verwerking van instructies verloopt Strings (tekenreeksen) Stringconcatenatie (oftewel strings
Nadere informatieHandleiding agendaitem
Handleiding agendaitem AlmereHaven Gids Je eigen gidspagina maken? Hoe gebruik ik deze website Video en/of tekst toevoegen >> Maak hier je eigen pagina Aanmaken van een Agenda-item (agenda pagina) Wonen
Nadere informatieQuick Guide VivianCMS
Quick Guide VivianCMS Gastenboek creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier
Nadere informatieOpdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor
Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011 Handleiding WYSIWYG HTML editor: CKEditor Inhoud 1 Inleiding... 3 2 WYSIWYG editor... 4 2.1 Iconen toegelicht... 5 2.2 Maximaliseren...
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 informatieScratch: Introductie. Wat is Scratch? Lekker dansen!
Wat is Scratch? Scratch is een programmeertaal waarin je allerlei dingen kunt maken. Denk aan animaties, maar ook aan spelletjes en interactieve verhalen. In dit blok gaan we verscheidene spelletjes maken,
Nadere informatieWeet jij een paar leuke lijstjes? Denk bijvoorbeeld aan alle kinderen in je klas of al je vriendjes of vriendinnetjes.
Een gek verhaal Lesdoel In deze les maak je een interactief verhaal. Jij gaat de computer dieren, plaatsen en dingen om te doen voeren. De computer laat het verhaal dan echt zien. Hier zie je bijvoorbeeld
Nadere informatieWat als je een heleboel informatie wilt opslaan? Bijvoorbeeld alle namen van iedereen die bij jouw dojo's aanwezig is? Hier gebruik je een lijst voor:
1 Wat als je een heleboel informatie wilt opslaan? Bijvoorbeeld alle namen van iedereen die bij jouw dojo's aanwezig is? Hier gebruik je een lijst voor: list_of_names = ["Alice", "Bob", "Chris"] list_of_numbers
Nadere informatieHandleiding CrisisConnect app beheersysteem
Handleiding CrisisConnect app beheersysteem Inhoudsopgave 'Welkom bij de handleiding van de CrisisConnect app' 1. Start 1.1. Vereisten gebruik 1.2. Inloggen 1.3. Wachtwoord wijzigen 2. Vullen 2.1 Dossiers
Nadere informatieGebruikershandleiding Typo3
Gebruikershandleiding Typo3 Inhoudsopgave: 1. Inhoudsopgave 2. Inloggen op de backend 3. Tekst aanpassen 4. Afbeeldingen toevoegen. a. Een afbeelding toevoegen in de teksteditor. b. Een afbeelding toevoegen
Nadere informatieAPP INVENTOR BEGINNER
Inhoudsopgave 5 6 Over deze serie Configuratie Een vraag maken Antwoorden nakijken Meerdere vragen Afronden.....5.6 Over deze serie Deze kaarten laten je kennis maken met App Inventor. Je krijgt de kans
Nadere informatieScratch les 1: Ontsnap uit het doolhof
Scratch les 1: Ontsnap uit het doolhof Het doolhof We zitten opgesloten in een doolhof. We moeten de sleutel pakken om eruit te komen! Kun jij Giga helpen? Dit materiaal is gemaakt door Felienne. Het is
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 informatie7. Je bericht in Nieuws & acties aanpassen
7. Je bericht in Nieuws & acties aanpassen Deze instructie is geschreven om een bericht aan te passen in de categorie Nieuws & acties. Het plaatsen en wijzigen van berichten op deze pagina gaat op een
Nadere informatieHandleiding digitaal aanmelden bij de MO-zaak
datum 24-9-2012 Versie 1.6 Pagina 2 van 15 Inhoud 1. Vereiste instellingen (eenmalig instellen)... 3 1.1 De site van de Mo-zaak toevoegen aan de vertrouwde websites... 3 1.2 Pop-Up blokkering... 4 1.3
Nadere informatieStroomschema s maken op papier
1 Stroomschema s maken op papier Een programma direct maken in Python, gaat vaak wel goed als het een klein programma is. Als het programma groter en moeilijker is, is het lastig om goed te zien welk commando
Nadere informatieHistorische filmrecensie Hotel Rwanda digitaal dossier klas 3V
Historische filmrecensie Hotel Rwanda digitaal dossier klas 3V Wij bekijken met elkaar de film Hotel Rwanda. In deze film komen verschillende onderwerpen van de geschiedenislessen van afgelopen schooljaar
Nadere informatieAN0021-NL. Een trigger- en actieregel maken. Overzicht. Een Trigger- en actieregel creëren
Een trigger- en actieregel maken Overzicht Trigger en Actie regels zijn een eenvoudige manier voor het creëren van aangepaste en unieke functionaliteiten in Paxton10. Specifieke regels kunnen worden gecreëerd
Nadere informatieJe nieuwe e-mailadres gebruiken Om je mail te lezen ga je naar de site: https://login.microsoftonline.com Je ziet dan onderstaand inlogscherm:
Je nieuwe e-mailadres gebruiken Om je mail te lezen ga je naar de site: https://login.microsoftonline.com Je ziet dan onderstaand inlogscherm: Log in met je e-mailadres en het wachtwoord dat je hebt gekregen.
Nadere informatieJe kiest bij Voeg een widget toe het widget waarvoor je een embed wilt instellen. Of je gaat naar een bestaande reeds ingestelde widget toe.
Embeds Versie 2.0 Introductie Wil je één van de grafieken uit Finchline op een website tonen? Dit kan met behulp van de embed optie. Een embed is simpel gezegd een plaatje dat geïntegreerd kan worden.
Nadere informatieOFFICE 365. Start Handleiding Leerlingen
OFFICE 365 Start Handleiding Leerlingen Meer info: Naast deze handleiding is er zeer veel informatie reeds voorhanden op het internet of door op het vraagteken te klikken in de Office 365 omgeving. Ook
Nadere informatieScratch les 3: Quiz! Je eigen spelshow
Scratch les 3: Quiz! Je eigen spelshow Hoeveel weten jouw vriendjes en vriendinnetjes over jouw favoriete onderwerp? Test het met je zelfgemaakte quiz! Ga naar https://scratch.mit.edu/projects/112774047/.
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 informatieWerken op afstand via internet
HOOFDSTUK 12 Werken op afstand via internet In dit hoofdstuk wordt uitgelegd wat er nodig is om op afstand met de ROS artikel database te kunnen werken. Alle benodigde programma s kunnen worden gedownload
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 informatieSimon de schildpad. 2015 J van Weert 1
Programmeren met Simon Simon de schildpad 2015 J van Weert 1 Inleiding: Wat is programmeren eigenlijk? Een computer doet niets zonder een programma. Die programma s worden geschreven door mensen: programmeurs.
Nadere informatieOnline aanvragen - Gebruikershandleiding. Online aanvragen Gebruikershandleiding
Online aanvragen Gebruikershandleiding 01 / 11 Online aanvragen Gebruikershandleiding Inhoud Inloggen registreren Wachtwoord vergeten Mijn account Mijn account - Functies Het aanvraagformulier Het aanvraagformulier
Nadere informatieHandleiding Website Laatste update: april 2014
Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch
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 informatieTIPS EN TRUCS KNOPPEN MAKEN GEBRUIKERS HANDLEIDING
TIPS EN TRUCS KNOPPEN MAKEN GEBRUIKERS HANDLEIDING 2008-2010 2Com2 internet & communicatie 2Com2 heeft deze informatie met zorg samengesteld om u als gebruiker zo goed mogelijk te ondersteunen. 2Com2 accepteert
Nadere informatieAPI geolocation. Ying-Hing Lam Tjebbe Marchand DP31T
API geolocation Ying-Hing Lam Tjebbe Marchand DP31T 1 Inhoudsopgave Achtergrondinformatie blz. 4 Uitleg werking blz. 5 Extra functies blz. 6 Verschillende concepten Ons concept Brondvermelding Feedback
Nadere informatieAnimeer je naam. Animeer de letters door ze te programmeren in Scratch. Voeg ook geluid en muziek toe.
Animeer je naam Laat je naam tot leven komen! Animeer de letters door ze te programmeren in Scratch. Voeg ook geluid en muziek toe. Ga naar http://scratch.mit.edu/ of open Scratch 2.0 op je computer. 1
Nadere informatie3. Familiegegevens zoeken Rapporten in Aldfaer
Inhoudsopgave Voorwoord... 11 Nieuwsbrief... 11 Introductie Visual Steps... 12 Wat heeft u nodig?... 13 Uw voorkennis... 13 Hoe werkt u met dit boek?... 14 De schermafbeeldingen... 15 Website... 16 Toets
Nadere informatieHandleiding CMS. Auteur: J. Bijl Coldfusion Consultant
Handleiding CMS Auteur: J. Bijl Coldfusion Consultant Inhoudsopgave 1.0 Inleiding 3 2.0 Introductie CMS en websites 4 3.0 Inloggen in beheer 5 4.0 Dashboard 6 4.1 Bezoekers totalen 6 4.2 Bezoekers 7 4.3
Nadere informatieCMS HANDLEIDING WWW.INONZEBIEB.NL
CMS HANDLEIDING WWW.INONZEBIEB.NL 1. INLOGGEN IN CMS... 2 2. DASHBOARD... 2 3. SITE STRUCTUUR... 2 4. HOMEPAGE... 2 5. EEN POST TOEVOEGEN... 3 6. EEN PAGINA TOEVOEGEN... 4 7. ALGEMENE UITLEG WORDPRESS
Nadere informatieZorgSom Gebruikershandleiding
ZorgSom Gebruikershandleiding Brons Zilver - OrthoPro ZorgSom tel: 071-3030033 Flevoweg 9M email: info@zorgsom.nl 2318 BZ Leiden website: www.zorgsom.nl ZORGSOM IS EEN PRODUCT VAN BEDGE B.V. Inhoud 1.
Nadere informatieHandleiding Gebruikersbeheer voor SuperUsers
Handleiding Gebruikersbeheer voor SuperUsers SWV de Eem Beste directeur en/of ib er, Voor je ligt de handleiding over het vernieuwde gebruik van de profielen. Gebruiksvriendelijkheid en verscherping van
Nadere informatieGEBRUIKERSHANDLEIDING MAAKJETRAINING.NL 1
GEBRUIKERSHANDLEIDING MAAKJETRAINING.NL 1 INHOUD 1 Inleiding 3 1.1 De drie categorieën 3 2 Inloggen op MaakJeTraining 4 2.1 Registreren op MaakJeTraining 4 2.2 Inloggen met account 5 2.3 Veranderingen
Nadere informatieHANDLEIDING DOIT BEHEER SYSTEEM
HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde
Nadere informatieInrichting Systeem: Locaties & Toegang
Inrichting Systeem: Locaties & Toegang EasySecure International B.V. +31(0)88 0000 083 Info@EasySecure.nl Support.EasySecure.nl v2.0.11 22-09-2014 In deze handleidingen worden de volgende functies binnen
Nadere informatieHandleiding CrisisConnect app beheersysteem
Handleiding CrisisConnect app beheersysteem Inhoudsopgave 1. Start 1.1. Vereisten gebruik 1.2. Inloggen 1.3. Wachtwoord wijzigen 2. Vullen 2.1. Dossiers 2.2. Processen 2.2.1. Tekst toevoegen 2.2.2. Bijlagen
Nadere informatieHandleiding website SVNL voor evenementenverkeersregelaars
Handleiding website SVNL voor evenementenverkeersregelaars Met deze handleiding maken wij u graag wegwijs op de website van Stichting Verkeersregelaars Nederland (SVNL). U vindt hier stap voor stap uitleg
Nadere informatieProbleemstelling: Hoe kan binnen CRMcorner (standaard) sjablonen gekoppeld worden aan bepaalde overzichten en het communicatie centrum.
Instructiekaart: Sjablonen beheer- Standaard documenten. Kaartnummer: 06 Versie: 0106 Probleemstelling: Hoe kan binnen CRMcorner (standaard) sjablonen gekoppeld worden aan bepaalde overzichten en het communicatie
Nadere informatieGlobale kennismaking
Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina
Nadere informatie6. Een nieuw bericht in Nieuws & acties plaatsen
6. Een nieuw bericht in Nieuws & acties plaatsen Deze instructie is geschreven om een bericht te maken in de categorie Nieuws & acties. Het plaatsen van berichten op deze pagina gaat op een andere wijze
Nadere informatieInformatica 4H/V. Les 4 HTML. Periode 1 HTML en Netwerken bzmr - Da Vinci College Purmerend 1
Informatica 4H/V Periode 1 HTML en Netwerken Les 4 HTML 18-9-2017 bzmr - Da Vinci College Purmerend 1 De lessen deze week We onderzoeken hoe een tekst wordt opgeslagen We maken een nieuw tekstbestand We
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatie5. Een nieuw grijs blok onderaan plaatsen
5. Een nieuw grijs blok onderaan plaatsen Onderstaande instructie is geschreven om een nieuwe grijze footer onder aan je site te maken. Deze footers kun je makkelijk gebruiken om mensen naar een bepaald
Nadere informatieGebruikers Toevoegen. EasySecure International B.V. +31(0)88 0000 083 Info@EasySecure.nl Support.EasySecure.nl. v2.0.11 22-09-2014
Gebruikers Toevoegen EasySecure International B.V. +31(0)88 0000 083 Info@EasySecure.nl Support.EasySecure.nl v2.0.11 22-09-2014 In deze handleidingen worden de volgende functies binnen de IdentySoft software
Nadere informatieOFFICE 365. Start Handleiding Medewerkers
OFFICE 365 Start Handleiding Medewerkers Meer info: Naast deze handleiding is er zeer veel informatie reeds voorhanden op het internet of door op het vraagteken te klikken in de Office 365 omgeving. Ook
Nadere informatieInteractie Ontwerp. Lieven Maes - 90471 Fokke Baarssen - 87972 Sjoerd Brinkers - 90407 Martijn van Dueren den Hollander - 87593 Frank Snijders - 90367
Interactie Ontwerp Interactie Ontwerp Lieven Maes - 90471 Fokke Baarssen - 87972 Sjoerd Brinkers - 90407 Martijn van Dueren den Hollander - 87593 Frank Snijders - 90367 Versie 1.0 5 februari 2007 1 Inhoudsopgave
Nadere informatieoefeningen opstellen met GeoGebra en javascript
oefeningen opstellen met GeoGebra en javascript Er zijn heel wat verschillende mogelijkheden om GeoGebra en Javascript te combineren in het opstellen van oefeningen. Antwoorden in het applet zelf: - Je
Nadere informatieGids voor Kids Hoe vind je de weg hier?
Gids voor Kids Hoe vind je de weg hier? Inhoud Wat is edx?... 2 De goede volgorde... 4 Hoe haal ik het Scratch Star Diploma?... 6 Hoe stel je vragen in het vragenblok?... 8 Wat ga je allemaal doen in deze
Nadere informatieExcel reader. Beginner Gemiddeld. bas@excel-programmeur.nl
Excel reader Beginner Gemiddeld Auteur Bas Meijerink E-mail bas@excel-programmeur.nl Versie 01D00 Datum 01-03-2014 Inhoudsopgave Introductie... - 3 - Hoofdstuk 1 - Databewerking - 4-1. Inleiding... - 5-2.
Nadere informatieDatum: Gemaakt door: Berend de Groot Voor: ComSi, ROC Friese Poort
Datum: Gemaakt door: Berend de Groot Voor: ComSi, ROC Friese Poort Contents 1. Introductie... 3 1.1. Hoe werkt het?... 3 2. Eerste Contact als gebruiker... 4 3. Ticket Acties... 5 4. Tickets Pagina...
Nadere informatieMD/Module 4 html/css /JS HTML-CSS-JS. 1.2 Introductie jquery. Javascript module 4
HTML-CSS-JS 1.2 Introductie jquery Javascript module 4 .jquery Wat is jquery? jquery is een bibliotheek voor javascript! jquery heeft als motto Wirte less, do more! Met meer code veel meer mogelijkheden!
Nadere informatieJe kunt nu inloggen in je eigen medewerker gegevens in Talent & Salaris (web), verder te noemen TSS.
Handleiding inloggen Talent en Salaris (web) Je kunt nu inloggen in je eigen medewerker gegevens in Talent & Salaris (web), verder te noemen TSS. Hiervoor typ je in het webadres van je browser het volgende
Nadere informatieDit werkt voor Mac, Windows en sommige versies van Linux. In de filmpjes gebruiken wij de versie in de browser.
Hoi! Wat leuk dat je je hebt opgegeven om gastdocent te zijn bij het Wereldrecord Programmeren!! Zonder gastdocenten zou het ons nooit lukken. In deze handleiding vind je uitleg in twee verschillende categorieen:
Nadere informatieIn dit document staat beschreven hoe je de meetgegevens vanuit Coach kunt opslaan en later in kunt lezen in Excel en hier een grafiek van kunt maken.
In dit document staat beschreven hoe je de meetgegevens vanuit Coach kunt opslaan en later in kunt lezen in Excel en hier een grafiek van kunt maken. De instructies voor Excel zijn geschreven voor Excel
Nadere informatieOnderdeel: Opdracht Uitleg + Opdracht
Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...
Nadere informatieBericht Creëren en versturen binnen Wes 4 U mail
Bericht Creëren en versturen binnen Wes 4 U mail Berichten maken en versturen met Wes 4 U mail is simpel, doeltreffend en snel! Belangrijk is dat u reeds bent voorzien van een lijst met emailadressen van
Nadere informatieGemaakt door: Tessa Romviel & Pepijn t Hoen Leerlingen VWO 6 SG Spieringshoek Als onderdeel voor het vak Informatica
Gemaakt door: Tessa Romviel & Pepijn t Hoen Leerlingen VWO 6 SG Spieringshoek Als onderdeel voor het vak Informatica Inhoud Wat is Scratch? 3 Les 1: Inloggen 3 Les 2: Basisuitleg 4 Scripts 4 Uiterlijken
Nadere informatieHandleiding voor de AEGON LevensloopCalculator. versie oktober 2007
Handleiding voor de AEGON LevensloopCalculator versie oktober 2007 1. Inleiding In deze handleiding staat in vijf stappen vermeld hoe u uw eigen versie van de AEGON LevensloopCalculator toevoegt aan uw
Nadere informatieHvA Instituut voor Interactieve Media ActionScript 3.0
PPRO 1: OEFENINGEN LES 1 Hierbij de werkgroepoefeningen behorend bij het practicum week 1. Lees de stukken uitleg aandachtig door, zonder deze informatie zullen de principes in de oefeningen moeilijk te
Nadere informatie