Frontendutvecklare
Folkuniversitetet hjälper IT-branschen att utbilda nya kompetenta medarbetare.

Vi ser dagligen att företag inom IT-branschen kämpar med att hitta kompetent personal. Utmaningarna är många: Företag rekryterar medarbetare från varandra och branschen växer. Ett av de yrken det finns störst behov av är utbildade Frontendutvecklare.
Folkuniversitetet vill därför ha behovet av helt nya Frontendutvecklare bekräftat av dig som arbetar inom branschen. Om du och dina kollegor anser att det finns ett kompetensgap avser vi att söka en yrkeshögskoleutbildning som hjälper er att fylla det.
Utbildningens upplägg
- 2 år på heltid, 400 yhp
- Start i september
- Studier på plats i Karlstad
- Lärande i arbete (LIA, praktik) under det andra utbildningsåret
Kurser i studieordning
- Introduktion till IT-branschen och yrkesrollen 5yhp
- UX/UI grunder 30yhp
- HTML & CSS 40yhp
- Introduktion till programmering och datalogiskt tänkande 10yhp
- Javascript 40yhp
- Arbeta agilt 15yhp
- Frontend-ramverk 35yhp
- Backend med Node.js 25 yhp
- Utvecklingsmiljöer och deployment 30 yhp
- Fullstack webbapplikation 30 yhp
- UX/UI fördjupning 20 yhp
- LIA 1 50 yhp
- Examensarbete 20 yhp
- LIA 2 50 yhp
Du kan läsa mer om innehållet i kurserna längre ner på sidan.
Utbildningens övergripande lärandemål
Efter avslutad utbildning har den studerande kunskaper om:
- Progressiva webbappar och nyttjandet av standardiserade webbAPIer som manifest, offline caching, service workers och pushnotiser.
- Angränsande webb-APIer, till exempel fetch och geoLocation.
- Hur man arbetar progressivt i ett modernt utvecklingsprojekt där man använder webbappar för att skapa installerbara applikationer på en mobiltelefon.
Efter avslutad utbildning har den studerande färdigheter i att:
- Planera, utföra samt identifiera resurser för att utföra specialiserade arbetsuppgifter kopplade till att skapa installerbara webbapplikationer.
- Lösa sammansatta problem inom ett flexibelt och skalbart utvecklingsprojekt med Progressiva Web Apps.
Efter avslutad utbildning har den studerande kompetensen att:
- Självständigt utveckla och använda webbapplikationer för att skapa installerbara plattformsoberoende applikationer för både Android och iOS.
- Övervaka och slutföra utvecklingsprojekt av progressiva webbapplikationer.
Kursernas innehåll
Arbeta agilt 15 yhp
Kursen går igenom verktyg, tekniker och processer för hur man arbetar med systemutveckling i agil form tillsammans i team. Metoder som kanban, XP och Scrum bearbetas både teoretiskt och praktiskt. Kursen avslutas med ett projektarbete. Innehåll: - Teamwork och psykologisk säkerhet - Agila processer och metoder - Ett projekt i scrumform med HTML + CSS + JavaScript med AJAX
Backend med Node.js 25 yhp
Node.js är en plattform som möjliggör JavaScript på serversidan (det som kallas backend). Kursen syftar till att ge studenterna förståelse och grundläggande kunskap i hur man bygger en säker webbtjänst med node.js som backend-teknik. Innehåll: - Node.js grunder - JSON - Auth (exempelvis JWT eller webbtjänst) - Skapandet av ett API (REST alt. GraphQL) - Databas (moln eller on-premises)
Examensarbete 25 yhp
Kursen ger den studerande möjlighet att med handledning från utbildningsanordnaren skapa ett skarpt projekt för en uppdragsgivare inom arbetslivet med tillhörande reflektion. Den studerande kommer att applicera samtliga kunskaper, färdigheter och kompetenser i projektet och skall även inom ramen för kursen lära sig och tillämpa andra tekniker än de som utbildningens kurser innehåller, exempelvis Typescript.
Frontendramverk 35 yhp
Javascript ramverk är en central färdighet för en frontendutvecklare. Med ramverk bygger man skalbara, större applikationer där data, logik och presentation hålls åtskilda. Kursen går igenom webbutveckling med ett modernt JavaScriptramverk, exempelvis Vue, Angular eller React. Innehåll: - Components och andra koncept kring användandet av ramverk - Ramverk grunder - Router - Statehantering med ex. Vuex eller Redux
Fullstack webbapplikation 30 yhp
Kursen syftar till att ge fördjupad förståelse för samtliga delar av ett webbprojekt, från användarvänlighet till affärslogik på serversidan. Studenterna får i denna kurs praktisera agila arbetsformer i team och skapa ett helt projekt från koncept / UI till driftsättning. Innehåll: - Agila projektprocessen - UX / UI - Frontend med ramverk - Backend med node.js – Deployment
HTML & CSS 40 yhp
Kursen går igenom hur man bygger tillgängliga responsiva webbplatser med HTML och CSS. Kursen ger även grunder i samarbetsformer och versionshantering med verktygen Git och GitHub. Innehåll: - HTML5, semantik och tillgänglighet - CSS3, responsiv design - Git och GitHub – Projektarbete
Introduktion till UT-branschen och frontendutveckling 5 yhp
Kursen sätter yrkesrollen i sitt sammanhang och utreder vad en frontendutvecklare fyller för funktion i utvecklingen av en webbapplikation. Kursen undersöker även kringliggande roller och tekniker som ingår i yrkeslivet som frontendutvecklare. Innehåll: - Front- vs Backend - Utvecklingsverktyg miljöer
Introduktion till programmering och datalogiskt tänkande 10 yhp
Kursen syftar till att fördjupa den konceptuella förståelsen för utveckling och programmering. Genom att träna på datalogiska processer samt problemlösning och pseudokod blir steget till mer avancerad programmering mycket lättare. Innehåll: - Datalogiska processen (dekomposition, mönster, abstraktion, algoritmer) – Pseudokod
JavaScript med ES6+ 40 yhp
Kursen går igenom grundläggande programmering i JavaScript med modern syntax, ES6 och nyare. Kursen går även igenom hur man använder JavaScript för att skapa en dynamisk webbsida med DOM-manipulering och AJAX för att använda externa API. Säkerhet för dynamisk JavaScript ingår också i denna kurs. Innehåll: - Grundläggande JavaScript ES6 - Variabler, funktioner, loopar, programflöde, conditional operator, loopar, objekt. - Higher order functions, spread operator - DOM-interactions - API användning och asynkron kod - Cross Site Scripting (XSS) och Content Security Policy
LIA 1 50 yhp
Kursen syftar till att den studerande skall omsätta de tillägnade teoretiska kunskaperna, färdigheterna och kompetenserna i en verklig kontext för att därigenom fördjupa sin förståelse för yrkesrollen och för utbildningens innehåll i stort. Innehåll: - Lärande i arbete, arbetsplatsförlagd utbildning
LIA 2 50 yhp
Kursen syftar till att den studerande skall omsätta de tillägnade teoretiska kunskaperna, färdigheterna och kompetenserna i en verklig kontext för att därigenom fördjupa sin förståelse för yrkesrollen och för utbildningens innehåll i stort. Innehåll: - Lärande i arbete, arbetsplatsförlagd utbildning
Utvecklingsmiljöer och driftsättning 30 yhp 30 yhp
I näringslivet är de flesta webbapplikationer verksamhetskritiska. För att kunna utveckla säkra, optimerade, stabila webbapplikationer så använder man en utvecklingsmiljö där det går att testa olika scenarion, d.v.s. en servermiljö som är anpassad för själva utvecklingsfasen. När en webbapplikation når eftersträvad stabilitet, säkerhet och prestanda driftsätter man den i en produktionsmiljö, d.v.s en servermiljö som gör appen tillgänglig för slutkund. Denna kurs syftar till att lära studenterna grunderna i att jobba i en utvecklingsmiljö samt att driftsätta en färdig app i en produktionsmiljö. Innehåll: - Docker koncept och grunder - CD/CI
UX/UI fördjupning 20 yhp
Kursen bygger vidare på studenternas UX/UI-kunskaper från grundkursen. Nu med ett lager av interaktiv grafik och animeringar. Dagens moderna webbplatser använder animationer och interaktion för att förmedla data, information och budskap. I denna kurs lär sig studenterna skapa interaktiva grafer och animeringar som förhöjer användarupplevelsen. Innehåll: - Produktion av interaktiv SVG-grafik, exempelvis charts.js eller snap.svg - Animationer med JS-bibliotek exempelvis anime.js eller velocity.js
UX/UI grunder 30 yhp
Kursen går igenom grundläggande principer för att arbeta med grafik, gränssnitt och användarupplevelse i en modern webbapplikation. Innehåll: - Grafikredigeringsprogram (ex. Photoshop, Illustrator) - UX & UI programvara (Figma, Adobe XD) - Principer för UX och UI