К содержанию

Manualul Avansat de JavaScript

Manual avansat de JavaScript de la Trepacev Dmitri. Pentru începători. În limba română. Cu probleme.

Stilizare

Stilizarea prin atributul style în JavaScript

Unități de măsură în atributul style în JavaScript

Erori cu unități de măsură în JavaScript

Despachetarea valorilor proprietăților CSS în JavaScript

Resetarea stilurilor prin style în JavaScript

Setarea în masă a stilurilor în JavaScript

Problemele citirii stilurilor în JavaScript

Citirea proprietăților din fișierele CSS în JavaScript

Conversia valorilor citite în JavaScript

Stilizarea cu clase în JavaScript

O clasă pentru stilizare în JavaScript

Inconveniența claselor în JavaScript

Alternarea stilurilor prin atributul data- în JavaScript

Metrici ale elementelor

Extinderea elementelor în CSS pentru JavaScript

Element de test în JavaScript

Dimensiunile client ale unui element în JavaScript

Dimensiunea completă a elementului în JavaScript

Dimensiunile elementului cu scroll în JavaScript

Derularea elementelor în JavaScript

Modificarea scroll-ului unui element în JavaScript

Derularea unui element până la capăt în JavaScript

Expandarea unui element în JavaScript

Lățimea barei de derulare în JavaScript

Metricile ferestrei

Dimensiunile ferestrei în JavaScript

Dimensiunile ferestrei cu scrollarea în JavaScript

Obținerea scroll-ului ferestrei în JavaScript

Obținerea și modificarea scroll-ului ferestrei în JavaScript

Metoda pentru a derula fereastra într-o poziție în JavaScript

Metoda pentru a derula fereastra cu o anumită valoare în JavaScript

Metoda pentru a derula fereastra către un element în JavaScript

Evenimentul de Scroll în JavaScript

Colecții Map

Colecțiile Map în JavaScript

Funcționalități utile ale colecțiilor Map

Iterarea colecțiilor Map cu bucla

Chei și valori în colecțiile Map

Utilizarea colecțiilor Map

Colecții Set

Colecțiile Set în JavaScript

Inițializarea unei colecții Set în JavaScript

Funcționalități utile ale colecțiilor Set

Iterarea colecțiilor Set cu bucla

Transformarea colecțiilor Set

Eliminarea duplicatelor dintr-un array folosind Set

Obținerea elementelor DOM fără duplicate

Pseudotablouri

Pseudotablouri în JavaScript

Similitudini cu array-urile în JavaScript

Diferențele față de array-urile în JavaScript

Verificarea unui array în JavaScript

Transformarea în array în JavaScript

Tipuri de pseudo-array-uri în JavaScript

Diferența dintre tipurile de pseudo-array-uri în JavaScript

Simboluri

Introducere în tipul Symbol în JavaScript

Descrierile simbolului în JavaScript

Simboluri ca chei ale obiectelor în JavaScript

Iterarea unui obiect cu simboluri în JavaScript

Funcție în obiect în JavaScript

Operațiuni cu obiecte în funcții în JavaScript

Simboluri globale în JavaScript

Obținerea numelui simbolului în JavaScript

Simboluri bine cunoscute în JavaScript

Iteratori

Obiecte iterabile în JavaScript

Funcția iterator în JavaScript

Apelurile iteratorului în JavaScript

Generatoare în JavaScript

Bucle în generatoare în JavaScript

Funcționarea unică a iteratorilor în JavaScript

Iteratorul obiectului în JavaScript

Crearea unui obiect iterabil în JavaScript

Generator prin proprietate calculată în JavaScript

Iteratorul integrat values în JavaScript

Iteratorul integrat keys în JavaScript

Iteratorul integrat entries în JavaScript

Trei iteratori încorporați în JavaScript

Operatorul spread și iteratori în JavaScript

Iteratori înșiruiți încorporați în JavaScript

Matricea cifrelor unui număr în JavaScript

Numerotarea elementelor DOM în JavaScript

Obținerea datelor elementelor DOM în JavaScript

Formatul JSON

Introducere în formatul JSON în JavaScript

Conversia JSON în structuri de date JavaScript

Transformarea structurilor de date JavaScript în format JSON

Modificarea datelor în JSON în JavaScript

Stocare

Stocarea locală a browserului în JavaScript

Stocarea în Debugger în JavaScript

Lucrul cu datele în localStorage în JavaScript

Salvarea unică în localStorage în JavaScript

Rescrierea datelor în localStorage în JavaScript

Ștergerea datelor din localStorage în JavaScript

Curățarea spațiului de stocare în localStorage în JavaScript

Numărul de înregistrări în localStorage în JavaScript

Obținerea cheii după număr în localStorage în JavaScript

Iterarea storage-ului după indici în JavaScript

Matrice de chei și valori din stocare în JavaScript

Stocarea structurilor în localStorage în JavaScript

Modificarea structurilor stocate în localStorage în JavaScript

Practică pe localStorage în JavaScript

Expresii regulate

Introducere în expresiile regulate în JavaScript

Operatori de repetare a caracterelor în regex

Parantezele de grupare în expresiile regulate JavaScript

Escaparea caracterelor speciale în expresiile regulate JavaScript

Acolade în expresiile regulate JavaScript

Limitarea lăcomiei în expresiile regulate în JavaScript

Grupuri de caractere în expresiile regulate JavaScript

Seturi de caractere în expresiile regulate JavaScript

Inversarea seturilor de caractere în expresiile regulate

Particularitățile chirilicii în expresiile regulate JavaScript

Caracterele speciale din interiorul parantezelor pătrate în JavaScript

Grupuri de caractere în interiorul seturilor în expresiile regulate JavaScript

Excepții în seturile din expresiile regulate JavaScript

Semnul caret în interiorul seturilor în expresiile regulate JavaScript

Liniuța în seturile din expresiile regulate JavaScript

Ignorarea majusculelor și minusculelor în expresiile regulate JavaScript

Începutul și sfârșitul liniei în expresiile regulate JavaScript

Granițele cuvintelor în expresiile regulate JavaScript

Multilineitate în expresiile regulate JavaScript

Comanda 'sau' în expresiile regulate JavaScript

Variabilă cu expresie regulată în JavaScript

Metoda test în expresiile regulate JavaScript

Metoda search în expresiile regulate JavaScript

Metoda split în expresiile regulate JavaScript

Metoda match în expresiile regulate JavaScript

Grupuri în metoda match în expresiile regulate JavaScript

Match global în expresiile regulate JavaScript

matchAll global în expresiile regulate JavaScript

Metoda exec în expresiile regulate JavaScript

Proprietatea lastIndex în expresiile regulate JavaScript

Grupuri de captură în metoda replace din expresiile regulate JavaScript

Callback în metoda replace în expresiile regulate JavaScript

Grupurile predefinite în metoda replace din expresiile regulate JavaScript

Grupuri de captură în expresia regulată în JavaScript

Slot-uri denumite în expresiile regulate JavaScript

Sloturi denumite în interiorul expresiilor regulate JavaScript

Paranteze care nu captează în expresiile regulate JavaScript

Verificarea pozitivă și negativă în expresiile regulate JavaScript

Șir cu expresie regulată în JavaScript

Indicii pentru șirurile regex în JavaScript

Backslash în șirurile expresiilor regulate în JavaScript

Situații excepționale

Introducere în situațiile excepționale în JavaScript

Tipuri de situații excepționale în JavaScript

Interceptarea excepțiilor în JavaScript

Dezvoltarea cu try-catch în JavaScript

Interceptarea excepțiilor în codul imbricat în JavaScript

Obiectul cu eroare în JavaScript

Tipuri principale de excepții în JavaScript

Utilizarea tipurilor de excepții în JavaScript

Aruncarea excepțiilor în JavaScript

Aruncarea diferitelor tipuri de excepții în JavaScript

Aruncarea propriilor tipuri de excepții în JavaScript

Exemplu de excepție cu atribute data- în JavaScript

Exemplu de excepție cu JSON în JavaScript

Propagarea excepțiilor în JavaScript

Asincronitate

Cod sincron și asincron în JavaScript

Modelul de evenimente asincron în JavaScript

Încărcarea asincronă a imaginilor în JavaScript

Excepții în codul asincron în JavaScript

Callback-uri asincrone

Cod asincron cu callback-uri în JavaScript

Transmiterea asincronă a rezultatului în callback în JavaScript

Transmiterea parametrilor într-un callback asincron în JavaScript

Excepții în callback-urile asincrone în JavaScript

Încărcarea imaginilor prin callback-uri asincrone în JavaScript

Problema callback hell în JavaScript

Încărcarea asincronă a imaginilor într-o buclă în JavaScript

Promisiuni

Introducere în promisiunile în JavaScript

Situații excepționale în promisiunile din JavaScript

Obiect cu eroare de promisiune în JavaScript

Interceptarea separată a excepțiilor în promisiunile din JavaScript

Stările unei promisiuni în JavaScript

Lanțuri de promisiuni în JavaScript

Promisuri în lanț în JavaScript

Excepții în lanțurile de promisiuni în JavaScript

Lucrul cu matrice de promisiuni în JavaScript

Crearea promisiunilor rezolvate în JavaScript

Promisificarea codului asincron în JavaScript

Problema promise hell în JavaScript

Promisiuni în stil sincron în JavaScript

Excepții în stil sincron în JavaScript

Biblioteci

Biblioteci în JavaScript

Utilizarea bibliotecilor în JavaScript

Biblioteci prin CDN în JavaScript

Inconveniențele bibliotecilor în JavaScript

Instrumente

Versionarea Semantică în JavaScript

Bazele lucrului cu terminalul în JavaScript

Introducere în instrumentul NodeJS

Introducere în npm în JavaScript

Instalarea bibliotecilor prin npm în JavaScript

Forma scurtă de instalare prin npm în JavaScript

Dependențele în fișierul package.json în JavaScript

Dependențe de dezvoltare în npm în JavaScript

Formatele versiunilor dependențelor în npm în JavaScript

Setările fișierului package.json în JavaScript

Crearea fișierului package.json în JavaScript

Mutarea unui proiect npm în JavaScript

Fișierul package-lock.json în npm în JavaScript

Actualizarea pachetelor prin npm în JavaScript

Ștergerea pachetelor prin npm în JavaScript

Instalare globală prin npm în JavaScript

Ștergerea globală a pachetelor prin npm în JavaScript

Instrumentul npx în JavaScript

Rularea scripturilor prin npm în JavaScript

Managerul Yarn în JavaScript

Modulele ES

Introducere în modulele moderne în JavaScript

Activarea modulelor ES în JavaScript

Instalarea utilitarului de bundling Webpack în JavaScript

Principiul de funcționare al bundler-ului Webpack în JavaScript

Configurarea builder-ului Webpack în JavaScript

Configurarea lansării construcției Webpack în JavaScript

Asamblare Test cu Webpack în JavaScript

Conectarea bundle-ului la markup în JavaScript

Crearea unui modul ES în JavaScript

Conectarea modulului ES în JavaScript

Redenumirea la import în JavaScript

Importul întregului conținut al modulului în JavaScript

Exportul implicit în JavaScript

Combinarea exporturilor în JavaScript

Importul întregului conținut la combinarea exporturilor în JavaScript

Exportarea valorilor din modulele ES în JavaScript

Valori ca constante în modulele ES în JavaScript

Importul modulelor npm în JavaScript

Importul dinamic al modulelor ES în JavaScript

Import dinamic multiplu în JavaScript

Conversia modulelor CommonJS în ES în JavaScript

Protocolul HTTP

Protocolul HTTP în JavaScript

Lucrul cu URLSearchParams în JavaScript

Lucrul cu URL-uri în JavaScript

Server de test

Server de test în JavaScript

Utilizarea serverului de test în JavaScript

Executarea codului prin intermediul serverului de test în JavaScript

Generarea HTML prin serverul de test în JavaScript

Anteturile răspunsului în serverul de test pe JavaScript

Configurarea portului serverului de test în JavaScript

Lansarea multiplă a serverului de test în JavaScript

Formulare

Trimiterea formularelor în JavaScript

Metode de trimitere a formularelor în JavaScript

Trimiterea formularelor prin metoda GET în JavaScript

Trimiterea formularelor prin metoda POST în JavaScript

Cereri GET în JavaScript

Utilizarea cererilor GET în JavaScript

Butoanele formularului în JavaScript

Trimiterea formularului prin JavaScript

Interzicerea trimiterii formularului în JavaScript

Lucrul cu FormData în JavaScript

Metodele FormData în JavaScript

Iteratori în FormData în JavaScript

AJAX

Introducere în AJAX

Bazele lucrului cu fetch în AJAX

Codul de răspuns HTTP în cererea AJAX în JavaScript

Succesul cererii AJAX în JavaScript

Situații excepționale la cererile AJAX în JavaScript

Interceptarea completă a erorilor AJAX în JavaScript

Antetele HTTP ale răspunsului în AJAX în JavaScript

Obținerea JSON prin AJAX în JavaScript

Antetele cererii HTTP prin AJAX în JavaScript

Trimiterea cererilor GET prin AJAX în JavaScript

Trimiterea cererilor POST prin AJAX în JavaScript

Trimiterea datelor prin AJAX folosind URLSearchParams în JavaScript

Trimiterea datelor prin AJAX folosind FormData în JavaScript

Trimiterea formularului prin AJAX folosind FormData JavaScript

Trimiterea JSON la server folosind AJAX în JavaScript

Politica CORS în cererile AJAX în JavaScript

Transmiterea cookie-urilor în cererile AJAX în JavaScript

Stil sincron de fetch în JavaScript

Lucrul cu canvas

Începând să lucrezi cu canvas în JavaScript

Desenarea liniilor prin canvas în JavaScript

Desenarea dreptunghiurilor prin canvas în JavaScript

Desenarea cercurilor prin canvas în JavaScript

Schimbarea culorii liniei în canvas pe JavaScript

Modificarea grosimii liniilor în canvas pe JavaScript

Bucle în canvas pe JavaScript

Optimizarea codului

Factori de viteză de încărcare a site-ului în JavaScript

Resursele disponibile în JavaScript

Optimizarea operațiilor repetate în JavaScript

Optimizarea repetării operațiilor grele în JavaScript

Optimizarea operațiilor ciclice în JavaScript

Optimizarea iterărilor inutile în buclele din JavaScript

Optimizare prin funcții încorporate în JavaScript

Alegerea algoritmului optim în JavaScript

Optimizarea utilizării expresiilor regulate în JavaScript

Optimizarea lucrului cu DOM în JavaScript

Optimizarea consumului de memorie în JavaScript

Optimizarea conversiei în array în JavaScript

Optimizarea handler-elor de evenimente în JavaScript

Optimizarea vitezei prin utilizarea memoriei în JavaScript

Date

Imutabilitatea datelor în JavaScript

Copii ale array-urilor în JavaScript

Copii ale obiectelor în JavaScript

Adăugarea imutabilă a elementelor într-un array în JavaScript

Ștergerea imutabilă a elementelor din tablou în JavaScript

Modificarea imutabilă a elementelor unui array în JavaScript

Matrice de obiecte cu id în JavaScript

Generarea unui id aleatoriu în JavaScript

Adăugarea unui element cu id în JavaScript

Ștergerea unui element după id în JavaScript

Modificarea unui element după id în JavaScript

Modificarea unei proprietăți după id în JavaScript

Obținerea elementului după id în JavaScript