Fullstack JavaScript-utvecklare kurs

Lektion 1 • Grunderna i HTML och CSS

Repeterar semantisk HTML-struktur och CSS-layoutmodeller inklusive Flexbox och Grid. Dessa färdigheter stödjer varje frontend-komponent som byggs i efterföljande kapitel.

Lektion 2 • Versionshantering med Git

Lär ut branching, committing, merging och fjärrarbetsflöden med Git. Versionshantering ligger till grund för alla samarbets- och driftsättningsuppgifter i senare kapitel.

Lektion 3 • Konfiguration av utvecklingsmiljö

Installerar och konfigurerar Node.js, VS Code, Git och terminalverktyg. En konsekvent lokal miljö förhindrar verktygsfriktion under hela kursen.

Lektion 1 • Arrayer, objekt och destrukturering

Lär ut array- och objektmanipulation, spread/rest-syntax och destruktureringsmönster. Dessa mönster förekommer i varje React-komponent och Node.js-modul i senare kapitel.

Lektion 2 • Asynkron JavaScript

Täcker eventloopen, callbacks, Promises och async/await-syntax. Asynkron flyt är avgörande för alla API-anrop och databasoperationer i backend-kapitlen.

Lektion 3 • Variabler, typer och operatorer

Täcker let, const, primitiva typer, typomvandling och operatorprioritet. Eliminerar vanliga buggar orsakade av missförstått JavaScript-typbeteende.

Lektion 4 • ES-moduler och moderna verktyg

Introducerar ES-modulsyntax, paketerare och transpilatorer. Deltagarna förstår hur modern JavaScript-kod organiseras och förbereds för produktionsleverans.

Lektion 1 • React-grunder och JSX

Introducerar Reacts komponentmodell, JSX-syntax och den virtuella DOM:en. Etablerar den mentala modell som behövs för allt efterföljande arbete med React-tillstånd och livscykler.

Lektion 2 • Tillståndshantering med hooks

Täcker useState, useEffect, useRef och anpassade hooks för att hantera komponenttillstånd och sidoeffekter. Hooks är den primära mekanismen för dynamiskt beteende i modern React.

Lektion 3 • React Router och navigation

Implementerar klientbaserad routing med React Router, inklusive nästlade rutter och skyddade rutter. Navigationsmönster krävs för alla React-applikationer med flera sidor.

Lektion 4 • Datahämtning och API-integration

Integrerar REST API:er i React med hjälp av fetch, Axios och React Query. Kopplar frontend till backend-tjänster som byggs i senare kapitel.

Lektion 1 • npm-ekosystem och pakethantering

Lär ut beroendehantering, semantisk versionshantering och publicering av paket. God pakethygien förhindrar säkerhetssårbarheter och versionskonflikter.

Lektion 2 • Strömmar och buffertar

Täcker läsbara, skrivbara och transform-strömmar för effektiv datahantering. Strömkunskap är avgörande för filuppladdningar, proxyservrar och API:er med hög genomströmning.

Lektion 3 • Node.js runtime och kärnmoduler

Utforskar Node.js eventloop, modulsystem och inbyggda moduler som fs, path och os. Ger runtime-grunden för all backend-kod i kursen.

Lektion 1 • Autentisering och auktorisering

Implementerar JWT-baserad autentisering och rollbaserad åtkomstkontroll i Express. Säkerhetsmönster här återanvänds för varje skyddad rutt i fullstack-appen.

Lektion 2 • Indatavalidering och felhantering

Implementerar förfrågningsvalidering med Joi eller Zod och centraliserad mellanprogramvara för felhantering. Robust validering och felsvar är oumbärligt i produktions-API:er.

Lektion 3 • API-testning och dokumentation

Testar endpoints med Jest och Supertest och dokumenterar API:et med OpenAPI/Swagger. Testade, dokumenterade API:er är en professionell standard för teamsamarbete.

Lektion 4 • Mellanprogramvaruarkitektur

Förklarar mellanprogramvarupipelinen, inbyggd mellanprogramvara och tredjepartsintegration av mellanprogramvara. Mellanprogramvara kontrollerar varje tvärgående angelägenhet i en Express-applikation.

Lektion 1 • Relationsdatabasdesign

Täcker normalisering, entitetsrelationsmodellering och begränsningar för primär-/främmande nycklar. God schemadesign förhindrar dataavvikelser i produktionssystem.

Lektion 2 • ORM med Prisma eller Sequelize

Mappar databastabeller till JavaScript-modeller med ett ORM och hanterar schemamigreringar. ORM:er accelererar utvecklingen och upprätthåller schemakonsistens över miljöer.

Lektion 3 • Cachning med Redis

Använder Redis för cachning i minnet, sessionslagring och hastighetsbegränsning. Cachning minskar databasbelastningen och förbättrar API-svarstider i produktion.

Lektion 4 • NoSQL med MongoDB och Mongoose

Designar dokumentscheman, utför CRUD-operationer och använder aggregeringspipelines i MongoDB. NoSQL-kunskaper kompletterar SQL för flexibla, dokumentorienterade databehov.

Lektion 1 • Filuppladdningar och mediahantering

Implementerar multipart-filuppladdningar med Multer och lagrar tillgångar i molnobjektlagring. Filhantering är en nödvändig funktion i de flesta verkliga applikationer.

Lektion 2 • End-to-end-funktionsutveckling

Bygger en komplett funktion från databasschema via API-endpoint till React UI. Integrerar alla tidigare färdigheter i en vertikal del av en produktionsapplikation.

Lektion 3 • Realtidskommunikation med WebSockets

Bygger dubbelriktade realtidsfunktioner med Socket.IO på både server och klient. Realtidskapacitet skiljer moderna applikationer från traditionella request-response-appar.

Lektion 4 • Server-Sent Events och polling

Implementerar SSE för envägsserver-push och jämför det med lång polling. Att välja rätt realtidsstrategi beror på användningsfall och infrastrukturbegränsningar.

Lektion 1 • Containerisering med Docker

Paketerar Node.js- och React-appar i Docker-container och orkestrerar dem med Compose. Containrar säkerställer miljöparitet mellan utveckling och produktion.

Lektion 2 • Säkerhetshärdning för produktion

Tillämpar HTTPS, säkerhetsheadrar, beroendegranskning och hemlighetshantering för produktionsdriftsättningar. Säkerhetshärdning är den sista grinden innan någon app serverar verkliga användare.

Lektion 3 • Loggning, övervakning och larm

Implementerar strukturerad loggning, metriksamling och upptidslarm för produktionsappar. Observerbarhet möjliggör snabb diagnos av fel innan användare påverkas avsevärt.

Lektion 4 • Strategier för molndriftsättning

Driftsätter containeriserade appar till molnplattformar med hanterade tjänster och infrastruktur-som-kod. Molndriftsättningsfärdigheter krävs för varje professionell fullstack-roll.