„JavaScript“ kūrimas - kursas 39 500 rub. iš TVM mokymo centro, mokymas 40 val., Data 2023 m. lapkričio 26 d.
įvairenybės / / November 28, 2023
Aptariamos temos:
1. JavaScript kalba:
JavaScript versijos ir diegimai;
JavaScript taikymo sritys (naršyklė, serveris, mobilusis kūrimas);
Duomenų tipai: eilutė, skaičius, loginis (tiesos ir klaidingos sąvokos);
Operatoriai, operatoriaus pirmenybė;
Kintamųjų deklaravimas: var, const, let;
Kilpos: while, for, for … in, for … of;
Darbas su skaičiais ir eilutėmis;
Nulinės ir neapibrėžtos reikšmės: skirtumai ir taikymo tikslai;
Darbas su konsole;
„JavaScript“ išimtys.
2. JSON, objektai ir masyvai:
JSON formatas, pavyzdžiai;
JSON.parse and stringify;
Objektai, darbas su Object klase;
Objektų kūrimas (naudojant literalą {}, naują operatorių, kūrimo metodą);
Prototipinis paveldėjimas, nuoroda __proto__;
Getteriai ir seteriai;
In ir hasOwnProperty operatorius, nesuskaičiuojamų savybių sąvoka;
toString() metodas, metodo iškvietimas ir nepaisymas;
valueOf() metodas, metodo iškvietimas ir nepaisymas;
Masyvų kūrimas: literals ir naujas Array();
Automatinis masyvo ilgio keitimas;
Masyvo ilgio ilgio gavimas ir nustatymas, masyvo sutrumpinimas;
Naudojant join() ir concat() metodus;
Naudojant rūšiavimo metodą, masyvo rūšiavimo tvarkos nustatymas;
Pjaustymo ir sujungimo metodų naudojimas;
Push, pop, shift, unshift metodų naudojimas: krūvos ar eilės kūrimas.
3. Darbas su datomis ir eilutėmis:
Naudojant naują Date() konstruktorių;
Suprasti datos kaip laiko kompiuterinį vaizdavimą naudojant Epoch;
Naudojant getTime() ir setTime();
Datų analizės eilutės atvaizdavimas;
Eilučių kūrimo JS parinktys: viengubų ir dvigubų kabučių naudojimas;
Stygų interpoliacija (styga apostrofuose);
Pabėgimas nuo specialiųjų simbolių eilutėje;
Eilučių sujungimas, konvertavimas į didžiąsias ir mažąsias raides;
Poeilutės radimas naudojant indexOf() ir lastIndexOf();
Poeilutės pasirinkimas naudojant substring() ir substr()
Naudodami apima, endsWith, startsWith metodus.
4. „JavaScript“ naudojimas naršyklėje: DOM modelis:
Naršyklės lango, dokumento, įvykių ir stiliaus tvarkymas (CSS stiliai);
Lango objektas ir jo panaudojimas;
„JavaScript“ kodo prijungimas prie HTML puslapio;
Scenarijų vykdymo tvarka puslapyje;
Scenarijaus kaupimas talpykloje, CDN serveriai, JavaScript priverstinis įkėlimas;
Darbas su nuorodomis, JavaScript prijungimas prie nuorodų;
Įkrovimo įvykis ir jo naudojimas;
XSS atakos svetainėje;
Darbas su DOM: lango, dokumento, vaiko mazgų naudojimas;
Manipuliavimas dokumentu naudojant DOM: elementų kūrimas, trynimas, perkėlimas;
Naudojant getElementById(), getElementsByTagName(), getElementsByClassName() elementams puslapyje rasti;
Darbas su HTMLDocument ir HTMLElement metodais ir savybėmis.
5. Darbas su įvykiais naršyklėje:
Renginių programavimo samprata;
Renginių vedėjai ir klausytojai;
Prijungimas tvarkytuvams naudojant addEventListener();
Event klasės savybės ir metodai;
Įvykių sklaida aukštyn (burbuliavimas) ir žemyn (fiksavimas);
Sustabdykite plitimą;
Langų įvykiai;
Pelės ir klaviatūros įvykiai, specialios įvykių savybės;
Formuoti renginius;
6. Darbas su CSS ir stilių valdymas:
CSS standartas, pagrindinės CSS savybės;
Bendrieji stiliai ir atskirų elementų stiliai;
Kaskadiniai stiliai;
CSS selektoriai;
CSS modifikavimas su JavaScript;
Padding: paraštė, pamušalas, kraštinė;
Elementų matomumo valdymas: matomumas ir rodymas;
Elementų išdėstymas: absoliutus, fiksuotas, santykinis, nustatymas viršuje ir kairėje;
Matavimo vienetai px, pt ir kiti;
Elemento perpildymas ir valdymas per perpildymo savybę;
Dokumentų sluoksnių valdymas: zIndex nuosavybė;
Animacija, elementų judėjimas;
Darbas su klasėmis, klasės pavadinimo nustatymas;
Darbas su skaidrumu ir perėjimais;
querySelectorAll() metodas.
7. Darbas su moduliais „JavaScript“, NPM paketų tvarkytuvėje, žiniatinklio paketų kūrimo priemonėje:
Modulių naudojimo priežastys;
Eksportuoti iš modulio;
Importuoti iš modulio;
Reeksportuoti;
Darbas su NPM, pack.json failu;
aplankas node_modules, paketų atsisiuntimas naudojant NPM;
Pasaulinis ir vietinis paketų diegimas;
Webpack naudojimas kuriant projektą;
CSS ir TypeScript krautuvai;
Konfigūracija webpack.config.js;
Bundle kūrimas, suspaudimas;
žiniatinklio paketų įskiepiai;
Naudojant senas modulines sistemas – CommonJS ir AMD;
Naudojant CommonsChunkPlugin, keli įėjimo taškai;
Karštai keičiami HMR moduliai.
8. „JavaScript“ klasės ir paveldėjimas:
Prototipo paveldėjimas, nuoroda __proto__;
Objekto prototipas;
Naudojant instanceof;
Raktažodžių klasė, klasių kūrimas;
Raktažodis super;
Naudojant Object.assign() metodą;
Naudojant Object.defineProperty() metodą;
Getteriai ir seteriai;
Spread operatorius darbui su objektais ir masyvais;
Masyvo ir objekto naikinimas.
9. Funkcinis programavimas JavaScript:
Veikia kaip kintamieji;
Masyvo argumentai;
Funkcijų klasė, call() ir apply() metodai;
bind() metodas, šio ir kai kurių parametrų nustatymas naudojant bind;
Uždarymai JavaScript;
Vertybių inkapsuliavimas naudojant uždarymo priemones;
Funkcijos kūrimas naudojant Function konstruktorių: eilutės konstravimas;
Rodyklės funkcijos, jų taikymo pavyzdžiai;
Funkcinis masyvo manipuliavimas: rasti, findIndex, filtras;
Pavyzdžiai, kaip naudoti žemėlapio/filtravimo/mažinimo duomenims masyve apdoroti.
10. Nekintamumas, testavimas, MVC modelis:
Nekintamumo samprata, jos privalumai;
Kintamieji ir nekintantys objektų ir masyvų keitimo metodai;
Virtualaus DOM koncepcija ir privalumai;
Nekintamų funkcijų testavimas naudojant Jest;
Memoizacija, jos privalumai;
Pagrindinės klaidos ir rekomendacijos naudojant funkcinį programavimą;
MVC šablono, vartotojo sąsajos kūrimas;
Pagrindinių sąsajos kūrimo bibliotekų apžvalga: Angular, React, Vue.
11. Asinchronija „JavaScript“. Pažadai:
Asinchronijos samprata ir būtinybė;
Darbas su setTimeout, setInterval, clearTimeout;
Atskambinimo funkcijos (atskambinimas);
Tai prarandama dirbant su atgalinio skambinimo funkcija. Sprendimai (naudojant bind, rodyklių funkcijas ir kt.);
Pažadų samprata, Pažado grąžinimas iš asinchroninės funkcijos;
Promise.all() metodas, jo taikymas;
async/wait sintaksė, naudojimo atvejai, apribojimai;
Avarinių situacijų valdymas: pažadų atmetimas, išimčių tvarkymas asinchroniniams skambučiams.
12. Darbas su serveriu. HTTP protokolas. REST paslaugos:
HTTP protokolas;
HTTP antraštės ir metodai (GET, POST, PUT, DELETE, kiti), duomenų perdavimas;
HTTP serveriai (apžvalga);
HTTP serverio atsako kodai;
Duomenų pateikimo formų naudojimas;
Duomenų perkėlimas į serverį naudojant AJAX;
REST architektūra: privalumai ir savybės;
CRUD (Create/Read/Update/Delete operacijos) įdiegimas dirbant su REST;
Funkcijos fetch() naudojimas duomenims priimti ir siųsti;
REST paslaugų dokumentavimas naudojant Swagger;
HATEOAS koncepcija, taikymas;
13. AXIOS biblioteka. WebSocket protokolas:
Aukšto lygio Axios bibliotekos ir žemo lygio fetch() naudojimo palyginimas;
GET ir POST užklausas Axios;
Naudojant async/laukti su Axios;
Klaidų apdorojimas naudojant Axios;
Užklausos atšaukimas naudojant Axios;
WebSocket protokolas;
WebSocket naudojimo pavyzdžiai, palyginimas su HTTP;
HTML animacija;
Pastaba
Kursų medžiaga pateikiama anglų kalba.