Del 10 av JavaScript-kursen från nybörjare till avancerad på 10 blogginlägg

Detta är del 10 och den sista delen av JavaScript-blogginläggen som tar dig från nybörjare till avancerad. Utan vidare ado, låt oss börja med den sista handledningen.

JavaScript-kurs – innehållsförteckning:

1. JavaScript-ämnen vi har täckt
2. JavaScript-grunder och inställning av kodningsmiljön
3. JavaScript-bästa praxis
4. Variabler och konstanter
5. Grundläggande datatyper i JavaScript
6. Loopar i programmering
7. Arrayer och funktioner
8. JavaScript-objekt
9. Mycket vanliga begrepp i JavaScript
10. Vad ska man göra härifrån?

Wow! Du har äntligen kommit hit! De flesta människor följer inte upp sina passioner och släpper kurserna de tar efter bara några handledningar, och detta är bara fallet om de börjar agera på det!

JavaScript-ämnen vi har täckt

Under denna JavaScript-kurs har vi börjat från de allra grunderna i JavaScript och arbetat oss upp till ganska avancerade koncept.

Det första steget för att komma igång med JavaScript var att faktiskt förstå varför vi lär oss JavaScript från början. Det finns flera huvudskäl till varför du kanske vill börja med JavaScript, men de mest framträdande tillämpningarna av JavaScript är vanligtvis på ett eller annat sätt inom webbutveckling. JavaScript började som ett språk för endast frontend och spred sig till backend-servrar och började dominera där också.

Oavsett varför du lär dig JavaScript är det förmodligen en bra idé att ta en snabb titt på denna JavaScript-kurs igen.

På så sätt kan du se din framsteg och se de delar där du förstår riktigt bra, vilket kanske har skrämt dig i början, samt fånga de delar som du kanske har ignorerat eller missat.

JavaScript-grunder och inställning av kodningsmiljön

Efter att ha sett varför JavaScript är så populärt och vad du faktiskt kan göra med det började vi med några Hej världen! exempel. Vi ställde in vår kodningsmiljö i Google Chrome och började använda JavaScript-konsolen för att skriva lite kod. Inledningsvis började den kod vi skrev som riktigt enkel och varje rad vi skrev hade ett enkelt syfte, utan att vara sammankopplad med andra rader. När komplexiteten i vår kod började öka, uppgraderade vi vår kodningsmiljö till Google Chrome-konsolen. Med konsolen började vi kunna skriva fler-radig kod som gradvis blev mer komplex under hela JavaScript-kursen.

JavaScript-bästa praxis

Under serien har vi också inkluderat många kodningsbästa praxis. Dessa bästa praxis gör ditt liv enklare när du precis har börjat, och de blir ännu mer värdefulla när du börjar arbeta eller samarbeta med andra människor. Och just av den anledningen finns det till och med standarder och uttryck som “All kod bör se ut som om den är skriven av en person, oavsett hur många som har samarbetat.” Detta är precis varför ett av de allra första koncepten vi har sett var att kommentera vår kod. Att göra detta gör inte bara att du blir en bättre programmerare i framtiden, utan det ger dig också en bättre kodningsupplevelse när du börjar.

Variabler och konstanter

Nästa har vi sett att vi kan lagra data i det som kallas variabler och konstanter. När vi bestämmer vilken vi ska välja för en ny data, bör vi ha i åtanke att om vi inte förväntar oss att ändra datan, vill vi använda “const”-nyckelordet. Om vi tror att vi kommer att behöva modifiera det värdet, måste vi då använda “let”-nyckelordet. Dessa är de nuvarande bästa praxis, men vi såg också att före ES6 var det enda sättet att använda variabler att deklarera dem med “var”-nyckelordet. Efter att ha sett de potentiella problem som orsakades av flexibiliteten som kommer med var-nyckelordet, blev det 2015, med ES6-standarden, det nya och moderna sättet att skriva JavaScript att använda “const” och “let”-nyckelorden.

Grundläggande datatyper i JavaScript

Efter det har vi pratat om de grundläggande datatyperna i JavaScript. Huvudpoängen här är att förstå att olika datatyper är bra på att göra olika saker. Därför är det viktigt att förstå vilken typ av datatyper vi arbetar med. Senare har vi sett att genom att använda if else-satser kan vi börja få kontroll över vår kod. Genom att börja med dessa lärde vi oss att delvis ignorera vår kod för att anpassa den till vissa specifika villkor. Vi lärde oss om olika kontrollstrukturer vi kan använda för att få mer exakt kontroll över vår kod och data. På så sätt kan vår kod anpassa sig till olika indata med mer exakta svar.

Loopar i programmering

Nästa upptäckte vi loopar i programmering. Vi såg att genom att använda loopar kan vi börja undvika att upprepa oss i koden. Detta gjorde att vi delvis kunde börja vara DRY. Detta står för “Don’t Repeat Yourself”.

Generellt sett vill vi inte skriva kod mer än vi måste för att slutföra uppgiften. För varje gång vi skriver mer kod, introducerar vi fler möjligheter för fel i koden. Det tar mer tid och ansträngning att skriva mer kod, introducerar potentiella fel, det är vanligtvis inte effektivt eftersom du nu måste spara samma kod kanske 10 gånger. Och överlag kan det avsevärt minska kodningsupplevelsen. Detta är varför vi, med början av while-loopar och for-loopar, började ta bort potentiellt repetitiv kod.

Arrayer och funktioner

Vi har också sett andra grundläggande koncept, ämnen och bästa praxis i JavaScript. Vi har sett att arrayer är riktigt bra på att gruppera relaterad data, såsom månaderna på året, några relaterade nummer vi behöver lagra och så vidare. Nästa har vi sett att funktioner är riktigt kraftfulla och vi kan använda funktioner för att verkligen modulera vår kod och få många fördelar. Några av dessa fördelar med att gruppera våra funktionaliteter i olika funktioner är att vi skapar en mycket mer modulär, relativt lätt testbar kod. Vi minskar också avsevärt våra chanser att upprepa oss.

Vi har sett att det finns två huvudtyper av funktioner. En av dem är rena funktioner, den andra typen är orena funktioner. Generellt sett, när vi kan, bör vi sträva efter att använda rena funktioner jämfört med orena funktioner. På så sätt kommer de rena funktioner vi skriver att bete sig på samma sätt och ge oss samma resultat, oavsett var vi kör koden, eller när vi kör koden.

JavaScript-objekt

Nästa har vi sett objekt. Vi lärde oss att objekt är bra på att lagra starkt associerad data som kan ha många dimensioner. Vi började med det enklaste sättet att skapa objekt och arbetade oss upp till att skapa ritningar för objekten och sedan skapa flera objekt från den ritningen. Att använda dessa ritningar gör att vi kan säkerställa att fälten i objekten följer samma riktlinjer och har samma fält. På så sätt kan vi i slutet av dagen vara säkra på att vi har en mycket mer enhetlig databas att arbeta med. Det gjorde också att vi kunde skriva avsevärt DRY-kod.

Mycket vanliga begrepp i JavaScript

Nästa har vi sett mycket vanliga begrepp och ämnen i JavaScript. En stor majoritet av dem baserades på att ytterligare optimera funktioner, på ett eller annat sätt. Genom att använda map- och filtermetoder kunde vi hoppa över vissa for-loopar och if-satser. Genom att använda pilfunktioner kunde vi avsevärt minska storleken på våra funktioner. Vi har sett många funktioner i denna JavaScript-kurs, inklusive pilfunktioner som introducerades med ES6 eller ES2015, som är de största senaste förändringarna i JavaScript-standarderna.

Vad ska man göra härifrån?

Beroende på vad du vill uppnå kan du ta olika vägar. Om du bara ville påminna dig om grunderna i JavaScript eftersom du snart måste arbeta med det, hoppas jag att denna JavaScript-kurs har gett dig en omfattande guide. Kanske var du redan bra på ett annat språk, som Python, men du ville också se JavaScript. Om så är fallet hoppas jag att jag gjorde det relativt enkelt för dig att komma igång med JavaScript-syntax och koncept. Eller kanske är du bara i början av webbutveckling och visste att JavaScript är ganska populärt.

I vilket fall hoppas jag att denna JavaScript-kurs gav dig något värde. Om du känner en vän som skulle tycka att denna serie är hjälpsam, överväg att dela den första handledningen av denna serie med dem, så att de också kan börja sin JavaScript-resa.