Lær JavaScript, du har brug for til at opbygge apps på dette 28-delt kursus

Kæmper du med at finde ud af, hvilke JavaScript-færdigheder du har brug for til at opbygge virkelige apps? Tjek dette kortfattede eksempelfyldte kursus, der giver de centrale JavaScript-koncepter, du har brug for, for at være produktive med biblioteker som React, Angular og Vue.

Hvis du vil oprette seriøse webapplikationer, er det sprog, du skal bruge, JavaScript .

Men hvilke JavaScript-færdigheder har du brug for for at opbygge apps effektivt?

Hvad er de væsentligste JavaScript-færdigheder?

Der er masser af kurser på JavaScript tilgængelige find online, men få specialiserer sig i, hvad så mange udviklere vil vide:

Hvilke JavaScript-færdigheder er vigtige for at opbygge dine egne applikationer?

Der er en kløft mellem at lære vanille JavaScript og lære et bibliotek som React, Angular og Vue til oprettelse af JavaScript-applikationer på en side.

Jeg har sammensat et komplet kursus med det mål at vise dig, hvordan du kan bygge bro over dette hul.

Mit mål er ikke kun at lære dig de færdigheder, du har brug for, mens du præsenterer virkelige eksempler for at styrke din forståelse, men også at give dig et nyt perspektiv. Du finder en bedre måde at se på din JavaScript-kode, der hjælper dig med at begynde at tænke som en professionel appudvikler.

Vil du komme i gang nu? Tag hele kurset her.

Kursusoversigt?

Lad os tage en kort tur gennem kurset og hvert større afsnit. Vi ser, hvordan hvert afsnit vil sikre, at du får undervist i JavaScript på den mest effektive, no-nonsense måde.

I dette kursus udvikler vi vores færdigheder fra grundlæggende begreber til mere komplekse. Selvom du er en mellemliggende JavaScript-udvikler, dækker vi hvert koncept med yderligere dybde og observationer på det sprog, som du sandsynligvis ikke har hørt før.

Variabler og strenge

Vi begynder med byggestenene til ethvert JS-program: variabler.

Først dækker vi deklarering af variabler med let og const, og hvordan de er en forbedring i forhold til den gamle var-syntaks. Vi lærer begreber som blokscoping, variabel skygge og den tidsmæssige døde zone, men opdager også, hvordan disse nye nøgleord kan gøre vores kode lettere at behandle.

For eksempel, hvorfor nedenstående salePricevariabel bliver mere læsbar, når vi erklærer den med const i stedet for let eller var.

Klik for at få adgang til kursetKlik for at se denne forelæsning

Fordi vi erklærer variablen med som en konstant, ved vi, at den ikke tildeles en anden værdi senere. Dette gør vores kode lettere at forstå både for andre udviklere og for os selv.

Endelig berører vi i dette afsnit skabelonbogstaver, og hvordan de forbedrer strenge inden for JavaScript på stort set alle måder, fra formatering af tekst til indsættelse af dynamiske værdier og mere.

Typer og betingelser

Dernæst berører vi typer og betingelser, som går hånd i hånd.

Vi kigger først på en underlig (og ofte dårligt forstået) del af JavaScript kaldet type tvang, hvilket betyder, hvordan typer ændres fra en værdi til en anden.

Typer kan ændre sig implicit, når vi skriver betingelser, og det betyder, at vi skal vide om sandheds- og falske værdier, værdier, der subtilt tvinges til henholdsvis den boolske sandhed og falske.

Vi ser, hvordan vi kan bruge sandheds- og falske værdier til vores fordel ved at oprette kortere betingelser med && (og) og || (eller) operatører. Dette trick, kendt som kortslutning, er grundlaget for, hvordan JS-biblioteker som React viser eller skjuler elementer.

Klik for at få adgang til kursetKlik for at se denne forelæsning

Derefter ser vi, hvordan vi forkorter vores if-else-betingelser med den ternære operatør, og hvordan de er nyttige i situationer, hvor vi vil indstille en variabels værdi betinget.

Funktioner

Derefter dykker vi ned i funktioner, drivkraften for enhver Javascript-app.

Vi afmystificerer et afgørende træk ved funktioner kaldet lukninger. Vi vikler hovedet omkring, hvad en lukning er ved at skabe vores i et praktisk eksempel.

Dette giver os mulighed for at se, hvorfor lukninger er værd at vide, og hvordan de kan forbedre vores JavaScript-kode ved at holde styr på værdier mellem funktionsopkald:

Klik for at få adgang til kursetKlik for at se denne forelæsning

Vi dækker en type funktion, som du finder i enhver moderne Javascript-app, nemlig pilfunktioner. Med pilfunktioner kan vi i høj grad skære ned vores kode, når vi gennemgår alle de tilgængelige tricks for at gøre dem så kortfattede som muligt.

Endelig berører vi standardværdier i funktioner, og hvordan de kan gøre vores kode mere pålidelig, især hvis der ikke gives et forventet argument.

Objekter

Fra primitive datatyper flytter vi til objekter.

Forståelse af vigtige app-bygningskoncepter som mutationer og uforanderlighed er ikke mulig uden at kende forskellen mellem primitive typer og objekttyper i JavaScript. Vi dækker denne forskel detaljeret og ser på førstehånd, hvorfor det betyder noget for pålideligheden af ​​vores kode.

Vi berører en række praktiske mønstre for lettere at få vores objektdata gennem objektdestruktion, som du ser nedenfor:

Klik for at få adgang til kursetKlik for at se denne forelæsning

Derefter vil vi, efter at have ødelagt vores objekter, se hvordan vi bedre samler dem. Ved at bruge objektudbredningsoperatøren kan vi problemfrit flette flere objekter på en uforanderlig måde.

Arrays

Arrays er vigtige for enhver liste over data, som vi viser i vores apps, og vi har brug for at vide, hvordan vi nemt kan manipulere dem.

Vi vil dække, hvordan man udfører handlinger på alle elementer i arrays gennem højere ordens array-funktioner som kort og filter for at transformere vores elementer eller fjerne dem fra vores array.

Derudover bruger vi metoder som find for at få individuelle elementer baseret på visse betingelser:

Klik for at få adgang til kursetKlik for at se denne forelæsning

Derefter dækker vi den vigtigste array-metode, reducerer og ser dens magt til at omdanne vores array-data til næsten enhver datatype, vi ønsker.

Objektorienteret JavaScript

Dernæst kommer vi i gang med objektorienteret programmering og dækker kerneideen bag den, der gør objektorienteret programmering i JavaScript mulig - konstruktorfunktionen.

Konstruktorfunktioner gør det muligt at give vores objekter delt adfærd (funktioner) gennem noget, der kaldes prototypekæden.

Gennem en anden nyere JavaScript-funktion kaldet klasser, dækker vi, hvordan vi let kan arve funktionalitet gennem det, der kaldes prototypisk arv, og udvide vores klasser til at dele funktioner mellem dem.

Klik for at få adgang til kursetKlik for at se denne forelæsning

Async JavaScript

Derefter går vi videre til async JavaScript, hvilket er en nødvendig færdighed at have og forstå, hvis vi vil oprette sofistikerede JavaScript-programmer af enhver art.

Vi begynder med en diskussion af, hvad asynkron kode er, og hvordan den tidligere blev håndteret ved hjælp af tilbagekaldsfunktioner, og hvordan dette skaber problemer i vores kode (såsom 'callback helvede').

Heldigvis løser vi nogle af de iboende problemer med brug af tilbagekald gennem en ES6-funktion kaldet et løfte. Vi får erfaring med at bruge løfter på en praktisk måde ved at blive fortrolig med browserens Fetch API, som giver os mulighed for at fremsætte HTTP-anmodninger og bringe eksterne data ind i vores apps.

Derefter berører vi bedst af alt, hvordan vi får vores løfter til at fungere og ligner synkron kode, så vi let kan ræsonnere over det ved hjælp af den nye async-afventede syntaks for funktioner.

Klik for at få adgang til kursetKlik for at se denne forelæsning

Væsentlige emner

Vi afslutter kurset med nogle vigtige færdigheder, der er nødvendige for at begynde at bygge komplette JavaScript-projekter. Først og fremmest dykker vi dybt ned i ES-moduler, en ES6-funktion, der giver os mulighed for at dele vores JavaScript-kode på tværs af filer.

Vi tackler vanskelige problemer som thisnøgleordet ved at dække en liste over konkrete regler, der skal følges for at finde ud af, at det er værdi i enhver sammenhæng, f.eks. I en DOM-begivenhedshåndterer:

Klik for at få adgang til kursetKlik for at se denne forelæsning

Og endelig afslutter vi kurset med en generel diskussion af imperativ versus deklarativ kode, som du skal stræbe efter i din kodningskarriere, og hvorfor.

Se kurset nu?

Tag dette kursus, og inden for en eftermiddag eller to lærer du begreber, der meningsfuldt vil udvide dit JavaScript-skillset og give dig mulighed for at tackle højtydende frontend-biblioteker som React, Angular, Svelte, Vue og mere med tillid.

God fornøjelse! ?

Klik for at få adgang til kursetKlik for at se kurset