Front End Developer

Yh-program 2 år 400 Yh-poäng
Stockholm Malmö Distans
80 veckor heltid. Studiestart aug, 2026. Ansökningsperiod: Öppen för Sen anmälan
Distansutbildningen: Studieperiod: 1 dec, 2026--8 okt, 2028. Ansökan öppnar i sep/okt
Utbildningsledare Göteborg: Helena Ranhage Salolehto helena.salolehto@medieinstitutet.se
Utbildningsledare Malmö: Pernilla Leijon pernilla.leijon@medieinstitutet.se
Utbildningsledare Stockholm: Lars Andersson lasse@medieinstitutet.se
Utbildningsledare Distans: Helena Ranhage Salolehto helena.salolehto@medieinstitutet.se
Antagningsfrågor: Tel: 020–10 33 80 (mån, ons, fre: 10.00-12.00) Stäng juli, 2026. antagning@medieinstitutet.se

Avancerad webbutveckling med fokus på form och funktion

För dig som vill arbeta med professionell webbutveckling från idé till avancerade webbplatser för olika plattformar och enheter.

Du kommer att få lära dig allt inom webbproduktion från tanke till färdig webbplats för olika plattformar och enheter.

Vad gör en Front End Developer?

Frontend är allt det en användare ser och interagerar med på en hemsida, webbapplikation, mobil applikation eller CRM-system. För en frontend-utvecklare ligger fokus på användarvänlighet och att skapa en bra upplevelse för besökaren. En frontendutvecklare arbetar huvudsakligen med klientsidan till skillnad från en backend utvecklare som ser till att allt bakom kulisserna fungerar som det ska.

Som front-end utvecklare ansvarar du för att bygga den visuella och interaktiva delen av webbplatser, program, spel eller applikationer. Din uppgift är att säkerställa att användarupplevelsen är smidig, engagerande och funktionell.

Arbetet är både varierande och utmanande — du kan exempelvis omvandla designskisser till fungerande kod, optimera prestanda och anpassa lösningar för olika enheter och webbläsare. Det kräver både teknisk skicklighet och kreativitet, liksom ett starkt öga för detaljer.

Professionell webbutveckling med höga krav

Du tränas i allt från JavaScript, versionshantering, ramverk, html, CSS, webbdesign och användbarhet/UX. Utbildningen inkluderar allt från programmeringsspråk till utveckling av webbapplikationer.

AI ingår i utbildningen

I utbildningen arbetar vi aktivt med AI som en naturlig del av det moderna utvecklingsarbetet. Du lär dig hur AI-verktyg kan användas för att effektivisera och kontrollera koden, förbättra designprocesser och skapa smartare digitala lösningar. Målet är att du ska känna dig trygg i att använda AI som ett verktyg i ditt arbete som utvecklare.

Verklighetsförankrade projekt

Genom praktiska projekt och verkliga fallstudier får du den erfarenhet och kompetens som arbetsgivare söker. Vi arbetar med ledande experter inom Frontendutveckling för att säkerställa att du lär dig de senaste teknikerna och verktygen som används inom branschen idag.

Efter utbildningen kommer du ha kompetens att:

  • Ansvara för webbutveckling med CSS, HTML och JavaScript
  • Arbeta med målgruppsanpassad webbutveckling med hänsyn till användbarhet, tillgänglighet och UX
  • Utveckla, anpassa och testa webblösningar för olika webbläsare och plattformar.
  • Webbutveckling med fokus på olika API:er och ramverk
  • Självständigt behandla teoretisk och praktisk användargränssnittsorienterad utveckling, utformning och programmering av webbplatser, webbtjänster och applikationer
  • Övervaka arbete med användargränssnittsorienterad utveckling, testning av kod, utformning och programmering av webbplatser, webbtjänster och applikationer.

Ämnena vi läser är verkligen kopplade till arbetslivet och vi blir uppdaterad på det senaste inom branschen. Jessica Tennfors, student

Praktikperioder

Ungefär 25 procent av studietiden gör du praktik på olika företag inom branschen. Detta ger dig en bra inblick i yrket och en chans att skapa kontakter som kan leda till jobb efter examen. LIA-perioderna är på heltid och sker oftast på plats hos företagen. Många arbetsgivare finns i storstäderna, så om du bor på en mindre ort kan det vara nödvändigt att resa. Tänk på att du kan behöva ett utdrag från belastningsregistret när du söker din LIA-plats.

Frontend-utbildning i Göteborg?

Vi erbjuder utbildning till Frontend-utvecklare i Malmö, Stockholm och i december på distans. Vill du studera utbildningen på plats i Göteborg? Då rekommenderar vi Frontend-utbildningen på vår systerskola IT-Högskolan erbjuder den i precis Göteborg. Klicka här för att läsa mer om den utbildningen.

Kvalitetsauktoriserad

Vi är en av få yrkeshögskolor som är kvalitetsauktoriserade. Vilket är en trygghet för dig som studerar här.

Auktoriserat utbildningsföretag

Nära samarbete med branschen

Utbildningen har ett tätt samarbete med några av branschen mest framgångsrika företag. Bland annata vhar följande företag varit med och tagit fram utbildningen: OurLiving, Geshdo Now AB, Intervaro AB, Nexer group, Omegapoint, Moobab, GoKaya AB, Dynamic Dog Digital Agency, 24HR, Oddhill, The Shipyard, Alfa ECare, CGI, NewSeed IT Solutions, Cool Stuff, Kruso AB, Convertor, Tengai, YouCruit AB, Consid Excellerate, Comprend Öregrund, Djärke AB, Apiva AB, StudyBee AB.

Kostnadsfri och CSN-berättigad

Det kostar inget att gå utbildningen men eventuella utgifter för läroböcker kan förekomma.  Utbildning berättigar till både lån och stöd från Centrala Studiestödsnämden (CSN).

Alla studerande på Medieinstitutet får fri tillgång till LinkedIn Learning, vilket ger ytterligare möjlighet till flexibel kompetensutveckling genom 16 000 onlinekurser.

Utbildningen är platsbunden förutom en klass som är på distans

Utbildningen är på heltid och sker på plats i klassrum på respektive ort. Det är endast den renodlade distansutbildningen som går att läsa på distans.

Efter examen kommer du bland annat att kunna arbeta som:

  • Frontendutvecklare
  • Front End Developer
  • Gränssnittsutvecklare
  • Javascript utvecklare
  • Web developer

Läs vad tidigare studenter och nuvarande lärare tycker om utbildningen

Magnus Lindgren
Jessica Tennfors   Jenni Litoreus

Läs om vad man får lära sig på utbildnigen

Utbildningens innehåll kan variera lite beroende på vilken ort du studerar på, men kommer dock alltid vara 2 år och 400 yh-poäng.

Innehåll

Front End Developer

400 Yh-poäng

Agilt projektarbete

10p / 2v

Utbildningsmoment
• Olika projektformer – Agila och traditionella
• Verktyg som underlättar agilt arbetssätt
• Olika agila möten och händelser som till exempel
sprintplanering, standups och retrospektiv
• Genomföra ett projektarbete med en agil projektmetod

API-utveckling

45p / 9v

Utbildningsmoment
• REST API:er och CRUD
• Säkerhet och validering
• Databaser – NoSQL och SQL
• Databasdesign
• ORM/ODM
• Programstruktur för hantering av användare och
användardata
• AI och AI-verktyg som berör kursens innehåll
• Hur man publicerar en sida live i produktion med både front
och backend
• TypeScript i backend

Examensarbete

30p / 6v

Utbildningsmoment
• Förarbete och reseach
• Projektarbete
• Abstract skrivet på engelska
• Presentation
• Opponering

HTML och CSS

20p / 4v

Utbildningsmoment
• Terminologi och struktur
• Mallar och ramverk
• HTML, CSS, Grid och Flexbox
• Strikt och mindre strikt HTML
• Validering och tillgänglighet
• Syntaxmässigt korrekta HTML-dokument
• Formatering
• Komprimering av kod
• AI och AI-verktyg som berör kursens innehåll

JavaScript

40p / 8v

Utbildningsmoment
• Lösa problem i grupp
• Grundläggande programmering (villkorade satser,
kontrollflöden, funktioner)
• JavaScript, TypeScript
• JSON
• Felsökning
• Objekt, metoder, klasser och interface
• Organisera kod
• Skapa/manipulera HTML
• AI och AI-verktyg som berör kursens innehåll

JavaScript ramverk

60p / 12v

Utbildningsmoment
• Aktuella JavaScript-ramverk
• Felsökning, spårning, buggar och förbättring
• Enklare statehantering och nätverkskommunikation
• Designmönster och ideologier inom JavaScript-ramverk
• Kommunikation med tredjepartstjänster (API:er)
• Single Page Applications och routing
• Användarautentisering
• Komplex statehantering
• AI och AI-verktyg som berör kursens innehåll

Kompetensportfölj och hållbar utveckling

10p / 2v

Utbildningsmoment
– Smarta mål
– CV, Linkedin, strategier om nätverk
– LIA-processen
– Värdegrund och diskrimineringsgrunderna
– Elevera Code of Conduct
– Hållbar utveckling i branschen kopplat till Agenda 2030
– Företags samhällsansvar. Såväl miljömässigt som
ekonomiskt och socialt (etiskt) ansvar ingår i CSR. (Corporate
Social Responsibility)
– Värdegrund och antidiskriminering kopplat till hållbarhet
– Branschkunskap och relaterade yrkesroller

 

LIA 1

50p / 10v

Utbildningsmoment:
– LIA på företag eller organisation
– En individuell LIA-handlingsplan upprättas mellan studerande
och LIA- handledare och som godkänns av
utbildningsanordnare där en beskrivning av arbetsuppgifterna
framgår.
– HTML
– CSS
– JavaScript
– Versionshanteringsverktyg
– Rapportskrivning
– Presentation

LIA 2

80p / 16v

Utbildningsmoment:
– LIA på företag eller organisation
– En individuell LIA-handlingsplan upprättas mellan studerande
och LIA- handledare och som godkänns av
utbildningsanordnare där en beskrivning av arbetsuppgifterna
framgår.
– JavaScript
– Kommunicera med befintlig backend
– Verktyg och arbetsmetoder
– Rapportskrivning
– Presentation

Mjukvarutestning

15p / 3v

Utbildningsmoment
• Kvalitetssäkring av kod
• Testautomatisering
• Enhetstester
• Integrationstester
• Testverktyg
• A/B-tester
• End to End tester
• Mockning av funktioner och API:er
• AI och AI-verktyg som berör kursens innehåll

UX och tillgänglighet

25p / 5v

Utbildningsmoment
• Samarbete mellan rollerna UX-designer och utvecklare
• Lagkrav och direktiv kring UX och tillgänglighet
(Tillgänglighetsdirektivet som träder i kraft 2025)
• Wireframes och prototyper med Figma
• Målgrupp och Kommunikationsteorier
• Tillgänglighet och användarbarhet
• Färglära, layout och typografi
• Gränssnitt, webbdesigntrender och grafiska riktlinjer

Verktyg, AI och hållbar kod

15p / 3v

Utbildningsmoment
• Verktyg, hjälpmedel och versionshanteringsplattformar
• Konflikthantering
• Refaktorering av kod
• Utvecklingsprinciper
• Förbättring av kod, clean code
• AI

Behörighet

The course is in Swedish

Behörig till utbildningen är den som har:

1. Särskild behörighet, som är specifik för utbildningen.
2. Grundläggande behörighet som är gemensam för alla yrkeshögskoleutbildningar.

Särskild behörighet för Front End Developer

  • Matematik 2, eller motsvarande dokumenterad kunskap.
  • Webbutveckling 1, eller motsvarande dokumenterad kunskap.
    (Obs. Programmering 1 motsvarar inte Webbutveckling 1)

Saknar du Webbutveckling 1 eller Matematik 2?

Har du grundläggande behörighet och men saknar Webbutveckling 1 eller Matematik 2? Lugn, du kan komma in ändå. Lämna din ansökan till utbildningen så kommer du bli erbjuden olika alternativ. Läs mer nedan.

1. Behörighetsgivande prov
Anser du att dina befintliga kunskaper motsvarar kraven för Webbutveckling 1 och/eller Matematik 2? Vi erbjuder kostnadsfria behörighetsgivande prov. Lämna in din ansökan så får du länk till anmälan. Proven ges vid flera tillfällen under våren och du väljer själv ett datum som passar dig.

2. Preparandkurs i webbutveckling
Webbutveckling 1 innebär att du har färdigheter inom HTML 5, CSS 3, och lättare färdigheter i JavaScript. Saknar du motsvarande kunskaper kan du gå en preparandkurs hos oss. Kursen är webb-baserad och du studerar i den takt som passar dig. Kursen avslutas med att du gör det behörighetsgivande provet i Webbutveckling 1. Lämna in din ansökan så får du länk till kursanmälan.

Grundläggande behörighet

Behörig att antas till utbildningen är den som:

  • Avlagt en gymnasieexamen i gymnasieskolan eller inom kommunal vuxenutbildning (lägst betyget Godkänt i minst 2250 gymnasiepoäng)
  • Har en svensk eller utländsk utbildning som motsvarar kraven enligt punkt 1
  • Är bosatt i Danmark, Finland, Island eller Norge och där är
    behörig till motsvarande utbildning,
  • Genom svensk eller utländsk utbildning, praktisk erfarenhet eller på grund av någon annan omständighet har förutsättningar att tillgodogöra sig utbildningen.
  • Den som har annat modersmål än svenska, danska, färöiska, isländska eller norska ska ha de kunskaper i svenska som behövs.
  • Har svenskt personnummer eller samordningsnummer.

Saknar du full behörighet?

Om du inte uppfyller alla behörighetskraven kan du ansöka via något som kallas Reell kompetens eller Fri kvot. Läs mer här>>

Om du har läst kursen Webbdesign på gymnasiet uppfyller du formellt behörighetskravet om Webbutveckling 1, men kursen Webbdesign saknar innehåll om CSS 3 och HTML 5. Vi rekommenderar dig därför att du tillägnar dig kunskaper i CSS 3 och HTML 5 innan utbildningsstart för att vara förberedd inför studierna. Du kan tillgodogöra dig grundläggande förkunskaper via exempelvis https://www.khanacademy.org/.

Tänk på att du kan behöva ett utdrag från belastningsregistret när du söker din LIA-plats.

Urvalsprov/Särskilt prov – Medieinstitutet
Om antalet behöriga sökande överstiger antalet utbildningsplatser får alla behöriga genomföra urvalsprov  (gäller ej korta kurser) Det kan vara olika urvalsprov för de olika utbildningarna. Urvalsproven genomförs digitalt under maj och du kan behöva legitimera dig med Bank-ID. Saknar du Bank-ID eller behöver ett anpassat prov behöver du kontakta oss i god tid. Du skickar ditt mail till antagning@medieinstitutet.se Antagningsteamet kan inte svara på frågor gällande urvalsprovens innehåll. För det flesta av vår utbildningar mäter provet din förmåga att arbeta lösningsorienterat i grupp, analysförmåga och problemlösningsförmåga. Ett antal av våra utbildningar har prov som baseras på utbildningens särskilda förkunskaper.

 

Terminstider

Front End Developer Distans

År 2024-2026
Start              Slut               Veckor           YHP
2024-09-30   2025-01-10   15                  75
2025-01-13   2025-06-20   23                 115
2025-08-11   2026-01-09   22                 110
2026-01-12   2026-05-29   20                 100

År 2025-2027
Start              Slut               Veckor           YHP
20251201     26260612      28                   140
20260817     20270618      44                    220
20270809     20271001        8                      40

År 2026-2027
Kommer

Front End Developer (Göteborg)

År 2024-2026
Start              Slut               Veckor           YHP
2024-08-26   2025-01-10   20                  100
2025-01-13   2025-06-20   23                  115
2025-08-11   2026-01-09   22                  110
2026-01-12   2026-04-24   15                     75

År 2025-2027
Start              Slut               Veckor           YHP
2025-08-25   2026-06-19   43                  215
2026-08-24   2027-05-07   37                  185

Front End Developer (Stockholm)

År 2024-2026
Start              Slut               Veckor           YHP
2024-09-02  2025-01-10   20                  100
2025-01-13   2025-06-20   23                  115
2025-08-11   2026-01-09   22                  110
2026-01-12   2026-04-24   15                    75

År 2025-2027
Start              Slut               Veckor           YHP
2025-09-01   2026-06-19   42                 210
2026-08-10   2027-04-30   38                 190

År 2026-2028
Start              Slut               Veckor           YHP
2026-08-31   2027-06-20   42                  210
2027-08-16   2028-05-07   38                  190

Front End Developer (Malmö)

År 2024-2026
Start              Slut               Veckor           YHP
2024-08-26   2025-01-10   20                  100
2025-01-13   2025-06-20   23                  115
2025-08-11   2026-01-09   22                  110
2026-01-12   2026-04-24   15                     75

År 2025-2027
Start              Slut               Veckor           YHP
2025-08-25   2026-06-19   43                  215
2026-08-10   2027-04-23   37                  185

År 2026-2028
Start              Slut               Veckor           YHP
2026-08-24   2027-06-27   44                  220
2027-08-16   2028-04-23   36                  180

LIA-perioder

För aktuella perioder för Lärande i arbete (praktik), vänligen kontakta respektive utbildningsledare.

Upplägg Distans

Distansutbildningen
Utbildningen är på heltid och behörighet samt antal yh-poäng är identisk med de ortsbundna utbildningarna. Informationen nedan gäller endast distansutbildningen som startar i dec 2026, inte de ortsbundna.

Studieperiod:1 dec, 2026–8 okt,2028
Ansökningsperiod:Ansökningsperiod: 15 sep – 19 okt, 2026
Innehåll
: Se ovan
YH-poäng: 400 Yh-poäng
Längd: 2 år
Studietakt: 100 %, heltid.

Informationen nedan gäller endast distansutbildningen.

Utbildningen

Utöver lärarledda och handledarledda sessioner, innehåller utbildningen liveföreläsningar, flipped classroom, gruppdiskussioner och material för självstudier. Vår distanspedagogik bygger på aktivt deltagande och samarbete mellan dig och utbildarna.

Teknik

För att delta i distansutbildningen behöver du:

  • En modern dator med fungerande kamera helst en laptop (vid fysiska träffar)
  • Hörlurar med mikrofon
  • Tillgång till bredband (minst 10 Mbit/s)
  • En ostörd plats för studier och onlinemöten under dagtid
  • Möjlighet att studera på heltid (upp till 40 timmar per vecka, inklusive lärarledda sessioner, gruppdiskussioner och självstudier)

Fysiska träffar

Utbildningen kommer att ha upp till fyra fysiska träffar, som är en eller två dagar långa. Träffarna kommer till exempel innehålla: studiebesök, föreläsningar, kunskapskontroller, muntliga redovisningar och grupparbeten. Observera att om betygsgrundande moment förekommer är de obligatoriska. Datum kommer att meddelas cirka en månad innan träffen. Tänk på att träffarna kanske inte sker i din geografiska närhet samt att övernattning kan komma att vara aktuellt. Kostnader som resor/övernattning och mat bekostar den studerande på egen hand.

Kombinera med jobb?

Utbildningen sker på heltid under dagtid. Om du har ett extrajobb (helger, kvällar) som inte är nära kopplat till din utbildning, kan du inte räkna arbetet som LIA-praktik. Då måste du vara beredd på att ta tjänstledigt/ledigt för att kunna genomföra LIA-perioderna på heltid.

Självdisciplin

Distansstudier ger stor flexibilitet, men det kräver också att du är bra på att planera din tid. Du måste ha god självdisciplin, kunna planera din tid och hålla koll på viktiga datum för lektioner, tentor och inlämningar.

LIA (Lärande i arbete)

LIA innebär att du gör praktik på en arbetsplats. Tänk på att söka LIA-plats tidigt, gärna redan när du börjar din utbildning. I första hand ansvarar du själv för att ordna en LIA-plats även om du kommer få stöd av din utbildningsledare och skolan i din LIA-process.
LIA genomförs i samverkan med arbetsgivare kopplade till utbildningens hemvist i (Stockholm).
Den studerande kan självklart göra LIA på annan ort efter dialog och godkännande av utbildningsledningen. Utbildningsanordnaren ansvarar för kvalitetssäkring av LIA-platser.
För att kunna genomföra din LIA behöver du frigöra tid för att vara på din LIA-plats på heltid. Även om utbildningen bedrivs på distans så bör LIA-praktiken helst göras på plats. Bor du på en liten ort där det saknas företag eller organisation som har din framtida yrkesroll får du vara beredd att veckopendla/flytta. Tänk på att du kan behöva ett utdrag från belastningsregistret när du söker din LIA-plats.

Grupparbeten

Det förekommer arbete i grupp med gemensamma uppgifter och att det krävs aktivt deltagande i dessa.

Utbildningsledare

Varje YH-program har en utbildningsledare som hjälper och stöttar dig under hela utbildningen, från start till examen. Utbildningsledaren fungerar också som en länk mellan dig och utbildarna.

Ansökan

Sen anmälan
Sen anmälan betyder att ordinarie ansökningsdag har passerat, men att du fortfarande kan lämna in din ansökan. Sena anmälningar antas i turordning, vilket innebär att vi erbjuder alla som är behöriga plats i den ordning ansökningarna kommer in till oss. Tänk därför på att lämna in din ansökan och ladda upp de betyg/intyg som krävs för att styrka din behörighet så fort som möjligt. När utbildningen är helt full tar vi bort möjligheten att göra en sen anmälan.

Frågor: antagning@medieinstitutet.se

Ansök nu
Vi samarbetar med bland andra
+46social / 56K Digital / Actionist / Antrop / Avidly / Belly Balance / BerntzonBylund / Cilbuper IT AB / Dagny / Dear Friends / Designkontoret Silver & Identity Works / Det. / Doberman / Essity / Estrella / Excellence Management / F&B Factory / Fröjd / Google / Göteborgs Universitet / Grebban Design AB / Gullers Grupp / Helsingborg Design LAB / Involve / IVEO / JMWGolin / King / Le Pacte / LEIA Health / MediaCom / Microsoft / Minnesota / MQ / Neovici / New Republic / Nexer / Nexer Recruit / Nine Yards / One.com / Plejd AB / Pyramid / Salgado / Scream / Seventy / Spotify / Spotlight / Stendahls / Techpilots / the amazing society / Topvisible / VASS Productions / W Communications / Wenderfalck / Westander /

Denna webbplats använder cookies

Cookies ("kakor") består av små textfiler. Dessa innehåller data som lagras på din enhet. För att kunna placera vissa typer av cookies behöver vi inhämta ditt samtycke. Vi på Medieinstitutet i Sverige AB, orgnr. 5567019699 använder oss av följande slags cookies. För att läsa mer om vilka cookies vi använder och lagringstid, klicka här för att komma till vår cookiepolicy.

Hantera dina cookieinställningar

Nödvändiga cookies

Nödvändiga cookies är cookies som måste placeras för att grundläggande funktioner på webbplatsen ska kunna fungera. Grundläggande funktioner är exempelvis cookies som behövs för att du ska kunna använda menyer och navigera på sajten.

Cookies för statistik

För att kunna veta hur du interagerar med webbplatsen placerar vi cookies för att föra statistik. Dessa cookies anonymiserar personuppgifter.

Cookies för annonsmätning

För att kunna erbjuda bättre service och upplevelse placerar vi cookies för att kunna anpassa marknadsföring till dig. Ett annat syfte med denna behandling är att kunna marknadsföra produkter eller tjänster till dig, ge anpassade erbjudanden eller marknadsföra och ge rekommendationer kring nya koncept utifrån vad du har köpt tidigare.

Cookies för personlig annonsmätning

För att kunna visa relevant reklam placerar vi cookies för att anpassa innehållet för dig

Cookies för anpassade annonser

För att visa relevanta och personliga annonser placerar vi cookies för att tillhandahålla unika erbjudanden som är skräddarsydda efter din användardata