Skip to main content

Lesplan

In de JavaScript lessen zullen we gebruik maken van de stof die is opgedaan in de vorige JavaScript lessen. Deze kennis zullen we vergroten door een stuk van de basis te herhalen, uit te breiden en nieuwe kennis op te doen.

De eerste week van week 1 begint met een instaptoets [1]. Deze toets telt niet mee in je eindcijfer en dient als hulpmiddel voor de docent. Na de instaptoets zullen we een beginnen met een stukje JavaScript kennis die is opgedaan in de vorige lessen en verder werken aan het leren van JavaScript skills!

Het kan zijn dat er een begrippenlijst is toegevoegd aan het einde van de pagina. Deze lijst bevat begrippen die je kunnen helpen bij het begrijpen van de lesstof. 

Zie je toch een onbekend begrip? Geef het aan bij de docent!

Setup

Operating system:
Windows is de default operating system (OS) die in de lessen gebruikt zal worden. Andere operating systems zijn toegestaan, maar het kan zijn dat de docent niet altijd kan helpen met het troubleshooten van OS gerelateerde problemen.

Webbrowser:
Verder maken we gebruik van de Google Chrome webbrowser: https://www.google.com/chrome/index.html .

Editor:
Let op! Als student kun je met je schoolmail een gratis licentie aanvragen voor WebStorm. Navigeer naar https://www.jetbrains.com/shop/eform/students en vraag een gratis studenten licentie aan!

De Integrated Development Environment (IDE) die we gaan gebruiken is WebStorm. Deze kan via de volgende link gedownload worden: https://www.jetbrains.com/webstorm/ . Je studentenlicentie kan gebruikt worden om WebStorm te activeren!

Les(opdrachten) en huiswerk

Vanaf week twee begint elke les met het bespreken van het huiswerk. De leerlingen krijgen de ruimte om aan te geven waar ze tegenaan zijn gelopen en wat ze lastig vonden. Hierbij wordt gekeken naar de stappen die de leerling zelf heeft genomen om de problemen op te lossen.

Na de huiswerkbespreking wordt een nieuw stukje theorie behandeld en krijgen de leerlingen de gelegenheid om aan de les-opdrachten - [2] en huiswerk te werken.

Een overzicht van de lesstof is te vinden in de studiewijzer hieronder. Voor meer informatie kun je de individuele lessen raadplegen.

Studiewijzer

Week Doel Beschrijving
1

Herhaling JavaScript I. De leerling kan overweg met de console van de browser, weet wat variabelen zijn en hoe hij/zij hiermee kan werken.

De leerling kent verschillende operatoren, de bijbehorende syntax, en kan deze toepassen op verschillende datatypen.

 

De leerling kan commentaar toevoegen op één - of meerdere lijnen. Bijvoorbeeld bij een functie.

 

De leerling kan embedded JavaScript (JS) schrijven in een HTML skeleton en externe JS files gebruiken.
  • Instaptoets [1]
  • Herhaling JavaScript:
    • Console
    • Variabelen
    • Operatoren & syntax:
      • Vergelijkingsoperatoren
      • Rekenkundige operatoren
      • Logische operatoren
    • Datatypes:
      • int
      • float
      • string + string concatenation met plus en build-in functie concat()
      • boolean waarden
    • Commentaar:
      • // single line comment
      • /* multi line comment */
    • If-else if- else
    • Functions:
      • Function + funtienamen
      • Function with parameters en argumenten (verschil uitleggen)
      • Return values
    • Build-in JavaScript functions
      • concat()
      • prompt()
2

De leerling is in staat om simpele functies te lezen en schrijven en kan overweg met JavaScript build-in functions.

 

De leerling kent het begrip "datastructuur" en kan werken met een array.
  • Bespreken huiswerk week 1
  • Variabelen:
    • var (bekend -> undefined)
    • const
    • let (default val = undefined), laat zien met if- elif-else-statement

  • Datatypes:
    • Herhaling week 1
    • null
    • undefined

  • Functions:
    • Loops:
      • for
      • while
    • Switch
    • Build-in functions:
      • typeof()
      • Date()
    • Arrow function

  • Datastructuren
    • Arrays:
      • append
      • verkrijg element uit lijst met behulp van een index
      • slice()
      • shift()
      • pop()
3

De leerling kent het begrip "scope" en kan deze kennis toepassen in zijn/haar code.
  • Bespreken huiswerk week 2
  • Datastructuren:
    • Dictionaries
  • Scope
4

Toetsing opgedane kennis van voorgaande weken.

 

Bespreken van de toets en vragen beantwoorden.
  • Bespreken huiswerk week 3
  • Eerste toets over de kennis die is opgedaan in de afgelopen weken.
  • Bespreken van de toets
  • Vragen beantwoorden
5

De leerling kent de term "DOM" en kan ermee werken.

 

De leerling kan een IDE downloaden, installeren en gebruiksklaar maken.

 

De leerling kent de begrippen "class" en "constructor", en begrijpt wanneer deze worden gebruikt.

 
  • Bespreken van de toets
  • DOM
  • Editor:
    • WebStorm
  • Classes
  • Constructor
6  
  • Bespreken huiswerk week 5
7  
  • Bespreken huiswerk week 6
8 Eindtoets JavaScript
  • Bespreken huiswerk week 7
  • Eindtoets JavaScript

Afhankelijk van het tempo wordt/worden (er) extra-curriculaire theorie/opdrachten toegevoegd aan de Python.

Begrippenlijst

  • Software developer = Softwareontwikkelaar = Een persoon die code schrijft met als doel software te ontwikkelt.
  • Integrated Development Environment (IDE) = Computerprogramma die de softwareontwikkelaar (software developer) ondersteunt bij het schrijven van code.
  • Datastructuur = De manier waarom data word opgeslagen.

Bronnen

[1] Instaptoets: https://b.socrative.com/login/student/
      Roomname: ROCVAAO

      De instaptoets telt niet mee voor je eindcijfer!

[2] Les-opdrachten zijn anders dan het huiswerk en worden tijdens de les gemaakt. Van de leerling wordt verwacht dat hij/zij
      vóór iedere les zowel de les-opdrachten als het huiswerk heeft gemaakt en ingeleverd bij de docent.

Back to top