Översikt
Nu ska vi äntligen börja koda! Materialet är en mycket viktig inledning till att skriva applikationer i Node.js med hjälp av ramverket Express.
“Stå-upp”-vlogg
Section titled ““Stå-upp”-vlogg”Som vanligt inleder vi veckan med en standup!
Den här inspelningen är delad mellan de två kurserna: första delen handlar om 1DV025, andra delen — den som sammanfattas här — om 1DV026:s kursvecka 7-9.
Äntligen Node.js och Express
Section titled “Äntligen Node.js och Express”Hittills i webbprogrammeringen har fokus legat på klientsidan. Nu flyttar vi till servern. Förra veckan introducerade begreppet webbtjänst, men det finns flera sätt att skriva webbapplikationer på servern. Kursen börjar med server-side rendered applikationer (SSR): en applikation som körs på servern, genererar HTML dynamiskt och skickar den till klienten, i stället för att bara servera statiska filer.
Inspelningarna är nya. Materialet har uppdaterats för att bättre förbereda för projektkursen i läsperiod 4 och för kurserna längre fram i programmet, där kursledningen nu har en bättre bild av vad som behövs.
Titta via StreamYard
Section titled “Titta via StreamYard”YouTube visar numera reklam på kursens föreläsningar för den som inte har ett premiumkonto, trots att kanalen har valt bort reklam. De nyinspelade föreläsningarna finns därför också på StreamYard, via länken “Titta via StreamYard” under respektive video. Där går det att öka uppspelningshastigheten, men det finns ännu varken textning eller kapitelindelning. En sådan länk visar också att inspelningen är ny.
Tre inspelningar om Express
Section titled “Tre inspelningar om Express”- Webbapplikationsramverket Express ger en överblick över området.
- En översikt över din första Expressapplikation presenterar strukturen för en exempelapplikation. Framöver möts du allt oftare av tomma repon som du förväntas fylla med kod, och de flesta utgår då från ett exempel. Här går vi igenom filerna i ett sådant. Avsnittet om miljövariabler är markerat som viktigt, så lägg tid på det.
- Din första Expressapplikation går på djupet i Express som ramverk: rutter, kontroller, vyer och vymotorn.
Varför just den här strukturen?
Section titled “Varför just den här strukturen?”Express-applikationer kan skrivas på hundra olika sätt, och strukturen som kursen visar är inte skriven i sten. Den är dock vald med omsorg. Den är ett slags tvärsnitt av webbramverk i många språk, så den som lär sig den känner igen sig i andra ramverk, även utanför JavaScript. Den är också skalbar: samma arkitektur fungerar för en liten applikation som för en stor och komplex.
Arkitekturen är inte färdig. Redan i nästa kursblock, om persistent data, bygger vi vidare på den, och i årskurs två tas den ytterligare ett steg. Det är inget krav att använda den i examinationsuppgifterna, men det är en stark rekommendation.
Övrigt under perioden
Section titled “Övrigt under perioden”Kursblocket sträcker sig över jul och nyår. Efter uppehållet återupptas handledningen, och A1 har ett omexaminationstillfälle. Veckan därpå har webbskrapan A2 deadline. Ett fredagshäng är planerat som repetition och frågepass inför de muntliga examinationerna.
Eftersom 1DV026 är en kurs på 15 hp som går över två terminer behöver du också fortsättningsregistrera dig på kursen. Det görs efter årsskiftet.
Stödjande inspelningar
Section titled “Stödjande inspelningar”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
Övningar
Section titled “Övningar”Under Övningsuppgifter hittar du övningsuppgifter som det är lämpligt att du arbetar med under veckorna.
Handledning
Section titled “Handledning”Första timmen på handledningen kommer vi att öppna ett Zoomrum där vi kommer att svara på frågor generellt. Skicka gärna in frågor på förhand via vårt formulär som du når här:
