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
- 40 percÉ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 percFüggvények, scope és closure-ök
Mi az a closure, ha nem félünk a szótól, és hol bukkan fel.
- 40 percA 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 percAsync, őszintén
Az event loop, a promise-ok és az async/await, és hogy mindegyikben mi lesz a hibákkal.
- 30 percModulok és egy projekt, ami rendben marad
Importok, exportok, és hogyan vágj szét egy fájlt, mielőtt problémává nőne.
Bepillantás a tanításba
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
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