Frontend-utvecklingsworkshop
Skapa interaktiva användargränssnitt som engagerar och imponerar. Interface-fokuserad workshop för moderna webbutvecklare med praktiska projekt och live-kodning.
.jpg)
Om workshopen
Frontend-utveckling handlar om att skapa det som användare ser och interagerar med. I denna interaktiva workshop fokuserar vi på att bygga moderna, responsiva och interaktiva användargränssnitt med HTML, CSS och JavaScript.
Du kommer att lära dig hur man skapar dynamiska webbapplikationer där användaren kan interagera med innehållet i realtid. Vi arbetar med moderna tekniker och bästa praxis som används av ledande techföretag i Stockholm och resten av Sverige.
.jpg)
Vad du kommer att lära dig
- JavaScript-grunder – variabler, funktioner, objekt och arrayer
- DOM-manipulation – ändra sidor dynamiskt med JavaScript
- Event-hantering – reagera på användarinteraktioner
- Asynkron JavaScript – promises, async/await och API-anrop
- Modern CSS – animations, transitions och avancerade tekniker
- Komponentbaserad tänk – återanvändbar kod och struktur
- Prestanda – optimera för snabb laddning och smidig användning
- Verktyg – npm, build-verktyg och utvecklingsmiljöer
Förkunskaper
Du bör ha grundläggande kunskaper i HTML och CSS. Om du har deltagit i vår workshop "Webbutveckling" är du väl förberedd. Grundläggande programmeringskoncept är också fördelaktigt.
Interface-fokuserad utbildning
Vi lär dig att tänka som en frontend-utvecklare – fokus på användarupplevelse och interaktivitet.
Användarcentrerat
Allt handlar om att skapa en bra upplevelse för användaren. Vi lär dig att tänka från användarens perspektiv.
Interaktivitet
Lär dig göra sidor som reagerar på användarens handlingar. Formulär, animationer och dynamiskt innehåll.
Responsiv design
Bygg gränssnitt som fungerar perfekt på alla enheter – från mobil till desktop.
Visuell design
Kombinera kod med design. Skapa vackra, professionella gränssnitt som sticker ut.
Modulöversikt
En strukturerad resa från JavaScript-grunder till avancerade frontend-tekniker i denna praktiska workshop.
.jpg)
1 JavaScript-grunder
Variabler, datatyper, funktioner och grundläggande syntax. Börja koda med JavaScript.
2 Objekt och arrayer
Hantera komplexa datastrukturer. Objekt, arrayer och deras metoder.
3 DOM-introduktion
Vad är DOM? Hitta och manipulera element på sidan.
4 Event-hantering
Lyssna på användarinteraktioner. Klick, hover, formulär och mer.
5 Dynamisk styling
Ändra CSS med JavaScript. Lägg till och ta bort klasser dynamiskt.
6 Formulärhantering
Validera och hantera formulärdata. Förhindra fel och ge feedback.
7 LocalStorage och sessionStorage
Spara data i webbläsaren. Bygg applikationer som kommer ihåg användaren.
8 Asynkron JavaScript
Promises och async/await. Hämta data från API:er och hantera asynkrona operationer.
9 Modern CSS-avancerat
CSS-animationer, transitions, transforms och avancerade layouttekniker.
10 Komponentbaserad tänk
Organisera kod i återanvändbara komponenter. Strukturera större projekt.
11 Prestanda och optimering
Gör dina sidor snabba. Lazy loading, debouncing och andra optimeringstekniker.
12 Avslutande projekt
Bygg en komplett frontend-applikation som visar allt du lärt dig.