all
Business
data science
design
development
our journey
Strategy Pattern
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Nuno Castro
Tiago Cotovio

April 18, 2022

Min Read

Læring af JavaScript: tip og ressourcer til at komme i gang

JavaScript, JavaScript, JavaScript... og nævnte jeg allerede JavaScript? I disse dage taler alle om det nørdede barn, der blev buffet med alderen. Masser af JS-rammer og biblioteker dukker op hver dag, og det virker ustoppeligt på dette tidspunkt. Jeg vædder endda på, at hvis der er noget, der ikke er bygget i JS endnu, er det bare et spørgsmål om tid, indtil det også er det.

Med al denne buzz omkring denne teknologi tænkte du sandsynligvis allerede, at du straks skulle starte dit næste projekt med Node.js og React.js, ikke? Hvis ikke, anbefaler jeg dig at prøve det. Flere virksomheder flytter deres kode til full-stack JS, og der er en god grund til det. Hvis du er nysgerrig efter dette skift, kan du finde mere om hvorfor vi også gik fra Ruby on Rails til en full-stack JS her.

Men hvis du ikke har erfaring med nogen af disse nye rammer, der bliver ved med at dukke op, er der to ting, som jeg anbefaler dig at gøre først, før du hopper direkte ind i en af dem:

  • Behersk JavaScript først. Dette kan virke som en no-brainer, men mange mennesker er så ivrige efter at hoppe lige til de gode ting, at de glemmer det grundlæggende. Sandheden er, at du ikke kan være en god Node.js/React.js/Angular/Vue.js udvikler, hvis du ikke er dygtig til JavaScript. Jo bedre du forstår sproget, jo bedre udvikler bliver du med enhver rammeværk/platform.

  • Lær alt om JavaScript-økosystem. Den bedste del er lige rundt om hjørnet, men først er det vigtigt at lære præcis, hvad du dykker ned i. Med dette i tankerne er der ingen bedre måde at starte end at forstå det hele på forhånd.
blue arrow to the left
Imaginary Cloud logo

JavaScript-ressourcer

Når du er færdig med den mest teoretiske del, er der nogle gode ressourcer derude, så du virkelig kan komme i gang med JavaScript. For at gøre det lettere har jeg sammensat nogle af de bedste tip og ressourcer, så du ikke behøver at gennemgå mange andre, der ikke er så nyttige.

Codecademy

Den første ressource på listen skal være Codecademys JavaScript-vejledning. Det jeg elsker ved Codecademys kurser er, at de er meget praktiske og interaktive.

For begyndere er dette et af de bedste udgangspunkter. På dette kursus lærer du om datatyper, strukturer, funktioner og objektorienteret programmering i sammenhæng med ES6. Men for at kunne få mest muligt ud af dette kursus ville en grundlæggende viden om HTML og CSS gøre nogle af dets dele mere meningsfulde og forståelige.

Mozilla-udviklernetværk

Mozilla-udviklernetværk er en enorm database fuld af information om åbne webteknologier, herunder HTML, CSS, JavaScript og API'er.

Selv erfarne udviklere kommer ofte til MDN, og hvis du planlægger at blive seriøs med udvikling af webapps, skal du huske dette. Det giver flere guider, fra begynder- til ekspertniveauer, men et godt udgangspunkt er at gå gennem deres læringsvej for JavaScript.

Veltalende JavaScript

Veltalende JavaScript er en bog, der rejser nogle kontroverser. Nogle udviklere siger, at dette er en god bog for begyndere, mens andre er uenige. Hovedargumentet mod bogen vedrører dens stadigt skiftende tempo. Der er dele, hvor det er meget langsomt og omhyggeligt lærer om sproget, og andre, hvor det går alt for hurtigt.

Der er dog mere godt end dårligt ved det, da forfatteren holder bogen opdateret med alle de seneste JavaScript-udviklinger, hvilket gør den til en fantastisk ressource for ethvert niveau. Det dækker også alt om sproget, browsere og nogle backend med Node.JS. Min anbefaling her er at læse denne bog sammen med et andet kursus, bruge den som støttemateriale.

Kodeskole

Kodeskole var en af de første ressourcer, som jeg har brugt til at lære udvikling af webapps lige efter jeg forlod universitetet. Hver gang nogen taler om Ruby on Rails, kommer det stadig i tankerne om introen fra Skinner til zombier kursus (også en stor ressource, bare ikke til JavaScript).

De giver ikke så meget gratis indhold væk som de andre ressourcer på denne liste, men det er stadig værd at prøve det. Deres undervisningsmetode er en blanding af videoer og interaktiv kodning, hvilket er fantastisk til flere visuelle og lydstuderende. Hvis du føler, at det går for langsomt, kan du altid fremskynde videoerne. På deres JS-sti kan du finde begynder- og ekspertindhold, og hvis du ikke er sikker på, hvor du skal starte, kan du tage deres færdighedstest og få en anbefaling.

Æggehoved

Æggehoved har nogle af de bedste ressourcer til JS i disse dage, lavet af fagfolk inden for webapp-udvikling og open source-bidragydere. Egghead er dog mere fokuseret på avanceret indhold, og jeg vil kun anbefale at tage deres kurser efter at have afsluttet et par af de andre, der er nævnt før. Det bedste ved deres kurser er, at de er lige til sagen. Du finder små videoer, der indeholder en masse information på en brøkdel af tiden.

Et par flere tip

At gennemgå tutorials og bøger kan blive kedeligt, og nogle gange får du endda en fornemmelse af, at du ikke kommer nogen steder. Så sammen med disse ressourcer vil jeg dele et par flere tip til virkelig at få det i gang med JavaScript.

Byg en egentlig app

Det kan være en simpel opgave-app, en mini-Twitter eller en personlig side, men prøv at få noget gjort fra bunden. Den indledende kamp med syntaksen, der går tilbage og fremad med ny dokumentation, bliver ført gennem konfigurationsfejl... Alt dette vil få dig til at forbedre dig hurtigere. Jo før du bliver fortrolig med sproget, jo bedre.

Gå ikke i panik, hvis det ikke er perfekt

Udviklere har tendens til at være perfektionister. De ønsker altid at levere den bedste kode med de bedste fremgangsmåder og mønstre. Men når du lærer, skal du ikke blive for irriteret, hvis du ikke kan gøre alt „med det samme“. Med erfaring og yderligere viden finder du dig selv i at finde løsninger på disse problemer naturligt og komme tilbage senere for at refaktorere koden.

Læs kode til andre udviklere

Kig på kendte open source-arkiver. At læse andres kode er en af de bedste måder at lære på. Tjek, hvordan erfarne udviklere løste problemer svarende til dine. Ved at gøre det vil du sandsynligvis finde måder at komme forbi de problemer, hvor du ikke har gjort det „på den perfekte måde“ før.

Bed om kodeanmeldelser

Bed andre udviklere om at gennemgå din kode. At have andre mennesker, der giver dig tip, er en fantastisk måde at forbedre hurtigt. At tale om kode med andre er en måde at absorbere en masse information på en lille mængde tid. Så hvis du har nogen, som du kan dele kodetips med hinanden, gør det så meget du kan.

Brug StackOverflow

Vær ikke bange for at stille spørgsmål. Jeg kan ikke forestille mig mit liv som udvikler uden StackOverflow. Det hjalp mig så mange gange på så mange forskellige måder, at jeg må sige, at det er en af mine største lærere. Hvis du har brug for at spørge noget, bare gør det på StackOverflow. På ingen tid, vil du have nogen fra dets fantastiske samfund, der svarer på dine spørgsmål.

blue arrow to the left
Imaginary Cloud logo

Afsluttende

I lighed med hvad du skal gøre på hvert nyt felt, du prøver at mestre, skal du bare udfordre dig selv på alle tidspunkter. Rul ærmerne op og begynd at arbejde på det. På ingen tid bygger du nogle seje apps i JS. Der er også en stor efterspørgsel efter JS-udviklere derude, som virksomheder ikke kan fylde op. Så tro mig, det er det værd!

Ready for a UX Audit? Book a free call

Fandt du denne artikel nyttig? Du kan måske også lide disse!

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Nuno Castro
Nuno Castro

Har erfaring med backend-systemer til internettet ved hjælp af avancerede teknologier. Fuld stak-udvikler og produktproducent. Rubin/Rails, NodeJS, ElectronJS.

Read more posts by this author
Tiago Cotovio
Tiago Cotovio

Webudvikler og fodboldentusiast. Planlæg at rejse rundt i verden og møde nye kulturer. Kan let findes ved at lytte til musik eller foregive at være en fodboldmanager.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon