Utveckling i JavaScript - kurs 39 500 rub. från IBS Training Center, utbildning 40 timmar, Datum 26 november 2023.
Miscellanea / / November 28, 2023
Ämnen som behandlas:
1. JavaScript-språk:
JavaScript-versioner och implementeringar;
Användningsområden för JavaScript (webbläsare, server, mobilutveckling);
Datatyper: String, Number, Boolean (begreppet sanning och falsk);
Operatörer, operatörsföreträde;
Deklaration av variabler: var, const, let;
Slingor: medan, för, för … in, för …av;
Arbeta med siffror och strängar;
Nullvärden och odefinierade värden: skillnader och tillämpningsändamål;
Arbeta med konsolen;
Undantag i JavaScript.
2. JSON, objekt och arrayer:
JSON-format, exempel;
JSON.parse och stringify;
Objekt, som arbetar med klassen Objekt;
Skapa objekt (med den bokstavliga {}, den nya operatorn, metoden skapa);
Prototypiskt arv, referens __proto__;
Getters och sättare;
Operatören in och hasOwnProperty, begreppet otaliga egenskaper;
toString()-metoden, anropar och åsidosätter metoden;
valueOf()-metoden, anropar och åsidosätter metoden;
Skapa arrayer: literals och new Array();
Automatisk ändring av arraylängd;
Hämta och ställa in längden på arraylängden, trunkering av arrayen;
Använda metoderna join() och concat();
Använd sorteringsmetoden för att ställa in sorteringsordningen för arrayen;
Användning av skiva och skarvningsmetoder;
Använda push, pop, shift, unshift metoder: skapa en stack eller kö.
3. Arbeta med datum och strängar:
Använder den nya Date()-konstruktorn;
Förstå datorrepresentationen av datum som tid med Epoch;
Använda getTime() och setTime();
Parsing strängrepresentation av datum;
Alternativ för att skapa strängar i JS: använda enkla och dubbla citattecken;
Stränginterpolation (sträng i apostrof);
Escape specialtecken i en sträng;
Strängsammansättning, konvertering till versaler och gemener;
Hitta en delsträng med indexOf() och lastIndexOf();
Välja en delsträng med hjälp av substring() och substr()
Använda metoderna include, endsWith, startsWith.
4. Använda JavaScript i webbläsaren: DOM-modell:
Hantera webbläsarfönstret, dokument, händelser och stilar (CSS-stilar);
Fönsterobjektet och dess användningsområden;
Ansluta JavaScript-kod till en HTML-sida;
Ordningen för exekvering av skript på sidan;
Skriptcache, CDN-servrar, tvingad omladdning av JavaScript;
Arbeta med länkar, koppla JavaScript till länkar;
Onload-händelsen och dess användning;
XSS-attacker på webbplatsen;
Arbeta med DOM: en: använda fönster, dokument, childNodes;
Manipulera ett dokument med hjälp av DOM: skapa, ta bort, flytta element;
Använda getElementById(), getElementsByTagName(), getElementsByClassName() för att hitta element på sidan;
Arbeta med metoder och egenskaper för HTMLDocument och HTMLElement.
5. Arbeta med händelser i webbläsaren:
Konceptet med evenemangsprogrammering;
Eventhanterare och lyssnare;
Ansluter hanterare med addEventListener();
Egenskaper och metoder för klassen Event;
Spridning av händelser uppåt (bubblande) och nedåt (fånga);
Stoppa spridningen;
Fönsterhändelser;
Mus- och tangentbordshändelser, speciella händelseegenskaper;
Forma händelser;
6. Arbeta med CSS och hantera stilar:
CSS-standard, grundläggande CSS-egenskaper;
Allmänna stilar och stilar för individuella element;
Cascading stilar;
CSS-väljare;
Ändra CSS med JavaScript;
Utfyllnad: marginal, utfyllnad, kant;
Kontrollera synligheten av element: synlighet och visning;
Positionering av element: absolut, fast, relativ, inställning överst och vänster;
Måttenheter px, pt och andra;
Elementspill och styrning via bräddningsegenskapen;
Hantera dokumentlager: zIndex-egenskap;
Animation, rörelse av element;
Arbeta med klasser, ställa in className;
Arbeta med transparens och övergångar;
querySelectorAll() metod.
7. Arbeta med moduler i JavaScript, NPM-pakethanterare, webbpaketbyggare:
Skäl för att använda moduler;
Exportera från modul;
Importera från modul;
Återexportera;
Arbeta med NPM, filen package.json;
mapp node_modules, ladda ner paket med NPM;
Global och lokal installation av paket;
Använda webpack för att bygga ett projekt;
CSS- och TypeScript-lastare;
Konfiguration webpack.config.js;
Buntskapande, komprimering;
webbpaket plugins;
Använder gamla modularitetssystem – CommonJS och AMD;
Genom att använda CommonsChunkPlugin, flera ingångspunkter;
Hot-swapbara HMR-moduler.
8. Klasser och arv i JavaScript:
Prototyparv, referens __proto__;
Objekt prototyp;
Använder instansof;
Nyckelord klass, skapa klasser;
Nyckelord super;
Använda metoden Object.assign();
Använda metoden Object.defineProperty();
Getters och sättare;
Spridningsoperator för att arbeta med objekt och arrayer;
Destrukturering av en array och ett objekt.
9. Funktionell programmering i JavaScript:
Fungerar som variabler;
Array-argument;
Funktionsklass, call() och application() metoder;
Metoden bind() som ställer in denna och några av parametrarna med bind;
Stängningar i JavaScript;
Inkapsling av värden med förslutningar;
Skapa en funktion genom funktionskonstruktorn: konstruera en sträng;
Pilfunktioner, exempel på deras tillämpning;
Funktionell arraymanipulation: find, findIndex, filter;
Exempel på användning av map/filter/reduce för att bearbeta data i en array.
10. Oföränderlighet, testning, MVC-mönster:
Begreppet oföränderlighet, dess fördelar;
Föränderliga och oföränderliga metoder för att ändra objekt och arrayer;
Koncept och fördelar med Virtual DOM;
Testa oföränderliga funktioner med hjälp av Jest;
Memoization, dess fördelar;
Grundläggande misstag och rekommendationer vid användning av funktionell programmering;
MVC-mönster, skapande av användargränssnitt;
Översikt över huvudbiblioteken för gränssnittsutveckling: Angular, React, Vue.
11. Asynkron i JavaScript. Löften:
Konceptet och nödvändigheten av asynkroni;
Arbeta med setTimeout, setInterval, clearTimeout;
Återuppringningsfunktioner (återuppringningar);
Förlorar detta när man arbetar med en återuppringningsfunktion. Lösningar (med bindning, pilfunktioner, etc.);
Konceptet med löften, att returnera ett löfte från en asynkron funktion;
Promise.all()-metoden, dess tillämpning;
asynkronisera/vänta syntax, användningsfall, begränsningar;
Hantering av nödsituationer: Avvisa löfte, undantagshantering för asynkrona samtal.
12. Arbetar med servern. HTTP-protokoll. REST-tjänster:
HTTP-protokoll;
HTTP-rubriker och metoder (GET, POST, PUT, DELETE, andra), dataöverföring;
HTTP-servrar (översikt);
HTTP-serversvarskoder;
Använda formulär för att skicka in data;
Överföra data till servern med AJAX;
REST-arkitektur: fördelar och funktioner;
Implementering av CRUD (Create/Read/Update/Delete operations) vid arbete med REST;
Använda funktionen fetch() för att ta emot och skicka data;
Dokumentera REST-tjänster med Swagger;
HATEOAS koncept, tillämpning;
13. AXIOS bibliotek. WebSocket Protocol:
Jämförelse av Axios-biblioteket på hög nivå och användningen av low-level fetch();
GET och POST-förfrågningar i Axios;
Använder async/await med Axios;
Felhantering vid användning av Axios;
Avbryta en begäran med Axios;
WebSocket-protokoll;
Exempel på användning av WebSocket, jämförelse med HTTP;
HTML-animering;
Notera
Kursmaterialet presenteras på engelska.