Ugrás a tartalomra
Ingyenes3 ó 10 p · 24 lecke

JavaScript Foundations

Nyugodt körbevezetés abban a nyelvben, ami minden weboldal mögött ott van. Az első órát a böngésző konzoljában töltjük, aztán megépítünk néhány apró, valódi működést: egy fetchet, ami kezeli a hibát, egy debounce-ot, amit soronként értesz, és modulokat, amik rendben tartanak egy projektet.

Az útvonal

  1. Értékek, és a konzol mint laboratórium

    Primitívek és objektumok, és hogyan kérdezz ki bármit, mielőtt egy sort is írnál.

    Itt szállsz fel
    40 perc
  2. Függvények, scope és closure-ök

    Mi az a closure, ha nem félünk a szótól, és hol bukkan fel.

    40 perc
  3. A metódusok, amiket érdemes fejből tudni

    map, filter és reduce, destrukturálás és spread — azzal együtt, mikor melyik a rossz választás.

    40 perc
  4. Async, őszintén

    Az event loop, a promise-ok és az async/await, és hogy mindegyikben mi lesz a hibákkal.

    40 perc
  5. Modulok és egy projekt, ami rendben marad

    Importok, exportok, és hogyan vágj szét egy fájlt, mielőtt problémává nőne.

    30 perc

Bepillantás a tanításba

4. megálló · Async, őszinténMintarészlet

Egy fetch, ami kezeli a hibát — egyszer, rendesen megírva.

async function getCourse(id) {
  const res = await fetch(`/api/courses/${id}`);

  // fetch only rejects on network failure — a 404 or a 500
  // is a perfectly successful promise with a sad status.
  if (!res.ok) {
    throw new Error(`Course ${id}: ${res.status}`);
  }

  return res.json();
}

Az a sor, amit mindenki elfelejt, az ok ellenőrzése. A fetch egy 500-asra is teljesül, így egy kimaradó ellenőrzés a szerverhibából három hívással arrébb egy értelmezhetetlen parse-hibát csinál.

Ki vezet

NB
Nóra Bakos
Frontend lead

Nóra úgy magyaráz, ahogy egy jó kolléga a tábla előtt — nincs öncélú szakzsargon, és nincs semmi elrejtve az „ahogy látható” mögé.

Helykitöltő profil