Hvordan kommer man i gang med at kode i JavaScript? Del 1 JavaScript-kursus fra begynder til avanceret

I denne serie vil vi gå fra nybegynder til avanceret i JavaScript i 10 blogindlæg. Ved slutningen af denne serie vil du kende alle de grundlæggende ting, du skal vide for at begynde at kode i JavaScript.

Hvordan starter man med at kode i JavaScript? – indholdsfortegnelse:

1. Hvem er dette kursus for?
2. Hvad kan du egentlig gøre med JavaScript?
3. Hvorfor er JavaScript så populært?
4. Hvor kan du skrive og udføre JavaScript-kode?
5. Hvordan starter man med at kode i JavaScript?

Hvem er dette kursus for?

Dette kursus er for dig, hvis du er en, der ønsker at begynde at kode i JavaScript, eller hvis du er en, der ønsker at opdatere sin viden om JavaScript. Jeg anbefaler også at bogmærke denne tutorial til fremtidig reference. Hver gang du ønsker en hurtig genintroduktion til begreberne eller måske bare for at huske syntaksen, der bruges i JavaScript, ville det være et godt tidspunkt at gennemgå denne serie i fremtiden.

Hvad kan du egentlig gøre med JavaScript?

Før du dykker ned i JavaScript, er det en god idé at vide, hvad du egentlig kan gøre med JavaScript. Du kender måske JavaScript som det sprog, der dominerer nettet. Og du ville have helt ret! JavaScript, der startede som et front-end sprog til at tilføje adfærd til hjemmesider, bruges nu i alle aspekter af hjemmesiderne.

Det bruges almindeligvis i front-end webudvikling, ofte sammen med andre JavaScript-rammer og biblioteker som React. Det er også det mest almindelige sprog, der bruges i backend webudvikling takket være Node.js, som giver dig mulighed for at køre JavaScript på webserverne. Men det stopper ikke der. JavaScript bruges alle mulige steder, herunder til at skabe Progressive Web Applications og desktop-apps. Det er også for nylig begyndt at blive brugt i Maskinlæring ved hjælp af TensorFlow.js. Takket være Node.js igen kan det også bruges til at styre droner, robotter samt IOT-enheder.

Hvorfor er JavaScript så populært?

JavaScript er i øjeblikket det mest populære programmeringssprog, og det er der en god grund til. Der er flere hovedfaktorer, der gør JavaScript til det, det er i dag. Disse inkluderer bred tilgængelighed af kørselmiljøer, kodeversionssikkerhed takket være Babel og bred vedtagelse i samfundet. Lad os se, hvad de er én ad gangen.

Bred tilgængelighed

JavaScript dominerer nettet, fra front til back. Hvis du læser denne artikel for at opdatere din JavaScript-viden, ved du sikkert, at der dukker nye JavaScript-rammer op hver få måneder, især hvad angår front-end webudvikling, da der kan være mange tilgange til at optimere det.

Som vi vil se senere i artiklen, behøver du ikke at installere nogen speciel software for at begynde at skrive og udføre din JavaScript-kode, fordi du allerede har de nødvendige værktøjer i din browser. Dette alene sænker barriererne for at begynde at lære sproget, da de fleste programmeringssprog kræver, at du installerer og opsætter kodningsmiljøer for overhovedet at komme i gang.

Versionssikkerhed

Formålet med at skrive kode er faktisk at køre den, når den skal køre. Og i den forbindelse er det sidste, du ønsker, at halvdelen af din hjemmeside ikke fungerer for en betydelig mængde brugere. Men hvad kan du gøre, hvis din kode skal køre på 1000 forskellige enheds- og browserkombinationer? For hvem vil du optimere, og hvem vil du lade gå fra at være bruger? Skal du overhovedet træffe et sådant valg? Hvis halvdelen af dine brugere har gamle enheder, og den anden halvdel har helt nye enheder, hvem vil du så optimere din kode til, og hvem vil du ignorere som kunde? Svaret er, forhåbentlig ingen, takket være Babel.

Babel er en software, der sikrer, at din kode kører selv på de meget gamle browsere, der bruger en meget gammel version af JavaScript. På denne måde behøver du ikke at træffe et valg, der vil føre til, at du ignorerer halvdelen af dine kunder. For at være klar, skriver du ikke kode med Babel, eller det er ikke en variant af JavaScript. Men det er en ekstremt almindeligt anvendt software, der tager din allerede skrevne og fungerende JavaScript-kode og konverterer den til den version af JavaScript, som andre browsere forstår, selvom de har en meget gammel version af JavaScript i deres browsere.

Stor samfundsvedtagelse

Når du skriver kode, er det uundgåeligt, at du vil støde på problemer. Og på de tidspunkter, uanset hvilket programmeringssprog du arbejder med, kan det være ekstremt nyttigt at se, at dit problem allerede er blevet besvaret af nogen hjælpsom på internettet. Det er her, samfundsstøtten træder ind, og derfor StackOverflow.

Hvis du ikke ved, hvad StackOverflow er, er det grundlæggende det største programmeringsforum, som folk bruger til at stille og besvare programmeringsspørgsmål. Det er ikke det eneste sted, hvor du vil finde svarene; der er bestemt steder, der vil være meget hjælpsomme til at besvare dine specifikke spørgsmål, men chancerne er, at du vil finde størstedelen af dine svar der. Jeg foreslår ikke, at du bare går til StackOverflow og søger efter dine problemer der. Normalt vil en Google-søgning give dig de bedste resultater.

Og du forventer måske ikke dette så meget, mens du lærer at kode, men en stor del af softwareudvikling inkluderer at vide, hvad man skal søge efter på Google for at finde sine svar mere effektivt.

Det er derfor, mange mennesker ønsker at begynde at kode i JavaScript – at have JavaScript som det mest populære programmeringssprog hjælper dig bestemt med at arbejde med sproget både på kort og lang sigt. Hver gang du skriver

JavaScript, så forestil dig tusindvis af mennesker, der koder JavaScript sammen med dig, på samme tid. Nogle stiller spørgsmål, nogle besvarer spørgsmål.

Når du koder i JavaScript, er du ikke alene.

Hvor kan du skrive og udføre JavaScript-kode?

Der er flere steder, du kan bruge til at begynde at kode i JavaScript. Du kan teknisk set skrive JavaScript hvor som helst, inklusive en simpel notesbog eller teksteditor. Men du har også brug for en JavaScript-motor for faktisk at kunne udføre din kode. Men hvordan får du fat i en? Nå, hvis du husker begyndelsen af artiklen, ved du, at du allerede har den i din browser.

I denne blogindlægserie vil vi bruge Google Chrome som browser, da det er en af de mest almindelige browsere, der bruges i webudvikling. Og det er der en god grund til, Chrome leverer nogle af de bedste værktøjer, der gør dit liv meget lettere, når du arbejder med webudvikling. Chrome har en JavaScript-motor kaldet V8 Engine, der tager din JavaScript-kode og udfører den. Denne JavaScript-motor bruges også i udviklingen af Node.js, den software, der giver dig mulighed for at tage JavaScript ud af browseren. Node.js er også grunden til, at vi kan bruge JavaScript alle mulige steder, herunder fra en webserver til en drone.

Når du vil begynde at kode i JavaScript, er det godt at vide, at du har brug for en JavaScript-motor til at udføre din kode, og nu ved du, at du allerede har en, der følger med din browser. Du ved også, at hvis du vil køre JavaScript uden for browseren, skal du downloade og installere Node.js til det. Men når det kommer til faktisk at skrive koden og udføre den, hvad betyder det så for din kodningsoplevelse? Normalt vil du gerne bruge en form for IDE (Integrated Development)

Environment) til at skrive din kode. På denne måde, som du kan gætte ud fra navnet, kommer det med mange flere værktøjer, der gør det lettere for dig at arbejde med kode på lang sigt. Disse kan inkludere alt fra tekstkomplettering for mindre skrivning til en debugger. Fordi mange mennesker arbejder med disse IDE’er, er der også meget almindelige udvidelser, der giver dig mulighed for at tilpasse dit kodningsmiljø, herunder farvelægning af parenteser i koden for at gøre det lettere at se, hvilke åbne parenteser der matcher med hvilke lukkede parenteser. Hvis du ikke har nogen idé om, hvad parenteser gør, så bekymr dig ikke om det nu, og vi vil se dem med alle de detaljer, du skal vide i disse blogserier.

Aktuelt inkluderer nogle af de mest populære IDE’er Visual Studio Code, Atom og Sublime Text. Men til dette vil vi starte med den simpleste mulighed, vi kan starte med, som faktisk er at bruge Chrome-browseren selv til at skrive og udføre JavaScript-koden.

Nu hvor du har noget baggrundsinformation om JavaScript, lad os faktisk opsætte vores kodningsmiljø og starte med en “Hello, World!” kode.

Hvordan starter man med at kode i JavaScript?

For at begynde at kode i JavaScript skal vi opsætte kodningsmiljøet.

Som vi også nævnte tidligere, vil vi bruge Google Chrome som vores browser gennem denne blogindlægserie. Hvis du allerede har Chrome installeret, fantastisk! Hvis ikke, så er det første skridt faktisk at installere Google Chrome. For at downloade Chrome kan du simpelthen søge efter “Google Chrome download” for at downloade det fra dets hjemmeside, eller her kan du finde et link til din bekvemmelighed for at downloade Chrome:

Google Chrome – Download den hurtige, sikre browser fra Google

Nu kan du gå videre og klikke på “Download Chrome”-knappen for at starte download. Når det er downloadet, kan du gå videre og dobbeltklikke på det og gennemgå installationsprocessen, som du ville med enhver anden applikation, du downloader fra internettet. Det kan også bede dig om at logge ind på en af dine Google-konti, hvilket du kan gøre.

Når du har installeret Chrome, skal du dobbeltklikke på det for at åbne et vindue. Nu skal du se den klassiske Google søgeskærm:

For at begynde at kode i JavaScript er det næste skridt at åbne det faktiske sted, hvor vi vil skrive og udføre koden inde i Chrome-browseren. Fra topmenuen, gå til: Menu, derefter Udvikler, og klik derefter på JavaScript-konsol. Du kan også bruge genvejstasten for Mac, som er “option + command + J”.

Lige efter at have gjort det, skal du se JavaScript-konsollen åbne, som skal se nogenlunde sådan ud:

Hvis du er nået så langt, fantastisk! Det er tid til et meningsfuldt skridt, der vil lade dig begynde at kode i JavaScript. Lad os starte din JavaScript-rejse med et hello world. Gå videre og skriv følgende:

alert("Hello, World!");

Efter at have skrevet det, lad os køre vores kode ved at trykke på “Enter” eller “Return”-tasten på dit tastatur!

Nu skal du se en alert, der dukker op, som ser sådan ud:

Og med det har du lige skrevet din første “hello world” kode! Nu ved du, hvordan man starter med at kode i JavaScript.

I det næste blogindlæg vil du se grundlæggende i JavaScript med kodeeksempler.