JavaScript

Node.js & NPM

INTRO

EcmaScript versioner

Största uppdateringen

Första release

NODE.JS ÄR EN RUNTIME MILJÖ FÖR JAVASCRIPT SOM BYGGER PÅ GOOGLES OPEN-SOURCE V8 JAVASCRIPT MOTOR

JS i browser v.s med Node.js

Node.js runtime

C++ Threadpool etc

Komma igång med  

1. Installera Node.js från https://nodejs.org/ 

    och välj LTS (latest stable version)

2. Öppna VS Code

3. Öppna en terminal efter preferens

4. Kolla att installation genom att verifiera

    senaste installerade versionen av Node.js

    node -v

5. Om du får svar om den installerade

    versionen har du node.js installerat!

Skapa en js-fil och kör den med Node.js

Terminalen: node <scriptnamn>.js

Köra js-filen med node

Output

Mer av deetta i backendkursen!

NPM

Node.js ”pakethanteringsystem”

https://www.npmjs.com/

  • Viktigt del när man jobbar med Node.js
  • Npm innehåller paket med färdig kod som man kan återanvända i sitt projekt (moduler)
  • Hundratusentals paket och det kommer dagligen upp nya
  • Open Source

Komma igång med

  1. Öppna VS Code
  2. Öppna den inbyggda terminalen: Terminal 👉 New Terminal
  3. Initiera NPM för den projektmapp du står i. Skriv i terminalen:  npm init
  4. Svara på frågorna - eller lämna de obesvarade (inte så viktigt, du kan gå tillbaka och ändra)
  5. Du har nu fått en ny fil i din mapp - package.json - denna innehåller all metadata om ditt projekt

Komma igång med

6. Nu ska vi installera vårt första paket! Skriv i terminalen 👉          npm install axios

7. Lägg märke till att mappan node_modules skapas.

    Här finns all kod som ditt projekt behöver för de                          installerade paketen.

8. Öppna package.json så ser du att axios finns  med under "dependencies"

8. Installera även live-server globalt (vi kommer behöva             denna. Skriv i terminalen 👉 npm install -g live-server

9. Denna installation syns ej i package.json. Men du kör den          genom att skriva i terminalen: live-server

 

Fortsättning

Normalt gäller installationen endast i projektmappen. Flaggan -g gör installationen global.

Komma igång med

Fortsättning

Vad händer om du deletar mappen node_modules

och sedan kör

npm install

i terminalen?

Undersök!

Så, hur används package.json? 🤔

Module Bundlers

  • NPM var gjord för Node.js men kan användas i frontend med module bundlers

  • Exempel på module bundlers Parcel, Webpack

  • Men i React-kursen kommer vi senare använda create-react-app eller vite