Mellan dussintals inlärningsplattformar, hundratals bloggar och YouTube finns det en oändlig mängd webbdesignkurser och inlärningsmaterial tillgängligt online.

Men det är inte av samma kvalitet. Om du börjar på fel ställe, kommer du att slösa bort din tid och pengar.

Vi har sökt igenom webben efter de allra bästa och mest aktuella webbdesignkurserna, både gratis och betalda, och sammanställt en kortlista över de bästa alternativen.

Så om pendling till kontoret varje morgon och lidande genom eftermiddagsrusningen på vägen hem varje dag inte är din grej, fortsätt läsa.

Vi täcker alla kurser du behöver för att kickstarta din nya karriär som webbdesigner.

Vilka kvalifikationer krävs för att bli webbdesigner?

Webbdesignyrket har traditionella hårda kvalifikationer såsom att en universitetsexamen inte är lika mycket värd som i andra branscher.

Det är en snabbt föränderlig bransch, så en 10-årig examen betyder inte att du är en bra webbdesigner idag.

Istället bedöms webbdesigners vanligtvis efter sin katalog över senaste arbeten som visas genom deras portföljens webbplats.

Och det är inte bara de tidigare projekten i din portfölj som hjälper till att lyfta fram dina färdigheter.

Du kan övertyga potentiella kunder om att du har de nödvändiga design- och utvecklingsfärdigheterna med själva webbplatsen.

För att bli inspirerad av verkliga portföljwebbplatser med hjälp av banbrytande element av frontend design och utveckling kan du undersöka tidigare prisbelönta projekt på Awwwards.

Awwwards portföljsajter
Awwwards portföljsajter

Titta på hur varje designer använder Typografi, blanksteg, animationer, ikoner och andra designelement för att sätta sin bästa fot framåt.

Du kan också hitta inspiration i andra kreativa samhällen som Dribble eller Behance.

Bemästra nödvändiga verktyg och mjuka färdigheter för framgång

Det finns också ett antal verktyg som du behöver behärska och mjuka färdigheter som kommer att göra eller bryta din karriär som webbdesigner.

Låt oss börja med att titta på några av de verktyg du kan använda.

  • Grundläggande illustrations- och fotoredigeringsverktyg: Illustrator, Photoshop, Sketch eller GIMP.
  • Verktyg för interaktionsdesign: Adobe XD eller Invision Studio.
  • Lokal utvecklingsmiljö (om du utvecklar prototyper eller arbeta med ett CMS): DesktopServer, XAMPP, etc. (Lär dig installera WordPress lokalt för testning av nya konstruktioner.)

Det finns också ett antal populära ramverk och CSS som kan hjälpa dig att sticka ut.

  • Animeringssatser: Animate.css, Bounce.js och mer.
  • jQuery bibliotek och plugins: Lat belastning, parallaxrullning och mycket mer.
  • Förtrogenhet med Bootstrap, React och andra populära ramverk för frontend utveckling är avgörande.
  • Att känna till WordPress och hur man skapar en mall kan också vara en viktig försäljningsplats för potentiella kunder som arbetar med CMS.

Du behöver också ett antal mjuka färdigheter om du vill lyckas.

  • En förståelse för konsumentpsykologi och mänskligt beteende på webbplatser. Grundläggande begrepp inkluderar beslutsförlamning, värdet av socialt bevis och färgpsykologi.
  • Som frilansare måste du lära dig att prissätta projekt och använda grundläggande förhandlingstaktik.
  • Du måste också lära dig att skapa förslag och landa en kund. Detta är en värdefull färdighet även inom en byrå- eller företagsinställning.

De 20 bästa webbdesignkurserna online (gratis vs betalda)

Nedan kommer vi att lyfta fram några av de allra bästa webbdesignkurserna online, tillgängliga både som gratis och betalda resurser.

För att hjälpa dig att hitta det du letar efter snabbare har vi delat upp dem i följande kategorier.

Gratis online webbdesign videokurser

Om du föredrar att lära dig genom videoformatet, med någon som vägleder dig genom varje ny kod eller teknik, finns det många gratisalternativ tillgängliga online.

1. WebFlow University: Ultimat webbdesignkurs

WebFlow University webbdesign kurs
WebFlow University webbdesign kurs

Ultimat webbdesignkurs är en gratis kurs som erbjuds av WebFlow university, en online-inlärningsplattform värd och utvecklad av CMS och designverktyget WebFlow.

Det innehåller över 5 timmars videolektioner och är en bra introduktion till allt webbdesign.

Ämnen:

  • Grunderna i HTML och CSS
  • Webbstruktur
  • Knappar
  • Typografi
  • Medieelement
  • Komponenter
  • Grunderna i styling
  • Grunderna i layout
  • Avancerade layouter
  • Responsiv design
  • CMS och dynamiskt innehåll
  • SEO

Längd: 5 timmar (av video)

Certifikat: Inte tillgänglig

Proffsen:

  • Uppdaterad banbrytande introduktion till webbdesign.
  • Lätt att följa instruktioner.
  • Över 5 timmars videoinnehåll (mycket längre faktiskt lärande om du följer med).

Nackdelar:

  • Även om det är en bra snabbkurs ger det dig inte den bästa grundläggande förståelsen för alla koncept.

2. BYOL: Nybörjarwebbdesign med HTML5, CSS3 och visuell studiokod

Nybörjarkurs i webbdesign
Nybörjarkurs i webbdesign

Webbdesigner och YouTuber Bring Your Own Laptop har skapat en gratis 4-timmarskurs som heter Webbdesign för nybörjare med HTML5, CSS3 och Visual Studio Code.

Formatet är en enda 4-timmars video på YouTube, komplett med ett paket träningsfiler som är fritt nedladdningsbara.

Under hela kursen kommer du att lära dig att skapa tre olika webbplatser med ökande nivåer av komplexitet och svårigheter, och slutligen hur du gör din webbplats lyhörd.

Ämnen:

  • Grunderna i HTML och CSS
  • Huvud- och HTML-taggar
  • CSS-klasser
  • Webbstruktur och div-kapsling
  • Medieelement
  • Extern CSS
  • Testa din webbplats
  • Grunderna i styling
  • Grunderna i layout
  • Avancerade layouter
  • Responsiv design
  • CMS och dynamiskt innehåll
  • Seo

Längd: 4 timmar (av video)

Certifikat: Inte tillgänglig

Proffsen:

  • Underhållande och lättsmälta instruktioner (de flesta YouTube-kommentarer belyser hur lätt det är att följa med).
  • Nästan 4 timmars videoinnehåll tillgängligt på YouTube gratis, indelat i avsnitt för en bättre översikt.

Nackdelar:

  • Ganska grundläggande, för att följa hela kursen (16 timmar) måste du registrera dig för ett Bring Your Own Laptop-medlemskap för $ 12 / månad.

3. freeCodeCamp: Introduktion till responsiv webbdesign – HTML & CSS Tutorial

gratisCodeCamp YouTube-kurs
gratisCodeCamp YouTube-kurs

Under 2019 släppte freeCodeCamp en 4-timmars introduktionskurs responsiv design på sin YouTube-kanal.

Kursen kommer att lära dig hur du skapar en enda, 3-sidig responsiv webbplats, liksom grunderna i responsiv design, CSS och HTML5.

Ämnen:

  • Grunderna i responsiv design
  • Mobil-första design
  • CSS-enheter
  • Em vs px vs rems
  • Flexbox (flexbox)
  • CSS-stilar
  • Responsiva behållare
  • Mediefrågor
  • Responsiv navigering
  • Sidstruktur
  • Widgets

Längd: 4 timmar (video)

Certifikat: Inte tillgänglig

Proffsen:

  • Få en djupare förståelse för hur du skapar en korrekt responsiv design med HTML och CSS 2021.
  • Lär känna viktiga CSS-enheter och avancerade HTML-taggar.
  • Över 4 timmars snyggt uppdelad video tillgänglig gratis (ingen registrering) på Youtube.

Nackdelar:

  • Begränsad grundläggande information utöver responsiv design (bra om du redan kan grundläggande HTML och CSS).

4. OpenClassrooms-kurs: Bygg dina första webbsidor med HTML och CSS

OpenClassrooms introduktionskurs
OpenClassrooms introduktionskurs

OpenClassrooms erbjuder en gratis introduktionskurs som heter Skapa dina första webbsidor med HTML och CSS.

Det börjar från början och kommer att ge dig en stor grundläggande förståelse för både HTML5 och CSS3. Om du inte har någon som helst erfarenhet av webbutveckling eller design är detta ett bra ställe att börja.

Ämnen:

Längd: 10 timmar

Certifikat: Tillgänglig (med medlemskap på $ 20 / månad)

Proffsen:

  • Bra introduktion till webbdesign, med det senaste inom HTML och CSS.
  • Samling av Codepen-poster för att markera hur olika kod fungerar i den verkliga världen.
  • 10 timmars gratis lärande, inklusive interaktiva frågesporter och videolektioner.

Nackdelar:

  • Stannar vid det mycket grundläggande, vilket ger dig en begränsad förståelse för många olika koncept.

Betalda online webbdesign videokurser

Om du har pengar att investera finns det också ett antal högkvalitativa betalda kurser om webbdesign tillgängliga online värda att titta på. Om du planerar att göra det till en karriär, bör det vara en no-brainer att investera i din utbildning.

5. Udemy Course: Webbdesign för nybörjare: Verklig kodning i HTML och CSS

Udemy webbdesignkurs
Udemy webbdesignkurs

Udemy är en av de mest populära premiuminlärningsplattformarna online. Det finns kurser tillgängliga om allt från webbplatsdesign till frilansande och produktivitet.

Men det bästa stället att börja på är Webbdesign för nybörjare: Verklig kodning i HTML och CSS onlinekurs.

Ämnen:

  • HTML-layout och väsentligheter
  • Media
  • Teckensnitt och typografi
  • Sidstruktur
  • Navigering
  • Former
  • CSS-väsentligheter
  • Bakgrunder
  • Flexbox (flexbox)
  • CSS3-animeringar
  • JavaScript-ramverk
  • Bootstrap

Length: 11 hours (of video)

Pris: $16.99 (Priset $100+ är en försäljningstaktik)

Certifikat: Tillgängliga

Proffsen:

  • Välstrukturerad introduktionskurs som täcker alla grunderna i lyhörd design 2021.
  • Aktuell information (senast uppdaterad i juli 2020).
  • Interagera med en community och ställ frågor till kursinstruktören.
  • Engångsavgift (i stället för månadsbetalningar).

Nackdelar:

  • För en betald kurs är det inte den mest djupgående kursen som finns tillgänglig.

6. TreeHouse: Webbdesignspår

TreeHouse webbdesignspår
TreeHouse webbdesignspår

TreeHouse är en prenumerationsbaserad online-inlärningsplattform som passar både designers och programmerare. Den webbdesignspår erbjuder 43 timmars video och interaktiva lektioner om HTML, CSS, layouter och andra grunderna i webbdesign.

Det innehåller också grundläggande färdigheter för en spirande grafisk formgivare, som en SVG Tutorial.

Ämnen:

  • Grunderna i HTML och CSS
  • Webbdesignprocess
  • Avancerade HTML-formulär
  • Tabeller
  • Typografi
  • CSS-layouter
  • Responsiv design
  • Flexbox (flexbox)
  • Bootstrap 4
  • Trådfraktion
  • CSS-animeringar
  • CSS-rutnätslayout

Length: 43 hours (of video)

Pris: $ 25 / månad för kurser och $ 49 / månad för kurser plus.

Certifikat: Inte tillgängligt för spår (endast tillgängligt för Techdegree-programmen på $ 199 /månad).

Proffsen:

  • Bra djupgående introduktion till webbdesign med över fyrtio timmars interaktivt lärande.
  • En aktiv community som du kan interagera med och lära av.
  • Skapa en solid grund med över 15 timmars inlärning enbart om HTML- och CSS-grunder.

Nackdelar:

  • Om du arbetar heltid och har lite ledig tid kan TreeHouse bli dyrt om du fortsätter att försena din studie.

7. Frontend Masters: CSS-rutnät /Flexbox-kurs

FM – CSS Grid & Flexbox kurs
FM – CSS Grid & Flexbox kurs

Frontend-mästare är en bra inlärningsplattform för både nybörjare och mellanliggande webbdesigners. Denna kurs kommer att lära dig exakt hur du använder moderna CSS-tekniker för att skapa en responsiv layout för din webbplats.

Det hjälper dig att överbrygga klyftan mellan en grundläggande HTML-trådramdesigner och någon som kan skapa funktionella prototyper och mallar.

Ämnen:

  • Grunderna i responsiv design
  • CSS-flottör
  • Grunderna och implementeringen i Flexbox
  • Responsiva bilder
  • Grunderna och implementeringen av CSS-rutnätet

Längd: 5+ timmar (av video)

Pris: $39/månad

Certifikat: Tillgängliga

Proffsen:

  • Fantastiska videolektioner från en professionell designpedagog i toppklass.
  • Kommer att lära dig hur modern responsiv design fungerar, vilket är ett måste även för trådrams- och layoutdesigners.
  • FM har andra bra kurser för att lära sig grundläggande webbdesign och utvecklingsgrunder.

Nackdelar:

  • Som med andra onlinekurser kan det bli lite dyrt om du behöver mer tid (månader går snabbt ihop).

8. Skillcrush: Frontends utvecklingskurs

Skillcrush – Frontends utvecklingskurs
Skillcrush – Frontends utvecklingskurs

Skillcrush erbjuder en djupgående introduktionskurs till frontend-utveckling, perfekt för nybörjare. Dess pris och tidslinje innebär att det har mer gemensamt med några av de mer vanliga MOOC: erna, men strukturen är gratisformat, och du kan lära dig så snabbt du vill.

Ämnen:

Längd: 3 månader (genomsnittlig tid till slutförande )

Pris: $ 549 engångsbetalning eller $ 199 / månad i tre månader

Certifikat: Tillgängliga

Proffsen:

  • Bra djupgående introduktion till frontend utveckling och webbdesign som helhet.
  • Lär dig av exempel när du kan se hur andra deltagare slutförde uppgifter.

Nackdelar:

  • Det är lite på den dyra sidan och återbetalningspolicyn verkar lite svag.

9. Envato Tuts+: Responsiv webbdesign för nybörjare

Tuts+ – Responsiv webbdesignkurs
Tuts+ – Responsiv webbdesignkurs

The Tuts+ responsiv webbdesignkurs för nybörjare är en snabb introduktion till grunderna för responsiv design, HTML, CSS, mediefrågor och mer.

Ensamt kanske det inte verkar vara det bäst betalda valet, eftersom det knackar ut på drygt 3 timmar. Men Tuts+ premium innehåller över 20 kurser om webbdesign, från att använda specifik programvara som Sketch eller Adobe XD till en djupgående kurs om webbtypografi.

Ämnen:

  • Grunderna i HTML, CSS och JS
  • Mediefrågor och responsiv design
  • Responsiva bilder
  • Mediefrågor
  • Rutnätslayout

Längd: 3 timmar (video )

Pris: $16.50/månad

Certifikat: Ej tillämpligt

Proffsen:

  • Lär dig hur du använder designprogramvara som Adobe XD och Sketch från andra kurser.
  • Lär dig banbrytande CSS- och HTML-trick från dedikerade kurser.
  • Få tillgång till miljontals lagerfoton, webbmallar och mycket mer med samma medlemskap.

Nackdelar:

  • Deras introduktionskurs i sig är grundläggande och något daterad.

10. Paul Boag – Uppmuntrande klick Masterclass

Uppmuntra klick masterclass
Uppmuntra klick masterclass

Paul Boag är en ledande utbildare och författare inom konverteringsoptimering och UX-design. Han har skrivit flera böcker på webb och UX-design för Smashing Magazine och är en återkommande kolumnist för många ledande webbdesignpublikationer.

Hans ”Uppmuntra klick masterclass” är en assisterad videokurs där du får direkt tillgång till att fråga Paul själv under hela kursen. Du kommer att lära dig grunderna i att designa webbplatser som driver åtgärder och konverteringar, utan att tillgripa skumma trick eller mörka mönster.

Ämnen:

  • Grunderna i konverteringsoptimering
  • Mäta rätt mätvärden
  • Grundläggande konsumentpsykologi och hur man drar nytta av det med designval
  • Skapa bättre uppmaningar
  • A/B-testning och pågående optimering

Längd: 4 timmar och 30 minuters video

Pris: $267 engångsavgift

Certifikat: Ej tillämpligt

Proffsen:

  • Lär dig hur du skapar design som ökar konverteringar för dina kunder.

Nackdelar:

  • Öppnar bara några gånger per år.

Webbdesignprogram och examen för online universitet (MOOC)

Genom massiva online öppna kurser (MOOC) plattformar som Coursera, erbjuder vissa universitet sin fullständiga webbdesign läroplan online gratis.

Alla kurser är dock inte lika, så vi lyfter bara fram grödans grädde.

11. Coursera: Webbdesign för alla: Grunderna i webbutveckling och kodning specialisering

Coursera U-M webbdesign kurs
Coursera U-M webbdesign kurs

Webbdesign för alla vid University of Michigan är en av de mest populära utvecklingskurserna på Coursera.

Det täcker grunderna i HTML, CSS och JS, samt responsiv webbdesign och webbtillgänglighet.

Om du inte behöver eller vill ha certifieringen eller krediterna kan du granska kursen gratis.

Ämnen:

  • Webbutveckling
  • Grunderna i övergripande formatmallar (CSS)
  • GRUNDERNA i HTML5
  • Grunderna i JavaScript
  • Responsiv webbdesign
  • Webbtillgänglighet
  • Dom (Document Object Model)
  • Bootstrap

Längd: 70 timmars lärande (inklusive recensioner och experiment).

Pris: Fri att granska kursen.

Certifikat: $ 49 / månad medlemskap krävs för att få certifikatet.

Proffsen:

  • Perfekt för att utveckla en solid grund som webbdesigner, med över 30 timmars lärande om GRUNDERNA HTML, JS och CSS.
  • Interagera med en blomstrande online-gemenskap av andra ivriga elever.
  • Slutför recensioner, experiment och mer för att bättre internalisera allt du lär dig.

Nackdelar:

  • Få klagomål om att inlärningsmaterialet är under par (stavfel, fel i frågesporterna etc.)

12. EdX: W3CX Frontend Developer Program

W3CX Frontend webbutvecklare program
W3CX Frontend webbutvecklare program

Den W3CX Frontend-utvecklarprogram från edX är perfekt för absoluta nybörjare som vill bygga solida grunder på alla kärnspråk för frontendutveckling.

Ämnen:

  • Grunderna i HTML, CSS och JS
  • Avancerad responsiv design, CSS-rutnät och flexbox
  • Navigering
  • Moderna HTML5-API:er som tidsformat textspår och enhetsorientering

Längd: 140 timmars lärande (inklusive recensioner och experiment).

Pris: Fri att granska enskilda kurser självständigt.

Certifikat: $ 895.50 engångsavgift krävs för att få certifikatet.

Proffsen:

  • Extremt djupgående information direkt från källan (W3C).
  • Lärare är högkvalificerade utvecklare som arbetar på Microsoft.
  • Interaktiv med en aktiv online-community för att få hjälp och lära sig kollektivt.

Nackdelar:

  • Den senare halvan av kursen är mer fokuserad på webbapplikationsutveckling.

13. Udacity: Frontend Utveckling Nanodegree

Frontend dev nanodegree
Frontend dev nanodegree

Den Udacity frontend webbutveckling nanodegree kommer att lära dig grunderna i HTML, CSS och responsiv webbdesign, plus mycket mer.

Även om det inte tekniskt sett är ett universitetserbjudande, är strukturen, formatet, utbildningsdjupet och priset på en Udacity nanodegree i linje med vanliga MOOC-program.

Ämnen:

  • Grunderna i HTML, CSS och JS
  • Avancerad responsiv design, CSS-rutnät och flexbox
  • Skapa en dynamisk målsida för marknadsföringsinnehåll
  • Moderna webb-API:er
  • Automatisera repetitiva uppgifter med Webpack och andra arbetsflödesverktyg

Längd: 100+ timmars lärande (inklusive recensioner och experiment).

Pris: $ 1356 engångsavgift för 4 månaders åtkomst, eller $ 399 / månad

Certifikat: Finns med nanodegree priset.

Proffsen:

  • Inkluderar professionella projekt- och uppdragsrecensioner och feedback.
  • Interagera med dedikerade tekniska mentorer.
  • Få riktiga 1-mot-1-råd från en personlig karriärcoach mot slutet av examen.

Nackdelar:

  • Gratis lärande är begränsat till en 7-dagars gratis provperiod.

14. Framtida lär dig: UX-design och forskning (User Experience)

Future Learn – UX Design-kurs
Future Learn – UX Design-kurs

Den Användardesign och forskning program från Future Learn och University of Michigan är perfekt för blivande webbdesigners som vill lära sig mer om UX-design.

Ämnen:

  • Design heuristik
  • Grunderna för användarupplevelseforskning (UX-intervjuer, undersökningsprotokoll, datautvinning)
  • Affinitetsväggar
  • Designprocess och prototyper
  • Implementera datadriven UX-design

Längd: 88 timmars lärande (inklusive recensioner och experiment).

Pris: Gratis att granska de enskilda kurserna

Certifikat: $ 345 engångsavgift krävs för att få certifikatet och livstidsåtkomst till varje kurs.

Proffsen:

  • Bra kurs för att utveckla en bättre förståelse för hur användare interagerar med webbplatser och appar.
  • Kan använda färdigheterna för att erbjuda mer omfattande tjänster, utöver en grundläggande webbplatsdesign.

Nackdelar:

  • Inte en kurs speciellt skräddarsydd för webbdesign.

15. OpenHPI: Människocentrerad designkurs

Människocentrerad designkurs
Människocentrerad designkurs

Om du vill förbättra dina designgrunder kan detta kurs i människocentrerad design är ett bra ställe att börja.

Det kan hjälpa dig att förbättra dina ideations- och forskningsfärdigheter, vilket ger dig en starkare verktygslåda att arbeta med som webbdesigner.

Ämnen:

  • Definiera mål
  • Självmordstankar
  • Syntes

Längd: 10-11 timmars lärande (inklusive recensioner och experiment).

Pris: Gratis

Certifikat: Grundläggande intyg om slutförande tillgängligt.

Proffsen:

  • Bra kurs för att snabbt (på 10 timmar) bygga din grundläggande färdighet som designer.
  • Kan använda begreppen bortom webbdesignens riken.

Nackdelar:

  • Täcker inte webbdesign direkt.

Interaktiva webbdesignkurser

Om du försöker lära dig mer frontend utveckling och praktisk kodning än de grafiska designelementen finns det ett antal interaktiva webbdesignkurser online.

16. Gratis: freeCodeCamp

freeCodeCamp webbdesign certifiering
freeCodeCamp webbdesign certifiering

freeCodeCamp erbjuder en mammutkurs om responsiv webbplatsdesign, med över 300 timmars lärande tillgängligt gratis.

Gränssnittet, även om det är lite tråkigt, är intuitivt och gamifierar upplevelsen av inlärningskod.

För att fortsätta genom kursen måste du omsätta all ny information i praktiken, vilket är bra för kvarhållning.

Ämnen:

  • Grunderna i HTML5 och CSS3
  • Responsiv design
  • Flexbox (flexbox)
  • Webbtillgänglighet
  • Tillämpad visuell design

Längd: 300+ timmar interaktiva lektioner.

Pris: Gratis

Certifikat: Tillgänglig (gratis)

Proffsen:

  • Bra grundläggande information.
  • Lär dig i din egen takt.
  • Behåll informationen bättre genom att omedelbart använda varje kod du lär dig.

Nackdelar:

  • Inlärningsgränssnittet är inte det mest tilltalande.

17. Gratis: W3Schools

W3Schools hemsida
W3Schools hemsida

W3S-school är en av de största resurserna som finns tillgängliga för att lära sig webbutveckling online.

Den har hundratals timmar av handledningar och kurser om de kärnspråk och ramverk som används för att bygga webben.

Gränssnittet kan vara lite klumpigt, men den otroliga volymen av högkvalitativa gratis lektioner utgör för det. Du behöver inte ens registrera dig med din e-post för att komma igång.

Ämnen:

  • Grunderna i HTML5, JavaScript, CSS3
  • Canvas och SVG
  • Bootstrap
  • Grafik
  • Färger
  • Ikoner

Längd: Hundratals timmar interaktiva lektioner.

Pris: Gratis

Certifikat: Tillgänglig (från $ 95 per språk).

Proffsen:

  • Bra grundläggande information om alla språk.
  • Lär dig allt genom att bläddra i den massiva katalogen medan du bygger din första webbplats.
  • Ingen e-postintrovers krävs.

Nackdelar:

  • Inlärningsgränssnittet är inte lika smidigt som andra interaktiva kurser.

18. Gratis: Codecademy

web design courses — Codecademy
Codecademy

Codecademy är en interaktiv lärplattform för kodare och webbdesigners. Det erbjuder några kurser gratis som hjälper dig att komma igång.

Den har ett fantastiskt spelifierat gränssnitt som gör att lära sig ny kod en bris.

Tyvärr är innehållet i gratisplanen ganska begränsat, med fokus bara på de grundläggande språken och skapandet av en enkel webbplats.

Ämnen:

  • Grunderna i HTML5, JavaScript, CSS3
  • Så här skapar du din första webbplats

Längd: 10-20 timmars interaktiva lektioner.

Pris: grundkurser gratis (betald version nedan)

Certifikat: Inte tillgänglig

Proffsen:

  • Bra inlärningsgränssnitt.
  • Aktiv och engagerande gemenskap för lärande.

Nackdelar:

  • Gratiskurser är mycket begränsade.

19. Betald version: Codecademy Pro

Med Codecademy Pro får du plattformen och communityn inkluderad i gratisplanen, plus full tillgång till alla kurser och sökväg för webbutveckling.

Du kan också ta kortare färdighetsvägar som att lära dig att bygga webbplatser.

CA – Bygg webbplatssökväg
CA – Bygg webbplatssökväg

Med pro-versionen får du tillgång till hundratals timmar interaktiva lektioner och ett certifikat i slutet av kurserna.

Pris: $ 39.99 / månad ($ 19.99 / månad faktureras årligen).

20. Gratis: Dash by General Assembly

Dash by General Assembly
Dash by General Assembly

General Assembly är främst ett campus eller personligen bootcamp-baserat utbildningsföretag för designers och programmerare.

Men deras gratis interaktiva onlinekurs Dash är ett bra sätt att lära sig GRUNDERNA HTML, CSS och JavaScript, samtidigt som du aktivt designar och skapar din egen webbplats från grunden.

Ämnen:

  • GRUNDERNA i HTML5, CSS3, JavaScript
  • HTML-taggar
  • Mediefrågor och responsiv design
  • Bilder och media
  • Jquery
  • Skapa ett grundläggande interaktivt spel med JS

Längd: 10+ timmar interaktiva lektioner

Pris: Gratis

Certifikat: Ej tillämpligt

Proffsen:

  • Bra grundläggande information om språken för frontendutveckling.
  • Behåll informationen bättre genom att omedelbart använda varje koncept och kodrad du lär dig.

Nackdelar:

  • Begränsat antal information som ingår i den kostnadsfria kursen (betalda alternativ börjar på $ 3,950).

Webbdesign affärskurser vs webbdesign med WordPress

WordPress nuvarande marknadsandel är +38% av alla webbplatser på internet. Som ett resultat finns det nästan lika stor marknadsplats för WordPress-webbplatser och relaterade utvecklingsfärdigheter, som allmänna frontend-utvecklare.

Att specialisera sig på WordPress kan hjälpa dig att etablera dig och bygga din portfölj snabbt. Men du kan inte bara hoppa in i det med grundläggande webbdesignfärdigheter.

Nödvändiga färdigheter som WordPress Designer / Utvecklare

Först och främst behöver du möjligheten att redigera / skapa WordPress-teman. Det betyder att du behöver en tydlig förståelse för hur WordPress fungerar och WordPress-utvecklingsgrunder:

Du behöver också:

  • Behärskar HTML och CSS och grunderna för webbdesign
  • En grundläggande förståelse för PHP
  • Förmågan att arbeta med populära sidbyggare (Elementor, Divi, etc.)
  • Förtrogenhet med populära teman

För att hjälpa dig att utveckla dessa färdigheter, kolla in vår dedikerade guide om 13 platser att lära sig WordPress online.

Sammanfattning

Från YouTube till betalda och kostnadsfria inlärningsplattformar för kodare, till universitetskurser online finns det något för alla. Även om informationen inte är universell över hela linjen kan informationen i gratis webbdesignkurser vara mer daterad än betalda alternativ.

Detta beror helt enkelt på att pengarna från medlemmarna eller eleverna erbjuder budgeten för lärare att uppdatera sin läroplan och videor.

Betalda webbdesignkurser ger dig också ofta möjlighet att interagera med instruktörer, och inte bara andra studenter.

Det finns ingen anledning att slösa tid med en kurs eller instruktör som du inte vibbar med. Välj webbdesignkursen som låter rätt för din nuvarande nivå och dina mål och håll dig till den.

De perfekta verktygen för att träna och utveckla dina färdigheter som webbdesigner finns där ute.

Nu är det din tur: har du gjort någon kurs för att förbättra dina webbdesignfärdigheter? Hur var din upplevelse? Dela det i kommentarerna!

Matteo Duò Kinsta

Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.