Utbildningens innehåll

Här kan du läsa om kurserna som ingår i YH-utbildningen Frontendutvecklare. Kurserna har tagits fram tillsammans med arbetslivet och ger dig den spetskompetens som efterfrågas av arbetsgivare.

Kursernas längd anges i yrkeshögskolepoäng (YH-poäng). Fem poäng motsvarar en veckas studier på heltid. 100 poäng motsvarar ett halvårs heltidsstudier, 200 poäng ett års heltidsstudier och 400 poäng två års heltidsstudier.

Arbeta agilt, 15 YH-poäng

Du lär dig verktyg, tekniker och processer för hur du 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 YH-poäng

Node.js är en plattform som möjliggör JavaScript på serversidan (det som kallas backend). Kursen ger dig förståelse och grundläggande kunskap i hur du bygger en säker webbtjänst med node.js som backend-teknik.

Innehåll:

  • js grunder
  • JSON
  • Auth (exempelvis JWT eller webbtjänst)
  • Skapandet av ett API (REST alt. GraphQL)
  • Databas (moln eller on-premises)

Examensarbete, 25 YH-poäng

I kursen får du möjlighet att med handledning från utbildningsanordnaren skapa ett skarpt projekt för en uppdragsgivare inom arbetslivet med tillhörande reflektion. Du applicerar alla dina kunskaper, färdigheter och kompetenser i projektet och lär dig även tillämpa andra tekniker än de som utbildningens kurser innehåller, exempelvis Typescript.

Innehåll:

  • Examensarbete

Frontend-ramverk, 35 YH-poäng

JavaScriptramverk är en central färdighet för en frontendutvecklare. Med ramverk bygger du skalbara, större applikationer där data, logik och presentation hålls åtskilda. I kursen lär du dig 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

Full stack webbapplikaton, 30 YH-poäng

Kursen ger dig fördjupad förståelse för samtliga delar av ett webbprojekt, från användarvänlighet till affärslogik på serversidan. Du får 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 YH-poäng

Du lär dig bygga tillgängliga responsiva webbplatser med HTML och CSS. Kursen ger dig ä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 it-branschen och frontendutveckling, 5 YH-poäng

På den här kursen sätter vi yrkesrollen i sitt sammanhang och tar reda på vad en frontendutvecklare fyller för funktion i utvecklingen av en webbapplikation. Du får även lära dig mer om 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, 5 YH-poäng

Du fördjupar din konceptuella förståelse 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 YH-poäng

Du lär dig grundläggande programmering i JavaScript med modern syntax, ES6 och nyare. Du får även lära dig hur du 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 kursen.

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

Lärande i arbete 1, 50 YH-poäng

På den är kursen omsätter du dina teoretiska kunskaper, färdigheter och kompetenser i en verklig kontext och fördjupar din förståelse för yrkesrollen och för utbildningens innehåll i stort.

Innehåll:

  • Lärande i arbete, arbetsplatsförlagd utbildning

Lärande i arbete 2, 45 YH-poäng

På den är kursen omsätter du dina teoretiska kunskaper, färdigheter och kompetenser i en verklig kontext och fördjupar din 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 YH-poäng

I näringslivet är de flesta webbapplikationer verksamhetskritiska. För att kunna utveckla säkra, optimerade, stabila webbapplikationer använder man en utvecklingsmiljö där det går att testa olika scenarion, det vill säga 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ö, det vill säga en servermiljö som gör appen tillgänglig för slutkund. På den här kursen lär du dig 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 grunder, 30 YH-poäng

Du lär dig 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

UX/UI fördjupning, 20 YH-poäng

Kursen bygger vidare på dina 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. På den här kursen lär du dig att 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