Hur man börjar koda i JavaScript? Del 1 JavaScript-kurs från nybörjare till avancerad

I den här serien kommer vi att gå från nybörjare till avancerad nivå i JavaScript på 10 blogginlägg. I slutet av denna serie kommer du att känna till alla grunder du behöver veta för att börja koda i JavaScript.

Hur börjar man koda i JavaScript? – innehållsförteckning:

1. Vem är den här kursen för?
2. Vad kan du faktiskt göra med JavaScript?
3. Varför är JavaScript så populärt?
4. Var kan du skriva och köra JavaScript-kod?
5. Hur börjar man koda i JavaScript?

Vem är den här kursen för?

Den här kursen är för dig om du är någon som vill börja koda i JavaScript, eller om du är någon som vill fräscha upp sina kunskaper i JavaScript. Jag rekommenderar också att du bokmärker den här guiden för framtida referens. När som helst du vill ha en snabb återintroduktion till koncepten eller kanske bara för att komma ihåg syntaxen som används i JavaScript skulle vara en bra tid att gå igenom den här serien i framtiden.

Vad kan du faktiskt göra med JavaScript?

Innan du dyker ner i JavaScript är det en bra idé att veta vad du faktiskt kan göra med JavaScript. Du kanske känner till JavaScript som språket som dominerar webben. Och du skulle ha helt rätt! JavaScript, som började som ett front-end-språk för att lägga till beteende på webbplatser, används nu i alla aspekter av webbplatser.

Det används vanligtvis inom front-end webbutveckling, ofta tillsammans med andra JavaScript-ramverk och bibliotek som React. Det är också det vanligaste språket som används inom backend webbutveckling tack vare Node.js som gör att du kan köra JavaScript på webbservrar. Men det är inte där det slutar. JavaScript används på alla möjliga ställen, inklusive att skapa progressiva webbapplikationer och skrivbordsappar. Det har också nyligen börjat användas inom maskininlärning med TensorFlow.js. Tack vare Node.js kan det också användas för att styra drönare, robotar samt IoT-enheter.

Varför är JavaScript så populärt?

JavaScript är för närvarande det mest populära programmeringsspråket och det är av goda skäl. Det finns flera huvudfaktorer som gör JavaScript till vad det är idag. Dessa inkluderar bred tillgång till körmiljöer, kodversionssäkerhet tack vare Babel och bred adoption i gemenskapen. Låt oss se vad de är en i taget.

Bred tillgång

JavaScript dominerar webben, från front till back. Om du läser den här artikeln för att fräscha upp dina JavaScript-kunskaper vet du förmodligen att det dyker upp nya JavaScript-ramverk varannan månad, särskilt när det gäller front-end webbutveckling eftersom det kan finnas många tillvägagångssätt för att optimera det.

Som vi kommer att se senare i artikeln behöver du inte installera någon speciell programvara för att börja skriva och köra din JavaScript-kod, eftersom du redan har de nödvändiga verktygen i din webbläsare. Detta sänker tröskeln för att börja lära sig språket, eftersom de flesta programmeringsspråk kräver att du installerar och ställer in kodningsmiljöer för att ens komma igång.

Versionssäkerhet

Syftet med att skriva kod är att faktiskt köra den när den ska köras. Och när du gör det är det sista du vill att hälften av din webbplats inte fungerar för en betydande mängd användare. Men vad kan du göra om din kod måste köras på 1000 olika enhets- och webbläsarkombinationer? För vem ska du optimera och vem ska du låta gå från att vara en användare? Måste du ens göra ett sådant val? Om hälften av dina användare har gamla enheter och den andra hälften har helt nya enheter, för vem ska du optimera din kod, och vem ska du ignorera som din kund? Svaret är, förhoppningsvis ingen, tack vare Babel.

Babel är en programvara som säkerställer att din kod körs även på mycket gamla webbläsare som använder en mycket gammal version av JavaScript. På så sätt behöver du inte göra ett val som leder till att du ignorerar hälften av dina kunder. För att vara tydlig, du skriver inte kod med Babel, eller så är det inte en variant av JavaScript. Men det är en extremt vanligt använd programvara som tar din redan skrivna och fungerande JavaScript-kod och konverterar den till den version av JavaScript som andra webbläsare förstår, även om de har en mycket gammal version av JavaScript i sina webbläsare.

Stor gemenskapsadoption

När du skriver kod är det oundvikligt att du kommer att stöta på problem. Och vid dessa tillfällen, oavsett vilket programmeringsspråk du arbetar med, kan det vara extremt hjälpsamt att se att ditt problem redan har besvarats av någon hjälpsam på internet. Det är där gemenskapsstödet kommer in, och därmed StackOverflow.

Om du inte vet vad StackOverflow är, är det i grunden det största programmeringsforumet som folk använder för att ställa och besvara programmeringsfrågor. Det är inte den enda platsen där du hittar svar, det finns definitivt platser som är mycket hjälpsamma för att besvara dina specifika frågor, men chansen är stor att du hittar en majoritet av dina svar där. Jag föreslår inte att du bara går till StackOverflow och söker efter dina problem där heller. Vanligtvis ger en Google-sökning dig de bästa resultaten.

Och du kanske inte förväntar dig detta så mycket, medan du lär dig koda, men en stor del av mjukvaruutveckling inkluderar att veta vad man ska söka på Google för att hitta sina svar mer effektivt.

Det är därför många människor vill börja koda i JavaScript – att ha JavaScript som det mest populära programmeringsspråket hjälper dig definitivt att arbeta med språket både på kort och lång sikt. När du skriver

JavaScript, föreställ dig bara tusentals människor som kodar JavaScript med dig, samtidigt. Några ställer frågor, några besvarar frågor.

När du kodar i JavaScript är du inte ensam.

Var kan du skriva och köra JavaScript-kod?

Det finns flera platser du kan använda för att börja koda i JavaScript. Du kan tekniskt sett skriva JavaScript var som helst, inklusive en enkel anteckningsbok eller textredigerare. Men du behöver också en JavaScript-motor för att faktiskt köra din kod. Men hur får du tag på en? Tja, om du kommer ihåg början av artikeln vet du att du redan har den i din webbläsare.

I den här blogginläggsserien kommer vi att använda Google Chrome som webbläsare, eftersom det är en av de mest använda webbläsarna inom webbutveckling. Och det är av goda skäl, Chrome erbjuder några av de bästa verktygen som gör ditt liv mycket enklare när du arbetar med webbutveckling. Chrome har en JavaScript-motor som kallas V8 Engine, som tar din JavaScript-kod och kör den. Denna JavaScript-motor används också i utvecklingen av Node.js, programvaran som gör att du kan ta JavaScript utanför webbläsaren. Node.js är också anledningen till att vi kan använda JavaScript på alla möjliga ställen, inklusive från en webbserver till en drönare.

När du vill börja koda i JavaScript är det bra att veta att du behöver en JavaScript-motor för att köra din kod, och nu vet du att du redan har en som följer med din webbläsare. Du vet också att om du vill köra JavaScript utanför webbläsaren, kommer du att vilja ladda ner och installera Node.js för det. Men när det kommer till att faktiskt skriva koden och köra den, vad betyder allt detta för din kodningsupplevelse? Vanligtvis vill du använda någon form av IDE (Integrated Development)

Environment) för att skriva din kod. På så sätt, som du kan gissa från namnet, kommer det med många fler verktyg som gör det lättare för dig att arbeta med kod på lång sikt. Dessa kan inkludera allt från textkomplettering för mindre skrivande till en debugger. Eftersom många människor arbetar med dessa IDE:er finns det också mycket vanliga tillägg som gör att du kan anpassa din kodningsmiljö, inklusive att färgkoda parenteser i koden för att göra det lättare att se vilken öppnande parentes som matchar med vilken stängande parentes. Om du inte har någon aning om vad parenteser gör, oroa dig inte för det just nu, och vi kommer att se dem med alla detaljer du behöver veta i dessa blogginläggsserier.

För närvarande inkluderar några av de mest populära IDE:erna Visual Studio Code, Atom och Sublime Text. Men för detta kommer vi att börja med det enklaste alternativet vi kan börja med, vilket faktiskt är att använda Chrome-webbläsaren själv för att skriva och köra JavaScript-koden.

Nu när du har lite bakgrundsinformation om JavaScript, låt oss faktiskt ställa in vår kodningsmiljö och börja med en “Hello, World!”-kod.

Hur börjar man koda i JavaScript?

För att börja koda i JavaScript behöver vi ställa in kodningsmiljön.

Som vi också nämnde tidigare kommer vi att använda Google Chrome som vår webbläsare under hela denna blogginläggsserie. Om du redan har Chrome installerat, bra! Om du inte har det, är det första steget faktiskt att installera Google Chrome. För att ladda ner Chrome kan du helt enkelt söka efter “Google Chrome download”, för att ladda ner det från dess webbplats eller här kan du hitta en länk för din bekvämlighet för att ladda ner Chrome:

Google Chrome – Ladda ner den snabba, säkra webbläsaren från Google

Nu kan du gå vidare och klicka på knappen “Ladda ner Chrome” för att påbörja nedladdningen. När den har laddats ner kan du dubbelklicka på den och gå igenom installationsprocessen, precis som med alla andra program du laddar ner från internet. Det kan också be dig att logga in på ett av dina Google-konton, vilket du kan göra.

När du har installerat Chrome, dubbelklicka på den för att öppna ett fönster. Nu bör du se den klassiska Google söksidan:

För att börja koda i JavaScript är nästa steg att öppna den faktiska platsen där vi kommer att skriva och köra koden inne i Chrome-webbläsaren. Från den övre menyn, gå till: Meny, sedan Utvecklare, och klicka sedan på JavaScript-konsolen. Du kan också använda genvägen för Mac, som är “option + command + J”.

Direkt efter att ha gjort det bör du se JavaScript-konsolen öppnas, som bör se ut ungefär så här:

Om du har kommit så här långt, fantastiskt! Det är dags för ett meningsfullt steg som låter dig börja koda i JavaScript. Låt oss börja din JavaScript-resa med ett hello world. Gå vidare och skriv följande:

alert("Hello, World!");

Efter att ha skrivit det, låt oss köra vår kod genom att trycka på “Enter” eller “Return”-tangenten på ditt tangentbord!

Nu bör du se en alert som dyker upp som ser ut så här:

Och med det har du just skrivit din första “hello world”-kod! Nu vet du hur man börjar koda i JavaScript.

I nästa blogginlägg kommer du att se grunderna i JavaScript med kodexempel.