Introduktion till Node.js + NPM

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

  • Single-threaded, event-driven och icke-blockerande I/O-modell  🤔 👍 
  • Javascript på både klient- och serversidan 👍 
  • NPM - gigantiskt bibliotek med open-source moduler som förenklar din kodning 👍
  • Paypal, Uber, Linkedin och Netflix är några exempel på företag som använder Node.js.
  • Bra community 👍

ANVÄNDNING

FÖRDELAR

  • Köra Javascript på servern!
  • ...och applikationer för back-end (främst NoSQL som databas)
  • Datastreaming (typ Youtube)
  • Chattapplikationer i realtid

MINDRE BRA

  • Applikationer med CPU-intensiva processer på server-sidan

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 den inbyggda terminalen:

     Terminal 👉 New Terminal

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 <namn>.js

Köra js-filen med node

Output

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
  • Hundratusentals paket och det kommer dagligen upp nya
  • Open Source

NPM

Node.js ”pakethanteringsystem”

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 express 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? 🤔

Let's do this!