Week 1: JavaScript Introductie

• JavaScript
• MBO
• Studiejaar 2

Waarom JavaScript?

JavaScript is a high-level, object oriented, multi-paradigm programing language. 🤯

Programming language is een stuk gereedschap waarmee wij de computer instructies geven om dingen te doen.

High-level betekent dat je geen zorgen hoeft te maken over complexe zaken zoals memory management. 😮‍💨

Object-oriented betekent dat de manier van informatie opslaan middels objecten gaat gebeuren.

Meer hierover tijdens de cursus.

Multi-paradigm betekent dat de taal zo flexibel is, dat je verschillende stijlen kan gebruiken om te programmeren. Bijvoorbeeld middels imperative of declarative programming. Dit zijn manieren van structuur geven aan de code die je schrijft.

3 core elements van websites

HTML > Tekst, Images, Buttons

CSS > Stijl en layout

JavaScript > Dynamische effecten , interactie, informatie van afstand laden

Welke bekende frameworks zijn er voor JavaScript?

Vue.JS

Angular

React

Node.js

ionic

electron

Een goede basis aanleggen

Voor wij frameworks gaan gebruiken moeten wij JavaScript eerst goed beheersen.

Waarom moeten wij eerst de programmeertaal beheersen voor we een framework gebruiken?

1. Een framework is alleen voor mobile applications
2. JavaScript draait niet zonder framework
3. Omdat frameworks ook kunnen verdwijnen
4. Ik ben mijn lunch vergeten 😭

Backend

Web applications in webservers

Je werkt niet standaard in de webbrowser

🤩

Frontend

Dynamic effects

Web applications in browser

😍

Wat kan je nog meer?

Native mobile applications

Desktop applications

Met welk framework?

React of ionic

Electron

Opzetten van de IDE

Wij gaan het intellij platform gebruiken.

Installeer Webstorm of de jetbrains toolbox app.

www.jetbrains.com

Monokai Pro

Download deze via de market place in jouw intellij product.

Laat de leerlingen de script tag maken in de head tag.

Open vervolgens de file in de browser

<script>

let js = 'amazing';

if (js == 'amazing') alert('JavaScript is FUN!');

</script>

Opwarmertje

Laat een alert verschijnen.

Een calculatie doen.

De calculatie in de console laten printen.

Laat de leerlingen iets uitrekenen en printen in de console.

Open vervolgens de file in de browser

<script>

let js = 'amazing';

if (js == 'amazing') alert('JavaScript is FUN!');

40+8+23-10;

console.log(40+8+23-10);

</script>