VIA PROJECT AII_1112_08 EASY SCRIPTING WITH JAVASCRIPT. Project Resultaten



Vergelijkbare documenten
SAMPLE 11 = + 11 = + + Exploring Combinations of Ten + + = = + + = + = = + = = 11. Step Up. Step Ahead

MyDHL+ Van Non-Corporate naar Corporate

Introductie in flowcharts

Engels op Niveau A2 Workshops Woordkennis 1

B1 Woordkennis: Spelling

Firewall van de Speedtouch 789wl volledig uitschakelen?

General info on using shopping carts with Ingenico epayments

Add the standing fingers to get the tens and multiply the closed fingers to get the units.

Settings for the C100BRS4 MAC Address Spoofing with cable Internet.

Four-card problem. Input

S e v e n P h o t o s f o r O A S E. K r i j n d e K o n i n g

ANGSTSTOORNISSEN EN HYPOCHONDRIE: DIAGNOSTIEK EN BEHANDELING (DUTCH EDITION) FROM BOHN STAFLEU VAN LOGHUM

Comics FILE 4 COMICS BK 2

ALGORITMIEK: answers exercise class 7

Het beheren van mijn Tungsten Network Portal account NL 1 Manage my Tungsten Network Portal account EN 14

2019 SUNEXCHANGE USER GUIDE LAST UPDATED

Y.S. Lubbers en W. Witvoet

De grondbeginselen der Nederlandsche spelling / Regeling der spelling voor het woordenboek der Nederlandsche taal (Dutch Edition)

Tentamen Objectgeorienteerd Programmeren

The first line of the input contains an integer $t \in \mathbb{n}$. This is followed by $t$ lines of text. This text consists of:

Luister alsjeblieft naar een opname als je de vragen beantwoordt of speel de stukken zelf!

Classification of triangles

SEO Content. Creditcard aanvragen? Dé beste creditcards vergelijken.

(1) De hoofdfunctie van ons gezelschap is het aanbieden van onderwijs. (2) Ons gezelschap is er om kunsteducatie te verbeteren

What is the advantage of using expression language instead of JSP scriptlets and JSP expressions?

Leeftijdcheck (NL) Age Check (EN)

After that, the digits are written after each other: first the row numbers, followed by the column numbers.

L.Net s88sd16-n aansluitingen en programmering.

!!!! Wild!Peacock!Omslagdoek!! Vertaling!door!Eerlijke!Wol.!! Het!garen!voor!dit!patroon!is!te!verkrijgen!op! Benodigdheden:!!

Borstkanker: Stichting tegen Kanker (Dutch Edition)

My Inspiration I got my inspiration from a lamp that I already had made 2 years ago. The lamp is the you can see on the right.

Vergaderen in het Engels

Group work to study a new subject.

MyDHL+ ProView activeren in MyDHL+

RECEPTEERKUNDE: PRODUCTZORG EN BEREIDING VAN GENEESMIDDELEN (DUTCH EDITION) FROM BOHN STAFLEU VAN LOGHUM

HANDBOEK HARTFALEN (DUTCH EDITION) FROM BOHN STAFLEU VAN LOGHUM

MyDHL+ Tarief berekenen

Hoe te verbinden met NDI Remote Office (NDIRO): Apple OS X How to connect to NDI Remote Office (NDIRO): Apple OS X

Puzzle. Fais ft. Afrojack Niveau 3a Song 6 Lesson A Worksheet. a Lees de omschrijvingen. Zet de Engelse woorden in de puzzel.

TOEGANG VOOR NL / ENTRANCE FOR DUTCH : lator=c&camp=24759

Zo werkt het in de apotheek (Basiswerk AG) (Dutch Edition)

Interactive Grammar leert de belangrijkste regels van de Engelste spelling en grammatica aan.

Concept of Feedback. P.S. Gandhi Mechanical Engineering IIT Bombay

Appendix A: List of variables with corresponding questionnaire items (in English) used in chapter 2

Preschool Kindergarten

Een vrouw, een kind en azijn (Dutch Edition)

Read this story in English. My personal story

Understanding and being understood begins with speaking Dutch

Website review kamernet.nl

[BP-ebMS-H-000] Welke versie van Hermes moet er gebruikt worden?

Dutch survival kit. Vragen hoe het gaat en reactie Asking how it s going and reaction. Met elkaar kennismaken Getting to know each other

It s all about the money Group work

In the classroom. Who is it? Worksheet

Les 9: formulier controle met javascript.

Javascript oefenblad 1

A2 Workshops Grammatica Heden

Duurzaam projectmanagement - De nieuwe realiteit van de projectmanager (Dutch Edition)

Contents. Introduction Problem Definition The Application Co-operation operation and User friendliness Design Implementation

Het Effect van Verschil in Sociale Invloed van Ouders en Vrienden op het Alcoholgebruik van Adolescenten.

LDA Topic Modeling. Informa5ekunde als hulpwetenschap. 9 maart 2015

FOR DUTCH STUDENTS! ENGLISH VERSION NEXT PAGE

04/11/2013. Sluitersnelheid: 1/50 sec = 0.02 sec. Frameduur= 2 x sluitersnelheid= 2/50 = 1/25 = 0.04 sec. Framerate= 1/0.

Davide's Crown Caps Forum

150 ECG-problemen (Dutch Edition)

Quick start guide. Powerbank MI Mah. Follow Fast All rights reserved. Page 1

/ /

Lists of words from the books, and feedback from the sessions, are on

Ontpopping. ORGACOM Thuis in het Museum

L.Net s88sd16-n aansluitingen en programmering.

Een vrouw, een kind en azijn (Dutch Edition)

FOR DUTCH STUDENTS! ENGLISH VERSION NEXT PAGE

EM7680 Firmware Update by OTA

DALISOFT. 33. Configuring DALI ballasts with the TDS20620V2 DALI Tool. Connect the TDS20620V2. Start DALISOFT

Yes/No (if not you pay an additional EUR 75 fee to be a member in 2020

Shipment Centre EU Quick Print Client handleiding [NL]

Speaking and Language Learning. 3rd February 2016

Daylight saving time. Assignment

Activant Prophet 21. Prophet 21 Version 12.0 Upgrade Information

Handleiding Zuludesk Parent

English is everywhere. hi morning mouse cool help desk hello computers mail school game. Lees de tekst. Omcirkel de Engelse woorden.

Website review gulrijopleidingen.nl

Hoe met Windows 8 te verbinden met NDI Remote Office (NDIRO) How to connect With Windows 8 to NDI Remote Office (NDIRO

Functioneel Ontwerp / Wireframes:

Houdt u er alstublieft rekening mee dat het 5 werkdagen kan duren voordat uw taalniveau beoordeeld is.

Installatie van Windows 10 op laptops. Windows 10 installation on laptops

Media en creativiteit. Winter jaar vier Werkcollege 7

CTI SUITE TSP DETAILS

How to install and use dictionaries on the ICARUS Illumina HD (E652BK)

TECHNISCHE UNIVERSITEIT EINDHOVEN Faculteit Wiskunde en Informatica. Examination 2DL04 Friday 16 november 2007, hours.

Software 1. php mysql. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar semester 1

Security Les 1 Leerling: Marno Brink Klas: 41B Docent: Meneer Vagevuur

Intermax backup exclusion files

PROJECTVOORSTEL VIRTUALISEREN IN AVANS VOLGNUMMER PROJECT: (IN TE VULLEN DOOR DE VIA-PROJECTADMINISTRATIE)

i(i + 1) = xy + y = x + 1, y(1) = 2.

3 I always love to do the shopping. A Yes I do! B No! I hate supermarkets. C Sometimes. When my mother lets me buy chocolate.

Love & Like FILE 2 LOVE & LIKE BK 2

The genesis of the game is unclear. Possibly, dominoes originates from China and the stones were brought here by Marco Polo, but this is uncertain.

Free time! Better skills. Free time with Brenda and Brian. Worksheet

CBSOData Documentation

Transcriptie:

VIA PROJECT AII_1112_08 EASY SCRIPTING WITH JAVASCRIPT Project Resultaten Adriana Quintero Ramirez April Juni 2012

INHOUD 1. Introductie 2. Screencast overzicht 3. Feedback van studenten per screencast 4. FAQ s per screencast 5. Eind enquete resultaten 6. Bijlage: Project Voorstel

1. Introductie Dit Project bestaat uit: 11 screencasts om JavaScript aan studenten van Jaar 1 Blok 4 van CMD te leren. Per screencast hebben studenten een elektronisch feedback formulier ingevuld over de kwaliteit van de film. Per screencast hebben studenten ook 1 vraag gesteld en met alle vragen is een Frequently Asked Questions lijst gemaakt. Aan het einde van het blok hebben studenten een enquete ingevuld over de hele Onderwijsmethode gebruikt tijdens het blok. Er is een voorstel van de evaluatiemethode met vragen over de inhoud en technische kwaliteit van elke screencast, en over het onderwijsmethode in het algemeen. De data en de vragen zelfs moeten nog geanaliseerd worden om volgend jaar de screencasts, de onderwijsmethode en de enquetes te verbeteren. De bedoeling van dit document is alleen de resultaten laten zien. De data is nog niet geanaliseerd dus nog geen conclusies kunnen worden gemaakt. 2. Screencast overzicht Screencast Naam Screencast URL Screencast lengte A) Flowcharts: http://youtu.be/gvsfnnprudk 13:19 B) Document Object Model: http://youtu.be/cco0mkudunu 13:15 C) JavaScript syntax Window & Document object: http://youtu.be/bjp_hajsvby 15:01 D) Variables: http://youtu.be/mdroccxzhkg 7:03 E) Data types and operators: http://youtu.be/1vmtc9qrygg 9:06 F) Functions: http://youtu.be/qkoog3v7wqg 3:49 G) Conditional statements: http://youtu.be/t1bvkkitykq 12:48 H) Looping statements: http://youtu.be/esdmgeynloi 14:18 I) String object: http://youtu.be/6tggrtntefq 10:52 J) Math object: http://youtu.be/xkswrbvespg 7:00 K) Arrays: http://youtu.be/euohgujftlu 14:23 3. Feedback van studenten per screencast

A) FLOWCHARTS (13 min 19 sec) Aantal enquetes: 80 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? De andere tools ook laten zien Volume may be increased Kan sneller

B) DOCUMENT OBJECT MODEL (13 min 15 sec) Aantal enquetes: 67 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? Add more difficulty Kan sneller

C) JAVASCRIPT SYNTAX, WINDOW AND DOCUMENT OBJECTS (15 min 1 sec) Aantal enquetes: 62 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? Niet zo snel

D) VARIABLES (7 min 3 sec) Aantal enquetes: 64 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? Summary at the end Too simple

E) DATA TYPES AND OPERATORS (9 min 6 sec) Aantal enquetes: 61 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast?

F) FUNCTIONS (3 min 49 sec) Aantal enquetes: 64 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? Introductie scherm More examples

G) CONDITIONAL STATEMENTS (12 min 48 sec) Aantal enquetes: 62 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? Example over the switch statement

H) LOOPING STATEMENTS (14 min 18 sec) Aantal enquetes: 62 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? More differences between the for and the while Kan sneller

I) STRING OBJECT (10 min 52 sec) Aantal enquetes: 69 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? More examples with combinations of methods

J) MATH OBJECT (7 min 0 sec) Aantal enquetes: 64 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? More examples of when do you use the Math object

K) ARRAYS (14 min 23 sec) Aantal enquetes: 49 1. Is het onderwerp / einddoel van de screencast voldoende duidelijk? 2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende? 3. Hoeveel keer heb je deze screencast bekeken? 4. Was de lengte (speelduur) van de screen cast OK? 5. Was de screencast goed te volgen/begrijpen? 6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis? 7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk? 8. Wat kan beter in deze screencast? Huiswerk was te moeilijk

4. FAQ s per screencast Elke week moesten studenten minimaal 1 vraag over elke screencast formuleren. De meest gestelde vragen en zijn antwoorden zijn hier verzameld. A) FLOWCHARTS Question: What happens when you have a question that has more than two possible answers (other than true or false)? Answer: You have to convert it to one or more questions that CAN be answered with true or false. For example: Wrong question: Which color do you like? Good questions: Do you like the color red? (Yes/No) Do you like the color green (Yes/No), etc etc Q: With which software can I easily make a flowchart? A: Illustrator, Power Point, Word, Excel, Dia (open source), Visio, among others B) DOCUMENT OBJECT MODEL Q: How many form objects can we make with the tag <input>? And which ones of them are supported in all browsers? A: HTML 4: (Supported by all browsers) Text fields: <input type="text"> Password fields: <input type="password"> Radio buttons: <input type="radio"> Checkboxes: <input type="checkbox"> Hidden fields: <input type="hidden"> Submit buttons: <input type="submit"> Buttons: <input type="button"> Reset buttons: <input type="reset"> HTML 5: (These work only in IE 9+, Chrome 10+, Firefox 4+) Color input: <input type="color"> Date input: <input type="date"> Datetime field: <input type="datetime"> Email field: <input type="email">month field: <input type="month"> Number field: <input type="number"> among others.

Q: Can you activate a button without JavaScript? A: You can use the HTML submit button in order to send the form automatically to the server without using any JavaScript. For example: <form method="get/post" action="file.php"><input type="submit" value="edit" /> </form> However, if you want to execute some client-side actions before, you have to use JavaScript. Q: Does an object can have more than one method? A: Yes. An object can have 1 or more methods. For example: Object: String Methods: charat(), substring(), substr(), indexof(), etc Q: How do you link the javascript functions with the html objects (for example a button?) A: You link the HTML objects with javascript functions using the events. For example: Onclick : <input type="button" value="ok" onclick="my_function()"/> Q: What is the difference of using Notepad++ compared to just Notepad? A: Notepad ++ is an "advanced" text editor that allows to to have a better overview of your code (for example, adding colors to the objects and methods). C) JAVASCRIPT SYNTAX, WINDOW & DOCUMENT OBJECTS Q: What is the difference between an attribute and an method? A: An attribute is a property or characteristic of an object. A method is something that the object can do. For example: Object: document Attribute: bgcolor // determines the color of the body Method: Write() //Writes something in the screen Q: Is it possible to show in an alert the innerwidth and innerheight of the screen? A: Yes. alert("the height of the screen is " + window.innerheight + " and the width is " + window.innerwidth); Q: Should you know all the names of the attributes and methodes by heart? A: No because you can find the exact terms in books or internet. But you should understand the logica of javascript and know how does the syntax works. Q: Can you use a prompt in combination with a variable in order to save its value? A: Yes. var yourname = prompt("what is your name?"); Q: What does the method.getelementbyid() do? How do I use it? A: It returns the HTML object of the element with the specified ID. For example: var obj = document.getelementbyid("the_id_of_a_span"); obj.innerhtml = "hello";//this will write the text "hello" inside the element with id "the_id_of_a_span"

Q: How do I add comments inside my javascript code and why would I want to do that? A: You can add comments to JavaScript in two ways: // This will comment one line of code /* And this will comment several lines of code */. It is important to make comments in your code to explain what does every function does. Often you work with a team of people and it's very useful if someone else can easily understand your code, instead of wasting time in trying to read the code itself. Q: Is JavaScript case sensitive? A: Yes. For example: var my_variable is NOT the same to var My_Variable. The same thing happens with functions and with attributes and methods of the objects. For example: document.getelementbyid() doesn't work document.getelementbyid() is the right syntax. Q: Why do we put ; after each line of javascript code? What happens if we don't put it? A: ; is the sign to determine an end of a code line. If it is not used, but each line of code is in a different line in the file (separated with an "enter"), the code will still run. However, if you put more than one line of code in the same line in your file, it is necessary to put a ; to separate them. Otherwise your code won't run. For example: var a = 5; var b = a + 7; var c = 6 + 6; or var a = 5 var b = a + 7 var c = 6+6 However, it is a good practice to ALWAYS use ; after each line of code. Q: How can I display a "break" (enter, <br>) inside an alert? For example if I want to display one word in the first line and the second word in the sencond line)? A: You use \n inside the text of the alert. For example: alert("this is the first line \n and this is the second line"); Q: Is it possible to write the javascript code in an external file, the same thing that we do for css?? If yes, how do I do that? A: Yes that is possible. You have to write all the javascript code (without any <scrip> tags) in a file and save it as "any_name.js". Then, you include that file in the <head> of the html file with the tag: <script src="any_name.js"> Q: Is JavaScript a client-side or a server-side language? Why? A: It is client side because it is sent to the computer of the user and it's executed by the browser that the client is using.

Q: When do I use <script language='javascript'> and when <script type='text/javascript'> to insert javascript code inside a html file? A: You can use both and it will work. But the language attibute is deprecated so now only the type attribute is used. D) VARIABLES Q: When do you use the $ symbol? A: You can use the $ symbol to name your variables. For example: var $text = "hello"; If you use jquery the $ symbol $ is used as reference for the jquery object. In other languages like PHP $ is required as the start character of a variable. Q: What does "loosely typed" means? Are there other languages other than JavaScript that have this same characteristic? A: Loosely typed means that you don't have to declare which data type will a variabla contain. Any variable can contain any kind of value (number, string, boolean, etc) and it can change from containing one data type to another data type throughout the execution of the program. Another example of a loosely typed language is PHP. Q: Can you give an example of a global and a local variable? A: Global variables are variables defined outside of any function and they can be used overall in the program. Local variables are defined inside a function and they will exist only when the function is executing. For example: <script type="text/javascript"> //this is a global variable var my_global_variable = 5; function myfunction() { //this is a local variable var my_local_variable = "hello"; }</script> Q: Which browsers have a "developer toolbar" to check javascript syntax errors? A: Firefox has the Firebug plugin. Internet Explorer and Chrome have a Developer toolbar Q: What is the biggest number that I can store inside a variable? A: Numbers in javascript are 64bit (8 bytes) floating point numbers which yields an effective range of 5e-324 (negative) to 1.7976931348623157e+308 (positive). Source: http://www.hunlock.com/blogs/the_complete_javascript_number_reference

E) DATA TYPES AND OPERATORS Q: Can you give an example of the use of the logical operators!,, &&? A: && (AND), (OR),! (NOT): var a = 5; if((a>1) && (a<10)) { } //In this case the if will be true because the two conditions are true. if((a==5) (a==3)) { } //In this case the if will also be true because one of the two conditions is true if(!(a==5)){ } //In this case the if will be false because, although a==5 the! operator changes boolean value of the condition Q: What does the operator % do? A: It returns the remainder of the integer division between two numbers. For example: var result = 10%5; The answer will be 0 because 10/5 is exactly 2. Q: Is the concatenate operator only used for strings? A: Yes, the concatenate operator concatenates two or more strings. You can also concatenate a number and a string but the result will always be a string. For example: var num1 = 5; var text = "My favorite number is " + num1; In the variable text you will get a string with the text "My favorite number is 5". Q: What is the difference between == and ===? A: == returns true if the value of two variables is the same. === returns true if the value AND the data type of two variables are the same. For example: var num1 = 5; var num2 = "5"; alert(num1==num2); //In this alert you will get true because the two variables have 5 as value alert(num1===num2); //In this alert you will get false because, although the two variables have the value 5, one variable is a number and the other one is a string. Q: How do I use ++ and --? A: var num1 = 5; num1++; //This is the same as saying: num1 = num1 + 1; or num1+=1; num1--; //This is the same as saying num1 = num1-1; or num1-=1; Q: What does NaN means? And when do I get it as a result of an arithmetic operation? A: NaN means Not a Number. You get NaN when you try to make an arithmetic operation between a number and a string or when you make an invalid operation (for example divide by 0). Q: What is a boolean? A: A boolean is a type of data that can be only TRUE or FALSE

F) FUNCTIONS Q: What is the best way to name a function? A: You can use any name for a function. However, it is handy if you use some logic behind the names in order to help you identify what does the function does. Q: Do I have to put the code of the function in the <head> or in the <body>? A: It is beter to always put the javascript code in the <head> of the document. This will make the javascript code load before the html elements in the body to avoid problems with the interaction with the user. Q: Do I always have to put () after the name of a function or a method? A: Yes. The syntax for functions and methods is always: function nameofthefunction() {} or object.nameofthemethod(); G) CONDITIONAL STATEMENTS Q: What is the difference between a switch and an if..else and when do you use each? A: An if..else sentence executes some code when a codition is true and some other code when the condition is false. The switch statement executes a different code depending on the value of a variable. Mostly a switch statement is used instead of a lot of nested if...else statements. Q: What happens if I don't use the "break" after each case in a switch? A: Without the break all the "cases" of the switch are compared and the default case will always be executed. Q: Is there a limit to the amount of conditional statements that you can use in an application? A: No, you can use as many conditional statements as you need. Q: What is the correct way to write if(y = 100 200)? A: if((y == 100) (y == 200)) {} Q: Can you have nested ifs? Can you give an example? A: Yes. For example: var a = 5; var b = 6; if(a==5) { if(b==6) { if(a>b) { //some code here } } }

H) LOOPING STATEMENTS Q: How can you combine a conditional statement with a looping statement? A: if(a==b) { for(i=0; i<10; i++) { //some code here } } Of for(i=0; i<10; i++) { if(i==5) { //some code here } } Q: Why do we use the letter i as variable of the loop statement? Could we use another variable name instead? Q: What is the difference between a while() and a for()? Q: Can you give an example of an infitite loop? Q: Is it possible to have nested loops? Can you give an example? I) STRING OBJECT How can I get the second word of a sentence using substring() and indexof()? Q: What happens if I choose a value for substr() that is beyond the length of the string? A: You get an empty string J) MATH OBJECT How do I get a random number between 1 and 100? And between 0 and 99? And between 0 and 100? Q: Is there a limit to the amount of numbers for the max() and min() methods? A: No. You can compare as many numbers as you want. For example: Math.max(1,2,3,4,5,6,7,8,9,10,11,12,13,13,15,16,17,18,19,20); //will return 20 Q: How can I get a random number between 4 and 10? A: Math.floor(Math.random()*10)+4; Q: How many decimal places does a random number generated with Math.random() has? A: It depends on which browser are you using. But most of the cases you get 16 decimal places in 60% of the cases, less than 16 decimal places in 30% of the cases and more than 16 decimal places in 10% of the cases.

5. Eind enquete resultaten De bedoeling van dit enquete was feedback over de hele onderwijsmethode te krijgen (en niet alleen over de screencasts). De enquete had 2 delen: DEEL 1 ging over het Onderwijsmethode. DEEL 2 ging over cijfers, voorwaarden en beoordelingscriteria. In het begin van elke deel is er een beschrijving van de punten waarom feedback aangevraagd was. Voor elke vraag is een chart met de resultaten gemaakt. Bij sommige vragen is er meer dan 1 chart te vinden omdat de antwoorden van studenten is ook gegroepeerd per verschillende attributen van studenten (b.v studenten die minder dan 20% aanwezig bij de lessen zijn geweest, of studenten die plagiaat-problemen hebben gehad). In het algemeen zijn de antwoorden van studenten die bij minder dan 20% van de lessen aanwezig waren en die plagiaat-problemen hadden, teruggetrokken van de resultaten omdat de antwoorden zijn beinvloed door hun persoonlijk situatie. In totaal, 90 studenten hebben Deel 1 van de enquete ingevuld en 86 studenten hebben Deel 2 van de enquete ingevuld.

DEEL 1: Onderwijsmethode Elke week moeten studenten vóór de les tussen 1 en 5 screencasts (films) bekijken (max. 30 minuten bij elkaar). In sommige films was huiswerk opgenomen. Studenten moeten dat huiswerk maken en maximaal op de eerstvolgende maandag (vóór de les) om 9:00am per email sturen Per week moeten studenten minimaal 1 vraag per screencast sturen. De vraag moet concreet zijn ( ik heb niks begrepen is niet een geldige vraag). Tijdens de les maken studenten samen met de docent een praktijkopdracht waar studenten de theorie van de screencasts kunnen toepassen. 1. Hoe tevreden bent u over de Onderwijsmethode? RESULTAAT (90 studenten) ONTEVREDEN STUDENTEN (21 studenten) ZEER ONTEVREDEN STUDENTEN (6 studenten) AANGEPASTE RESULTAAT (70 studenten)

2. Met deze methode heb je makkelijker programmeren geleerd dan met en methode zonder screencasts 3. Denk je dat deze methode je helpt om zelfstudie te kunnen maken (b.v als student of docent ziek bent op de dag van de les of voor herkansingen)?

4. Wat is voor jou een belangrijk voordeel van deze onderwijsmethode? (Dit was een open vraag waar studenten hun eigen mening op kunnen geven) 5. Wat is voor jou een belangrijk nadeel van deze onderwijsmethode? (Dit was een open vraag waar studenten hun eigen mening op kunnen geven)

6. Heb je andere commentaar/sugesties? Misschien een idee om in de les het huiswerk van de komende week te bespreken, dan kunnen wij ook direct vragen stellen als wij iets niet snappen. Andere volgorde: screencast, les, huiswerk Dat er nog een vraag moment tussen de les en het inleveren van het huiswerkt zit. De lessen gaan veel te snel. Er ontbreekt heel veel info en er wordt te veel van de studenten verwacht. Even terugkoppelen in de les. Waar zijn we mee bezig? Waar gingen de screencasts over? En vat het even kort samen. Dan verder gaan. Extra opdracht geven die wat meer uitdaging geven. Het huiswerk sluit goed aan op de screencast, maar soms is het wel moeilijker en moet je (te) veel zelf uit gaan zoeken. Huiswerk bespreken in de les. Huiswerk op Blackboard zetten. Meer voorbeelden gebruiken die aansluiten met het huiswerk Niveau van de lesstof ligt te hoog. Al het script voor de huiswerkopdrachten moet behandelt worden.

DEEL 2: Cijfers, voorwaarden en beoordelingscriteria De beoordelingcriteria voor huiswerk was: 9,0: Helemaal perfect + iets extra 7,0: Helemaal perfect 5,5: Goed met max. 2 fouten 4,0: Met 3 5 fouten 2,0: Niet gelukt De eindcijfer was een combinatie van: 20% - Inleveren van minimaal 1 vraag per film in het gegeven format 30% - Huiswerk 50% - Praktijktoets De voorwaarden waren: o Alle huiswerk moet individueel gemaakt worden o Copy-Paste van code is niet toegestaan. Alle code moet zelf geschreven worden. Opdrachten met copy-paste van internet of van een andere student zijn ongeldig, krijgen een 0 en gaan meteen naar de examencomissie 1. Was de beoordelingscriteria voor huiswerk eerlijk? ("it shows correctly what you know"). RESULTAAT (86 studenten) Toelichting: ANTWOORD NEE, EINDCIJFER > 5.5 (28 studenten) Cijfers zijn te streng Met meer dan 2 fouten nog een voldoende halen Toelichting: ANTWOORD NEE, EINDCIJFER <5.5 (17 studenten) Een 5,5 is demotiverend Feedback over het cijfer Een perfect opdracht moet minimaal 8 krijgen en extra werk moet 10 krijgen

2. Was het eindcijfer eerlijk? RESULTAAT (86 studenten) ANTWOORD NEE, EINDCIJFER > 5.5 (28 studenten) ANTWOORD NEE, EINDCIJFER <5.5 (13 studenten) Toelichting: Te streng beoordeeld voor zo n moeilijk vak Een 10 voor perfectie, geen 7. Toelichting: Voor huiswerk zou geen cijfer gegeven moeten worden. Dat is eigen verantwoordelijkheid van de student. Alleen een eindcijfer aan het einde van het blok is voldoende. 3. Denk je dat je programmeren beter leert als je individueel of samen werkt? RESULTAAT (90 studenten)

4. Ben je akkoord met het geven van een sanctie wanneer je plagiaat pleegt? RESULTAAT (87 studenten) ANTWOORD NEE, WEL Plagiaat problemen gehad (3 studenten) Nee ik vind het niet normaal als je iemand aangeeft voor plagiaat als je samenwerkt. dit hoort gewoon niet als plagiaat te staan aangegeven Het is onzin als je iemand aangeeft voor fraude als studenten elkaar willen helpen. Bij plagiaat wel. Letterlijk alles copy past van internet of een medestudent. Als er samen is gewerkt, dan geldt dit niet. Je zoekt samen naar het juiste antwoord, dan heb je dus ook dezelfde antwoorden!! ANTWOORD NEE, GEEN Plagiaat problemen gehad (26 studenten) Sommige mensen zijn er nu eenmaal minder goed in ik denk juist dat ze er veel aan hebben om de codes van anderen in te zien. Ze moeten het alleen niet als kip zonder kop kopiëren en er niet meer naar kijken. Ik vind het moeilijk om met het programmeren van simpele opdrachtjes zoals wij die hadden te zeggen of het plagiaat is. Als je allebei dezelfde fout hebt gemaakt, omdat je iets niet snapte en het aan een ander hebt gevraagd vind ik een sanctie raar. Maar als je het letterlijk gekopieërd hebt hoort daar natuurlijk een sanctie bij. Omdat huiswerk iets is om van te leren. Als je het dan zelf niet snapt, vind ik dat je je verantwoordelijk gedraagt als je naar iemand toegaat die het wel snapt, zodat je het uiteindelijk begrijpt. Dat is dan geen plagiaat vind ik, maar samenwerken tot een positief eindproduct. Te streng, het kost heel veel tijd als je niets aan anderen kan vragen.

Mij lijkt het logisch dat je bij een code als javascript dezelfde codes hebt. Dus ik denk niet dat je weet wanneer iemand plagiaat pleegt. Tenzij alle variabele dezelfde naam hebben of zo Ligt aan de situatie, als je iets letterlijk copieeërt wel, maar als je met iemand samen werkt niet 5. Heb je andere commentaar/sugesties? Misschien een begrippenlijst maken met alle termen van Javascript. Dit geeft je een goed overzicht. Vaker opdrachten gezamenlijk maken, daar heb ik het meeste van geleerd. Het huiswerk samen in de les behandelen zodat iedereen het uiteindelijk snapt. Volgende keer beter inlichting qua huiswerk en eindcijfer samenstelling

6. Bijlage: Project Voorstel PROJECTVOORSTEL VIRTUALISEREN IN AVANS VOLGNUMMER PROJECT: AII_1112_08 Academie(s): AI&I Naam projecteigenaar: Adriana Quintero Ramirez Datum: Maart 2012 1. EASY SCRIPTING WITH JAVASCRIPT 2. ONDERBOUWING EN BEOOGD RESULTAAT Probleemstelling of ambitie en analyse 2.1 Beschrijf het probleem/aanleiding of de ambitie die ten grondslag liggen aan het projectvoorstel en de relevantie daarvan in relatie tot het thema Virtualiseren in Avans. Probleem/aanleiding: 1. Zelfstudie Programmeren is altijd een moeilijk vak geweest voor studenten omdat ze de logica heel goed moeten begrijpen om verder te kunnen gaan. Elke student leert in zijn eigen tempo en soms is één les niet genoeg om de boodschap goed te begrijpen. Als studenten toegang hebben tot het les materiaal (theorie over programmeren in Javascript) in de vorm van een screencast kunnen ze van tevoren de les voorbereiden. Tijdens de les kunnen ze dan deze nieuwe kennis in een bepaald onderwerp verdiepen of duidelijker maken door middel van het stellen van vragen. Na de praktijkles kunnen ze de screencasts als naslagwerken gebruiken. 2. Kwaliteit Door de feedback van studenten op de screencasts is mogelijk om de kwaliteit van de lessen continue te verbeteren. 3. Onderwijs methode In het begin kunnen praktijk opdrachten lastig voor studenten zijn. Dan raken ze daarvan gefrustreerd. Daarom is het doel van de les in dit voorstel dat alle praktijkopdrachten tijdens de les behandeled worden en de theorie (in de screencasts) huiswerk wordt. 4. Ziekte Afwezigheid door onvoorziene omstandigheden (bijvoorbeeld ziekte) moet niet een reden zijn om een les te missen. Studenten kunnen eenvoudig de theorie van de gemiste les bekijken. 5. Herkansingen Herkansingen worden heel duidelijk als de inhoud van de hele vak op film staat. Studenten en docenten weten precies wat ze moeten studeren en toetsen.