allt
Företag
datavetenskap
design
utveckling
vår resa
Strategimönster
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Nuno Castro
Tiago Cotovio

18 april 2022

Min läsning

Lär dig JavaScript: tips och resurser för att komma igång

JavaScript, JavaScript, JavaScript... och nämnde jag JavaScript redan? Dessa dagar, alla pratar om det nördiga barnet som blev buffat med åldern. Massor av JS-ramar och bibliotek dyker upp varje dag och det verkar ostoppbart just nu. Jag slår till och med vad om det finns något som inte är byggt i JS ännu, det är bara en tidsfråga tills det också är det.

Med allt detta surr kring den här tekniken tänkte du förmodligen redan att du genast skulle starta ditt nästa projekt med Node.js och React.js, eller hur? Om inte, rekommenderar jag att du ger det ett försök. Flera företag flyttar sin kod till full-stack JS, och det finns en bra anledning till det. Om du är nyfiken på det här skiftet kan du hitta mer om varför vi också gick från Ruby on Rails till en full-stack JS här.

Men om du inte har erfarenhet av något av dessa nya ramverk som fortsätter att dyka upp, finns det två saker som jag rekommenderar dig att göra först innan du hoppar direkt in i en av dem:

  • Behärska JavaScript först. Det här kan verka som en no-brainer, men många människor är så angelägna om att hoppa direkt till de bra sakerna att de glömmer grunderna. Sanningen är att du inte kan vara en bra Node.js/React.js/Angular/Vue.js utvecklare om du inte är skicklig med JavaScript. Ju bättre du förstår språket, desto bättre utvecklare blir du med alla ramverk/plattformar.

  • Lär känna allt om JavaScript-ekosystem. Det bästa är precis runt hörnet, men först är det viktigt att lära sig exakt vad du dyker in i. Med detta i åtanke finns det inget bättre sätt att börja än att förstå allt på förhand.
blå pil till vänster
Imaginary Cloud-logotyp

JavaScript-resurser

När du är klar med den mest teoretiska delen finns det några bra resurser där ute för dig att verkligen komma igång med JavaScript. För att göra det enklare har jag sammanställt några av de bästa tipsen och resurserna så att du inte behöver gå igenom många andra som inte är lika användbara.

Codecademy

Den första resursen på listan måste vara Codecademys JavaScript-handledning. Det jag älskar med Codecademys kurser är att de är väldigt praktiska och interaktiva.

För nybörjare är detta en av de bästa utgångspunkterna. I den här kursen lär du dig om datatyper, strukturer, funktioner och objektorienterad programmering i samband med ES6. Men för att kunna ta ut det mesta av denna kurs skulle en grundläggande kunskap om HTML och CSS göra några av dess delar mer meningsfulla och begripliga.

Mozilla-utvecklarnätverk

Mozilla-utvecklarnätverk är en enorm databas full av information om öppen webbteknik, inklusive HTML, CSS, JavaScript och API: er.

Även erfarna utvecklare kommer ofta till MDN, och om du planerar att bli seriös med utveckling av webbappar bör du ha detta i åtanke. Det ger flera guider, från nybörjare till expertnivåer, men en bra utgångspunkt är att gå igenom deras inlärningsväg för JavaScript.

Vältalig JavaScript

Vältalig JavaScript är en bok som väcker viss kontrovers. Vissa utvecklare säger att det här är en bra bok för nybörjare, medan andra inte håller med. Huvudargumentet mot boken handlar om dess ständigt föränderliga takt. Det finns delar där det är väldigt långsamt och noggrant lär ut om språket, och andra där det går alldeles för fort.

Det finns dock mer bra än dåligt med det, eftersom författaren håller boken uppdaterad med alla de senaste JavaScript-utvecklingarna, vilket gör den till en bra resurs för alla nivåer. Det täcker också allt om språket, webbläsarna och en del backend med Node.JS. Min rekommendation här är att läsa den här boken tillsammans med en annan kurs, använda den som stödmaterial.

Kodskola

Kodskola var en av de första resurserna som jag har använt för att lära mig webbapputveckling direkt efter att jag lämnade universitetet. Varje gång någon pratar om Ruby on Rails, kommer det fortfarande att tänka på introduktionen från Rails för zombies kurs (också en bra resurs, bara inte för JavaScript).

De ger inte bort så mycket gratis innehåll som de andra resurserna på den här listan, men det är fortfarande värt att prova. Deras undervisningsmetod är en blandning av videor och interaktiv kodning, vilket är bra för fler visuella och ljudelever. Om du känner att det går för långsamt kan du alltid påskynda videorna. På deras JS-väg kan du hitta nybörjare- och expertinnehåll och om du inte är säker på var du ska börja kan du ta deras skicklighetstest och få en rekommendation.

Ägghuvud

Ägghuvud har några av de bästa resurserna för JS idag, gjorda av utvecklare av webbappar och bidragsgivare med öppen källkod. Egghead är dock mer fokuserad på avancerat innehåll och jag skulle bara rekommendera att ta sina kurser efter att ha avslutat ett par av de andra som listades tidigare. Det bästa med deras kurser är att de är raka på sak. Du hittar bitstora videor som innehåller mycket information på en bråkdel av tiden.

Några fler tips

Att gå igenom tutorials och böcker kan bli tråkigt och ibland får du till och med en känsla av att du inte kommer någonstans. Så, vid sidan av dessa resurser, kommer jag att dela några fler tips för att verkligen få det igång med JavaScript.

Bygg en verklig app

Det kan vara en enkel att göra-app, en mini-Twitter eller en personlig sida, men försök att få något gjort från grunden. Den första kampen med syntaxen, som går tillbaka och framåt med ny dokumentation, går igenom konfigurationsfel... Allt detta kommer att få dig att förbättra snabbare. Ju tidigare du blir bekant och bekväm med språket, desto bättre.

Få inte panik om det inte är perfekt

Utvecklare tenderar att vara perfektionister. De vill alltid leverera den bästa koden med bästa praxis och mönster. Men när du lär dig, bli inte för irriterad om du inte kan göra allt ”direkt”. Med erfarenhet och ytterligare kunskap hittar du dig själv att hitta lösningar på dessa problem naturligt och komma tillbaka senare för att refaktorera koden.

Läs andra utvecklares kod

Titta på kända open source-arkiv. Att läsa andras kod är ett av de bästa sätten att lära sig. Kontrollera hur erfarna utvecklare löste problem som liknar dina. Genom att göra det hittar du förmodligen sätt att komma förbi de problem där du inte har gjort det ”på det perfekta sättet” tidigare.

Be om kodrecensioner

Be andra utvecklare att granska din kod. Att ha andra människor som ger dig tips är ett bra sätt att förbättra snabbt. Att prata om kod med andra är ett sätt att absorbera mycket information på en liten tid. Så, om du har någon som du kan dela kodtips med varandra, gör det så mycket du kan.

Använd StackOverflow

Var inte rädd för att ställa frågor. Jag kan inte föreställa mig mitt liv som utvecklare utan StackOverflow. Det hjälpte mig så många gånger på så många olika sätt att jag måste säga att det är en av mina största lärare. Om du behöver fråga något, gör det bara på StackOverflow. På nolltid, du kommer att ha någon från dess fantastiska community som svarar på dina frågor.

blå pil till vänster
Imaginary Cloud-logotyp

Avslutande

I likhet med vad du bör göra på varje nytt område du försöker behärska, bara utmana dig själv hela tiden. Rulla upp ärmarna och börja arbeta med det. På nolltid kommer du att bygga några coola appar i JS. Det finns också en stor efterfrågan på JS-utvecklare där ute som företag inte kan fylla på. Så tro mig, det är värt det!

Ready for a UX Audit? Book a free call

Hittade den här artikeln användbar? Du kanske gillar dessa också!

blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
Nuno Castro
Nuno Castro

Utforska artiklar av Nuno, digital produktexpert på Imaginary Cloud, som täcker AI, mjukvaruutveckling, produktstrategi, och skalbara tekniklösningar för växande företag.

Läs fler inlägg av denna författare
Tiago Cotovio
Tiago Cotovio

Webbutvecklare och fotbollsentusiast. Planera att resa runt i världen och träffa nya kulturer. Kan lätt hittas när du lyssnar på musik eller låtsas vara en fotbollschef.

Läs fler inlägg av denna författare

Människor som läste det här inlägget tyckte också att dessa var intressanta:

pil vänster
pilen till höger
Dropdown caret icon