Del 10 JavaScript-kursus fra begynder til avanceret i 10 blogindlæg

Dette er del 10 og den sidste del af JavaScript blogindlæg serien, der vil tage dig fra nybegynder til avanceret. Uden videre ado, lad os komme i gang med den sidste tutorial.

JavaScript kursus – indholdsfortegnelse:

1. JavaScript emner, vi har dækket
2. JavaScript grundlæggende og opsætning af kodemiljøet
3. JavaScript bedste praksis
4. Variabler og konstanter
5. Grundlæggende datatyper i JavaScript
6. Løkker i programmering
7. Arrays og funktioner
8. JavaScript objekter
9. Meget almindelige begreber i JavaScript
10. Hvor skal vi gå herfra?

Wow! Du er endelig nået hertil! De fleste mennesker følger ikke op på deres passioner og dropper de kurser, de tager, efter kun et par tutorials, og dette er kun tilfældet, hvis de begynder at handle på det!

JavaScript emner, vi har dækket

I løbet af dette JavaScript kursus er vi startet fra de helt grundlæggende aspekter af JavaScript og er steget op til ret avancerede begreber.

Det første skridt til at komme i gang med JavaScript var faktisk at forstå, hvorfor vi lærer JavaScript i første omgang. Der er flere hovedårsager til, at du måske ønsker at komme i gang med JavaScript, men de mest fremtrædende anvendelser af JavaScript er normalt på en eller anden måde inden for webudvikling. JavaScript startede som et frontend-sprog og spredte sig til backend-servere og begyndte også at dominere der.

Uanset hvorfor du lærer JavaScript, er det sandsynligvis en god idé at tage et hurtigt kig på dette JavaScript kursus igen.

På den måde kan du se din fremgang og se de dele, hvor du forstår virkelig godt, hvilket måske har skræmt dig i starten, samt fange de dele, som du måske har ignoreret eller overset.

JavaScript grundlæggende og opsætning af kodemiljøet

Efter at have set hvorfor JavaScript er så populært og hvad du faktisk kan gøre med det, startede vi med nogle Hello world! eksempler. Vi opsatte vores kodemiljø inde i Google Chrome og begyndte at bruge JavaScript-konsollen til at skrive noget kode. I starten var den kode, vi skrev, virkelig simpel, og hver linje, vi skrev, havde et simpelt formål, uden at være sammenkoblet med andre linjer. Efterhånden som kompleksiteten af vores kode begyndte at stige, opgraderede vi vores kodemiljø til Google Chrome Console. Med konsollen begyndte vi at kunne skrive flerlagskode, der gradvist blev mere kompleks i hele JavaScript-kurset.

JavaScript bedste praksis

I løbet af serien har vi også inkorporeret mange kodnings bedste praksis. Disse bedste praksis gør dit liv lettere, når du lige er startet, og de bliver endnu mere værdifulde, når du begynder at arbejde eller samarbejde med andre mennesker. Og netop af den grund er der endda standarder og udsagn som “Al kode skal se ud, som om den er skrevet af én person, uanset hvor mange mennesker der har samarbejdet.” Dette er præcis derfor, et af de allerførste begreber, vi har set, var at kommentere vores kode. At gøre dette gør ikke kun, at du bliver en bedre programmør i fremtiden, men det giver dig også en bedre kodningsoplevelse, når du starter ud.

Variabler og konstanter

Næste gang har vi set, at vi kan gemme data i det, der kaldes variabler og konstanter. Når vi beslutter, hvilken vi skal vælge til nye data, skal vi huske, at hvis vi ikke forventer at ændre dataene, vil vi bruge “const” nøgleordet. Hvis vi tror, at vi skal ændre den værdi, skal vi så bruge “let” nøgleordet. Disse er de nuværende bedste praksis, men vi så også, at før ES6 var den eneste måde at bruge variabler på at erklære dem med “var” nøgleordet. Efter at have set de potentielle problemer forårsaget af de fleksibiliteter, der følger med var-nøgleordet, blev den nye og moderne måde at skrive JavaScript på i 2015 med ES6-standarden at bruge “const” og “let” nøgleordene.

Grundlæggende datatyper i JavaScript

Derefter har vi talt om de grundlæggende datatyper i JavaScript. Hovedpointen her er at forstå, at forskellige datatyper er gode til at gøre forskellige ting. Derfor er det vigtigt at forstå, hvilken slags datatyper vi arbejder med. Senere har vi set, at ved at bruge if else udsagn kan vi begynde at få kontrol over vores kode. Ved at starte med dem lærte vi at delvist ignorere vores kode for at tilpasse den til visse specifikke betingelser. Vi lærte om forskellige kontrolstrukturer, vi kan bruge for at have mere præcis kontrol over vores kode og data. På den måde kunne vores kode tilpasse sig forskellige input med mere præcise svar.

Løkker i programmering

Næste gang opdagede vi løkker i programmering. Vi så, at ved at bruge løkker kan vi begynde at undgå at gentage os selv i koden. Dette gjorde det muligt for os delvist at blive DRY. Dette står for Don’t Repeat Yourself.

Generelt set ønsker vi ikke at skrive kode mere end vi skal for at fuldføre opgaven. Fordi hver gang vi skriver mere kode, introducerer vi flere muligheder for fejl i koden. Det tager mere tid og kræfter at skrive mere kode, introducerer potentielle fejl, det er normalt ikke effektivt, da du nu skal gemme den samme kode måske 10 gange. Og generelt kan det betydeligt mindske kodningsoplevelsen. Derfor, ved at starte med while-løkker og for-løkker, begyndte vi at skære potentielt gentagen kode væk.

Arrays og funktioner

Vi har også set andre grundlæggende begreber, emner og bedste praksis i JavaScript. Vi har set, at arrays er virkelig gode til at gruppere relaterede data, såsom månederne i året, nogle relaterede tal, vi skal gemme osv. Næste gang har vi set, at funktioner er virkelig kraftfulde, og vi kan bruge funktioner til virkelig at modulere vores kode og have mange fordele. Nogle af disse fordele ved at gruppere vores funktionaliteter inde i forskellige funktioner er, at vi skaber en meget mere modulær, relativt let testbar kode. Vi reducerer også betydeligt vores chancer for at gentage os selv.

Vi har set, at der er to hovedtyper af funktioner. Den ene er rene funktioner, den anden type er urene funktioner. Generelt set, når vi kan, bør vi sigte mod at bruge rene funktioner i forhold til urene funktioner. På den måde vil de rene funktioner, vi skriver, opføre sig på samme måde og give os de samme resultater, uanset hvor vi kører koden, eller hvornår vi kører koden.

JavaScript objekter

Næste gang har vi set objekter. Vi lærte, at objekter er gode til at gemme højt associerede data, der kan have mange dimensioner. Vi startede med den simpleste måde at oprette objekter på og bevægede os op til at skabe skabeloner for objekterne og derefter oprette flere objekter fra den skabelon. Ved at bruge disse skabeloner kan vi sikre, at felterne i objekterne følger de samme retningslinjer og har de samme felter. På den måde kan vi i sidste ende være sikre på, at vi har en meget mere ensartet database at arbejde med. Det gjorde det også muligt for os at skrive betydeligt DRY kode.

Meget almindelige begreber i JavaScript

Næste gang har vi set meget almindelige begreber og emner i JavaScript. En stor del af dem var baseret på yderligere optimering af funktioner, på en eller anden måde. Ved at bruge map- og filtermetoderne kunne vi springe nogle for-løkker og if udsagn over. Ved at bruge pilfunktioner kunne vi betydeligt reducere størrelsen af vores funktioner. Vi har set mange funktioner i dette JavaScript kursus, herunder pilfunktioner, der blev introduceret med ES6 eller ES2015, som er de største nylige ændringer i JavaScript-standarderne.

Hvor skal vi gå herfra?

Afhængigt af hvad du ønsker at opnå, kan du tage forskellige ruter. Hvis du bare ville minde dig selv om grundlæggende JavaScript, fordi du snart skal arbejde med det, håber jeg, at dette JavaScript kursus har givet dig en omfattende guide. Måske var du allerede god til et andet sprog, såsom Python, men du ville også gerne se JavaScript. Hvis det er tilfældet, håber jeg, at jeg har gjort det relativt nemt for dig at komme i gang med JavaScript syntaks og begreber. Eller måske er du bare ved at starte med webudvikling, og du vidste, at JavaScript er ret populært.

I begge tilfælde håber jeg, at dette JavaScript kursus har givet dig noget værdi. Hvis du kender en ven, der ville finde denne serie nyttig, overvej at dele den første tutorial i denne serie med dem, så de også kan starte deres JavaScript rejse.