Stödjande inspelningar
Kurslitteraturen är en av de delar som driver kursen framåt, men det kan vara svårt att själv strukturera upp innehållet. Vad är relevant? Vad ska vi fokusera på i kursen? De stödjande inspelningarna gör vi för att just ge detta sammanhang. Det är av yttersta vikt att du tar del av dessa!
Kursvecka 7-9 - Webbapplikationers arkitektur
Section titled “Kursvecka 7-9 - Webbapplikationers arkitektur”Node.js/Express - Webbapplikationsramverket Express i Node.js
Section titled “Node.js/Express - Webbapplikationsramverket Express i Node.js”- Varför behöver vi en arkitektur för våra webbapplikationer?
- En minimal “hello, world”
- En minimal webbapplikation med enkel “routing”
- Några JavaScript-back-endramverk (Frameworks)
- “Full Stack Models” LAMP/WAMP/MEAN/MERN/JAMstack
- Full Stack JavaScript Development
- Vad är Express?
- Minimal Express Web Application
Node.js/Express - En översikt över din första Expressapplikation
Section titled “Node.js/Express - En översikt över din första Expressapplikation”Titta via StreamYard · Exempelapplikation (GitLab)
- Introduktion
- Ett enkelt exempel
- Övergripande struktur
- Den slutgiltiga filstrukturen
- Miljövariabler (viktigt)
- ESLint, .gitignore, LICENCE, nodemon.json
- package.json
- README.md
Node.js/Express - Din första Expressapplikation
Section titled “Node.js/Express - Din första Expressapplikation”Titta via StreamYard · Exempelapplikation (GitLab)
- Introduktion
- Repetition
- Startpunkten: src/server.js
- Routes (rutter)
- Controller (kontroller)
- View (vy)
- View - BaseURL
- View - CSS
- View - DefineContent()
- Vytaggar (i vymotorn ejs)
- Installation av ejs
- Templatemotorn (vymotorn)
- Avslutning
Kursvecka 10-11 - Persistent data
Section titled “Kursvecka 10-11 - Persistent data”Persistent data - Databaser
Section titled “Persistent data - Databaser”- Introduktion
- Överblick av en CRUD-applikation
- Persistent data
- Du kommer att använda MongoDB
- Olika typer av databaser
- MongoDBs ekosystem
- MongoDB som en dockercontainer
- Docker Hub
- Docker Desktop
- Ansluta till MongoDB med Mongoose
- Server.js - Ansluta
- Allt börjar med ett Schema
- Konvertera ett schema till en modell
- “Just Task It” - Exempelapplikation
- Basscheman
Persistent data - CRUD
Section titled “Persistent data - CRUD”- Introduktion
- CRUD, Verbs and Actions
- Mappa Routes till Controller
- Ladda in dokument
- C - Create
- R - Read
- U - Update
- D - Delete
Sessioner
Section titled “Sessioner”- Introduktion
- Servern har ingen state
- Upprätthålla state med hjälp av Sessioner
- Spara sessionsdata
- Hantera Sessioner i Express
- Använda sessionsvariabler
- Introduktion
- Skydda mot dubbelposter
- Post/Redirect/Get (PRG)
- Vad är ett “Flashmeddelande”?
- Implementera PRG och Flashmeddelanden
- Avslutning
Exempel - Just Task It
Section titled “Exempel - Just Task It”Titta via StreamYard · GitLab-projekt - Just Task It
Kursvecka 12-13 - Access control
Section titled “Kursvecka 12-13 - Access control”Access Control
Section titled “Access Control”- Introduktion
- Varför är accesskontroll viktigt?
- Olika sätt att autentisera
- Cookiebaserad autentisering
- Lösenordssäkerhet (användarperspektiv) - Johans rant.
- Lösenordssäkerhet (för server)
- Ordboksattacker (Rainbow Tables)
- Saltning
- Auktorisering på servern
- Hur hantera registrering (i Express och Mongoose)
- Användarmodellen (User Model)
- Hashning av lösenordet
- Det hashade lösenordet
- Hur hantera inloggning
- Autentisera användaren
- Hur auktorisera
- Avslutning
Kursvecka 14-15 - Realtidsapplikationer
Section titled “Kursvecka 14-15 - Realtidsapplikationer”Realtidsapplikationer
Section titled “Realtidsapplikationer”- Introduktion
- Innehåll
- Definition av realtidswebbapplikationer
- Vilken typ av applikationer är det?
- Ett paradigmskifte?
- Tekniker för realtidswebbapplikationer
- Problemet med HTTP-protokollet
- Historik
- HTML och JavaScript
- XHR Long Polling
- XHR Streaming
- WebSockets
- Utmaningar med WebSockets
Exempel - Just Task It featuring WebSocket
Section titled “Exempel - Just Task It featuring WebSocket”GitLab-projekt - Just Task It featuring WebSocket
Exempel - Just Task It featuring Webhook and WebSocket
Section titled “Exempel - Just Task It featuring Webhook and WebSocket”GitLab-projekt - Just Task It featuring Webhook and WebSocket
Kursvecka 16-19 - RESTful services
Section titled “Kursvecka 16-19 - RESTful services”REST - Introduktion
Section titled “REST - Introduktion”GitLab-projekt - RESTful Tasks
REST - Keys, filters, limits, versions
Section titled “REST - Keys, filters, limits, versions”GitLab-projekt - RESTful Tasks
REST - Auth/Autz incl. JWT
Section titled “REST - Auth/Autz incl. JWT”
