JavaScript online tanfolyam. Webes felületek szakmai fejlesztése - ingyenes tanfolyam a HTML Akadémiától, képzés 9 hetes, időpont 2023. október 15.
Vegyes Cikkek / / December 04, 2023
Miért professzionális a tanfolyam?
Ezen a tanfolyamon megtanulod, hogyan készíts valódi projekteket, ugyanolyan összetettséggel, mint az iparágban. És helyesen fogja megtenni őket, így a képzés után olyan magas szintű eredményeket produkál, amelyekért a vállalatok hajlandóak fizetni.
Mire számíthatunk az edzés során
Életek
Élő adások, amelyekben a tanárok összetett elméleti és gyakorlati kérdéseket elemeznek. Moszkvai idő szerint 19-21 között zajlanak, a regisztráció másnap lehetséges.
Gyakorlat
Az előadás után házi feladatot készít, amelyben a projekten dolgozik, és megerősíti a tananyagot.
Kód felülvizsgálata
A mentor ellenőrzi a feladatok minőségét, és megosztja tapasztalatait arról, hogyan lehet jobban csinálni.
1. szakasz: Bevezetés a JavaScriptbe
Nézzük meg, hogyan működik a tanfolyam, milyen eszközökre lesz szüksége, és hogyan állítsa be őket. Nézzük meg, mi az a JavaScript nyelv, beleértve az ECMAScript specifikációt és a böngészőt.
Hogyan működik a tanfolyam? Szervezeti ügyek.
A tanfolyamon végzett munka sémája.
Projektek felülvizsgálata.
Minőségi kritériumok.
JavaScript nyelv
ECMAScript specifikáció.
Mit ad a böngésző JavaScript?
JavaScript alapok.
Alapszintaxis: zárójelek, kapcsos zárójelek, operátorok, foglalt szavak, megjegyzések.
Az alapvető építőelemek a változók és a függvények.
Primitívek és összetett adattípusok.
Eszközök.
Kódszerkesztők.
Linters.
Fejlesztői szerver.
2. szakasz Alapvető JavaScript-szolgáltatások
Kezdjük el tanulmányozni a JavaScript alapvető konstrukcióit, különösen a függvényeket. Nézzük meg a változók deklarálásának árnyalatait. Ismerkedjünk meg a fejlesztői eszközökkel.
Változók.
Láthatósági területek.
Feltételes kijelentések.
Háromtagú operátor.
Választható kezelői kapcsoló.
Ciklusok.
Öntvény.
Funkciók.
Nyíl funkciók.
Alapértelmezett funkcióparaméterek.
nyugalmi paraméterek.
Változók és függvények emelése.
A DevTools (fejlesztői eszközök) bemutatása.
3. szakasz Objektumok és tömbök
Élő nélküli szakasz
Megismerheti az összetett adattípusokat: tömböket és objektumokat. Tanuld meg létrehozni és kezelni őket.
Összetett adattípusok.
Tömbök.
Alapvető tömbmódszerek.
Objektumok.
Visszahívások (visszahívási funkciók).
4. szakasz Beépített objektumok és funkciók
Nézzük meg a JavaScript nyelvben létező objektumokat és függvényeket. Érintse meg ennek a végrehajtási kontextusát. Futtassuk és hibakeressük a kódot a fejlesztői eszközök konzoljában.
Destrukturálás.
szintaxis terjesztése.
Beépített objektumok és módszereik.
Húr.
Szám.
Boolean.
Dátum.
Math.
Üzemeltető új.
JavaScript beépített függvények.
Funkciókörnyezet.
A kulcsszó ez.
A környezet elvesztése.
DevTools. A konzol használata.
5. szakasz Kódszervezet
Nézzük a hatótávolságok fogalmát. Beszéljük meg a DRY elvet (ne ismételd magad), és hogyan használd azt, hogy kevesebb kódot írj, és még mindig többet érj el. Tanuljuk meg, mik azok a modulok, és hogyan lehet „megtörni” rajtuk a kódot; Mi az a belépési pont?
Láthatósági területek.
Az ablak globális hatóköre.
Lezárások
Modularitás.
Kód újrafelhasználása, DRY elv.
A modul fogalma.
Belépési pont.
ECMAScript modulok, import és export szintaxis.
DevTools: kód hibakeresése a Sources segítségével.
6. szakasz DOM és események
Élő nélküli szakasz
Megismerheti a Dokumentumobjektum-modellt. Dokumentumobjektum modell vagy DOM). Fontolja meg, hogyan írja le a felhasználói műveletekre adott reakciókat: szövegbevitel, bizonyos elemekre való kattintás, görgetés stb.
DOM fa.
a dokumentum mindennek a gyökere.
DOM fa szerkezet.
Elemek keresése az oldalon.
Elem attribútumok kezelése.
Sablonok és adatok.
Események az oldalon.
Eseménykezelők.
7. szakasz DOM-manipuláció
Próbáljunk meg DOM-elemeket létrehozni, törölni, mozgatni és manipulálni. Sablonok segítségével megrajzoljuk a korábban elkészített adatokat.
DOM fa kezelése.
DOM elem attribútumok kezelése.
Elemek mozgatása a DOM-fában.
A DOM-elemek létrehozásának megközelítései.
DOM objektumok létrehozása.
Jelölések kezelése: append, prepend, insertAdjacentHTML, innerHTML, textContent.
Sablonozás.
Karakterlánc-sablon (sablon karakterláncok).
Különleges címke .
8. szakasz, az események kezelése
A felhasználói interakciót úgy kezeljük, hogy az oldal válaszoljon az űrlapokba történő szövegbevitelre, bizonyos elemekre való kattintásra, görgetésre stb. Nézzük meg, hogyan tehetjük elérhetővé ezt az interakciót.
Események.
Eseményobjektum, eseménykezelés: preventDefault és stopPropagation.
Rendezvényfázisok és delegálás.
Billentyűzet események és kisegítő lehetőségek.
Eseményhurok.
Űrlap érvényesítése.
A Pristine egy űrlapellenőrző könyvtár.
Érvényesítés reguláris kifejezésekkel.
DevTools: Elemek (ellenőrző) képességek a DOM-mal és az eseményekkel való munkához.
9. szakasz Külső API-k és külső könyvtárak
Nézzük meg, hogyan ne „írd meg a saját kerékpárodat”, hanem használd újra valaki más tapasztalatait és kódját. Ismerkedjünk meg a szoftveres interfész fogalmával. Alkalmazásprogramozási felület vagy API), vegye figyelembe a harmadik féltől származó JavaScript-könyvtárak API-ját és a térképszolgáltatások JavaScript API-ját. Vessünk egy gyors pillantást a böngésző által a fejlesztők számára biztosított API-kra.
Az API fogalma.
Térképszolgáltatások és JavaScript API-juk.
OpenStreetMap.
Szórólap.
Harmadik fél könyvtárai.
Miért van szükség könyvtárakra?
Hogyan kapcsolódjunk egy projekthez.
noUiSlider.
A böngésző API áttekintése.
10. szakasz Hálózat
Élő nélküli szakasz
A HTTP protokollt és a JSON adatformátumot önállóan fogja megvizsgálni. Fontolja meg, hogyan változik a felhasználó interakciója a webhellyel a hálózat használata során, és mi hibázhat.
HTTP protokoll és adatformátumok.
JSON.
Kivételkezelés.
próbáld... elkapni.
Eszközök a hálózati kérések kezeléséhez.
11. szakasz Aszinkron. Hálózatépítés
Nézzük meg az aszinkron fogalmát és azt, hogyan érhetjük el az ígéretekkel. Ígéret, ígéret). Ismerkedjünk meg azokkal a technológiákkal, amelyek lehetővé teszik, hogy böngészőből kéréseket küldjön a szervernek. Nézzük meg, hogyan kezeljük a gyakorlatban a hibákat a hálózattal való munka során, ha valami elromlik.
Aszinkron.
setTimeout és setInterval.
Ígéret.
Munka a hálózattal.
töltse le a kapcsolatot a szerverrel.
Hibák kezelése a kérésekben.
DevTools: hálózati kérések kezelése a hálózatban.
A védekezés első hete
A projekttel kapcsolatos munka befejezése és a végső védekezésre való felkészülés.
12. szakasz Visszajelzés és optimalizálás
A weboldalunkon található adatokkal és eseményekkel optimalizáljuk a munkát. Világos és felhasználóbarát felület visszajelzést valósítunk meg.
Haladó munka tömbökkel.
Válogatás.
Szűrés.
Teljesítmény optimalizálás.
Keretek ledobása – fojtás.
Visszapattanás megszüntetése – visszapattanás.
Fájl API.
URL.createObjectURL().
FileReader.
A védekezés második hete
A projekt első értékelése a felülvizsgáló mentor által minőségi kritériumok szerint.
A védekezés harmadik hete
A projekt továbbfejlesztése a bíráló mentor észrevételei alapján, és benyújtása második értékelésre.
13. szakasz, végleges
Foglaljuk össze a tanfolyamot, majd beszéljük meg a JavaScript azon funkcióit, amelyekkel a munka során találkozhat. Az örökölt kód fogalma és mi a teendő vele, a kóddal. Vessünk egy pillantást a fejlett front-end fejlesztői eszközökre, hogy megértse, merre tovább.
Speciális JavaScript.
Szigorú mód „szigorú használata”.
Nem kötelező pontosvessző.
Legacy kód.
jQuery.
var és funkcionális hatókör.
XMLHttpRequest.
Konstruktor függvények.
Prototípusok.
Speciális eszközök.
Webpack.
Transzpilerek és polifillek.
Bábel.
A védekezés negyedik hete
Végső szerkesztések elvégzése és végső osztályzat megszerzése.
sashascript2022
26.07.2022 G.
Szerintem a JavaScript tanfolyam. A professzionális webes felületfejlesztés nagyszerű kezdet a JavaScript tanulásához.
Előnyök: Jelenlegi anyag, semmi felesleges, nincs víz + a fenti előnyök. Hátrányok: Eleinte nagyon nehéz volt, mivel a nulláról tanulom a nyelvet) Ezt a tanfolyamot 2022. február 15-től április 18-ig végeztem. És komoly alapismeretekre tett szert a JavaScriptről. De ez nem minden, amit a tanfolyamon csináltam. Megtanultam a HTML, a CSS alapjait, a Git és a Github használatának alapjait és még sok mást...
Semen Bushmanov
27.05.2022 G.
Jó tanfolyamokat!
Előnyök: Eredményt ad a hallgatónak, világosan felépített, átgondolt, jó az anyag bemutatása. Hátrányok: Nincsenek, de érdemes megjegyezni, hogy a programozás általában meglehetősen sok időt vesz igénybe. Elvégezte a "Javascript" tanfolyamot. Webes felületek szakmai fejlesztése." Csodálatos tanfolyam! A kurzus után a programozás fejlődése nyilvánvaló. Tényleg sok időt kell szánni a tanulásra...
Semen Bushmanov
27.05.2022 G.
Jó tanfolyamokat!
Előnyök: Eredményt ad a hallgatónak, világosan felépített, átgondolt, jó az anyag bemutatása. Hátrányok: Nincsenek, de érdemes megjegyezni, hogy a programozás általában meglehetősen sok időt vesz igénybe. Elvégezte a "Javascript" tanfolyamot. Webes felületek szakmai fejlesztése." Csodálatos tanfolyam! A kurzus után a programozás fejlődése nyilvánvaló. Tényleg sok időt kell szánni a tanulásra...