30 gratis ressourcer, der hjælper dig med at lære grundlæggende JavaScript

Hvis du lærer JavaScript, har du sandsynligvis hørt, hvor vigtigt det er at lære de grundlæggende.

Problemet er, at du ikke er sikker på, hvad grundlæggende er . Og med tusindvis af ressourcer på Internettet, hvor begynder du?

I en episode af Syntax gør Wes og Scott et godt stykke arbejde med at dække JavaScript-grundlæggende. De går gennem de centrale JS-færdigheder, som jeg bruger hver dag på mit job som JavaScript-udvikler. Mens jeg lyttede til episoden, tænkte jeg på, hvor nyttigt det ville have været for mig som begynder at have en kurateret liste over ressourcer til at lære hvert grundlæggende koncept. Så jeg skabte det til dig.

Nedenfor er JavaScript-grundlæggende, som Wes og Scott er anført sammen med mine foretrukne (og 100% gratis) ressourcer til at lære hver enkelt.

Variabler + Scoping

Erklærende JavaScript-variabler: var, let og const

ES6 lader VS const variabler

Forskellen mellem funktion og blokomfang i JavaScript

Typer

Introduktion til JavaScript, lektion 1: Datatyper og variabler

Forstå datatyper i JavaScript

Objekter

Introduktion til webudvikling: Objekter

Du kender ikke JS: Objekter og klasser

Reference vs. kopi

Funktioner

Skriv genanvendeligt JavaScript med funktioner

Introduktion til webudvikling: funktioner og rækkevidde

Pilfunktioner

Sådan bruges objektmetoder i JavaScript

DOM

Hvad er DOM nøjagtigt?

Veltalende JavaScript, kapitel 14: Dom

Prototyper + dette

En begyndervejledning til JavaScript's prototype

Forstå dette, bind, ring og anvend i JavaScript

Begivenheder

Callback-funktioner

Hvad i helvede er event loop alligevel?

Bobler og fanger

Arrays

JavaScript Array og Object Methods for at gøre dig til en bedre udvikler

10 JavaScript-array-metoder, du bør kende

Flow kontrol

Lær JavaScript: sløjfer

Til sløjfer

Async JavaScript: Fra tilbagekald til løfter til Async / afventer. Denne artikel af Tyler McGinnes er den bedste artikel om async JS, jeg nogensinde har læst.

Introduktion til webudvikling: Control Flow

Sikkerhed og tilgængelighed

XSS og indre HTML

Webtilgængelighed

Skrivning af ren kode

Ren kodebog (linket fra syntaks)

Ting du bør vide, men ikke nødvendigvis mestre:

ES6-moduler

Lukninger

Som Wes og Scott påpeger, bygger det rigtige projekter med JavaScript, hvad der vil cementere disse grundlæggende ting, du har læst om. Sørg for at bygge projekter, mens du går. Hvis du føler dig fast i, hvordan du går fra tutorials til faktisk byggeprojekter, skal du tjekke denne artikel, jeg skrev.

Hvis du har flere gode ressourcer at dele eller feedback på dette indlæg, er du velkommen til at tweet på mig.

Jeg opretter et gratis JavaScript-kursus for begyndere. Tilmeld dig for at blive underrettet, når den lanceres, og få den sendt 100% gratis til din indbakke!