JavaScript online cursus. Professionele ontwikkeling van webinterfaces - gratis cursus van HTML Academy, training 9 weken, datum 15 oktober 2023.

Sectie 1 Inleiding tot JavaScript
Laten we eens kijken hoe de cursus werkt, welke hulpmiddelen u nodig heeft en hoe u deze kunt instellen. Laten we eens kijken naar wat de JavaScript-taal is, inclusief de ECMAScript-specificatie en de browser.

Hoe werkt de cursus? Organisatorische zaken.

Werkschema van de cursus.
Review van projecten.
Kwaliteitscriteria.

JavaScript-taal

ECMAScript-specificatie.
Wat geeft de browser JavaScript?

JavaScript-basisprincipes.

Basissyntaxis: haakjes, accolades, operatoren, gereserveerde woorden, commentaar.
De basisbouwstenen zijn variabelen en functies.
Primitieven en complexe gegevenstypen.

Hulpmiddelen.

Code-editors.
Linters.
Ontwikkelingsserver.

Sectie 2 Basis JavaScript-functies
Laten we beginnen met het bestuderen van de basisconstructies van JavaScript, vooral functies. Laten we eens kijken naar de nuances van het declareren van variabelen. Laten we kennis maken met de ontwikkelaarstools.

Variabelen.

Zichtbaarheidsgebieden.

Voorwaardelijke stellingen.

Ternaire operator.
Meerkeuzeschakelaar.

Cycli.

Vorm.

Functies.

Pijlfuncties.
Standaard functieparameters.

rust-parameters.

Hijsen van variabelen en functies.

Inleiding tot DevTools (ontwikkelaarstools).

Sectie 3 Objecten en arrays
Sectie zonder live

Je maakt kennis met complexe datatypen: arrays en objecten. Leer ze te maken en te beheren.

Complexe gegevenstypen.

Arrays.

Basisarraymethoden.

Voorwerpen.

Terugbellen (terugbelfuncties).

Sectie 4 Ingebouwde objecten en functies
Laten we eens kijken naar de objecten en functies die in de JavaScript-taal zelf bestaan. Laten we even ingaan op de uitvoeringscontext hiervan. Laten we de code uitvoeren en fouten opsporen in de console voor ontwikkelaarstools.

Destructurerend.

verspreide syntaxis.

Ingebouwde objecten en hun methoden.

Snaar.
Nummer.
Booleaans.
Datum.
Wiskunde.

Operator nieuw.

Ingebouwde JavaScript-functies.

Functiecontext.

Het sleutelwoord is dit.
Verlies van milieu.

Ontwikkelaars. De console gebruiken.

Sectie 5 Codeorganisatie
Laten we eens kijken naar het concept van scopes. Laten we het DRY-principe bespreken (herhaal jezelf niet) en hoe je het kunt gebruiken om minder code te schrijven en toch meer gedaan te krijgen. Laten we leren wat modules zijn en hoe we de code erop kunnen 'breken'; Wat is een instappunt?

Zichtbaarheidsgebieden.

Globale reikwijdte van het venster.
Sluitingen

Modulariteit.

Codehergebruik, DRY-principe.
Het concept van een module.
Punt van binnenkomst.
ECMAScript-modules, import- en exportsyntaxis.

DevTools: foutopsporing in code met behulp van bronnen.

Sectie 6 DOM en evenementen
Sectie zonder live

Je maakt kennis met het Document Object Model. Documentobjectmodel of DOM). Bedenk hoe u reacties op gebruikersacties beschrijft: tekstinvoer, klikken op bepaalde elementen, scrollen, enz.

DOM-boom.

document is de wortel van alles.
DOM-boomstructuur.
Zoeken naar elementen op een pagina.
Elementattributen beheren.

Sjablonen en gegevens.

Evenementen op de pagina.

Gebeurtenishandlers.

Sectie 7 DOM-manipulatie
Laten we proberen DOM-elementen te maken, verwijderen, verplaatsen en manipuleren. Met behulp van sjablonen tekenen we de eerder gemaakte gegevens.

DOM-boombeheer.

Kenmerken van DOM-elementen beheren.
Bewegende elementen in de DOM-boom.

Benaderingen voor het maken van DOM-elementen.

DOM-objecten maken.
Opmaakbeheer: toevoegen, voorafgaan, insertAdjacentHTML, innerHTML, textContent.

Sjablonen.

Tekenreekssjablonen (sjabloonreeksen).
Speciaal label

Sectie 8 Werken met gebeurtenissen
We zullen de gebruikersinteractie afhandelen, zodat de pagina reageert op tekstinvoer in formulieren, klikken op bepaalde elementen, scrollen, enz. Laten we eens kijken hoe we deze interactie toegankelijk kunnen maken.

Evenementen.

Gebeurtenisobject, gebeurtenisbeheer: preventieDefault en stopPropagation.
Gebeurtenisfasen en delegatie.
Toetsenbordgebeurtenissen en toegankelijkheid.

Gebeurtenislus.

Formuliervalidatie.

Pristine is een formuliervalidatiebibliotheek.

Validatie met behulp van reguliere expressies.

DevTools: Elements (inspecteur)-mogelijkheden voor het werken met de DOM en gebeurtenissen.

Sectie 9 Externe API's en bibliotheken van derden
Laten we eens kijken hoe je niet ‘je eigen fiets kunt schrijven’, maar de ervaring en code van iemand anders kunt hergebruiken. Laten we kennis maken met het concept van een software-interface. Application Programming Interface of API), overweeg dan de API van JavaScript-bibliotheken van derden en de JavaScript-API van kaartservices. Laten we eens snel kijken naar de API's die de browser aan ontwikkelaars biedt.

Concept van API.

Kaartservices en hun JavaScript-API.

OpenStreetMap.
Brochure.

Bibliotheken van derden.

Waarom zijn bibliotheken nodig?
Hoe u verbinding kunt maken met een project.
geenUiSlider.

Browser-API-overzicht.

Sectie 10 Netwerk
Sectie zonder live

Je gaat zelfstandig kijken naar het HTTP-protocol en het JSON-dataformaat. Bedenk hoe de interactie van de gebruiker met de site verandert wanneer hij het netwerk gebruikt, en wat er mis kan gaan.

HTTP-protocol en gegevensformaten.

JSON.

Afhandeling van uitzonderingen.

proberen te vangen.

Hulpmiddelen voor het werken met netwerkverzoeken.

Sectie 11 Asynchronie. Netwerken
Laten we eens kijken naar het concept van asynchronie en hoe we dit kunnen bereiken met behulp van beloften. Beloof, beloof). Laten we kennis maken met technologieën waarmee u vanuit een browser verzoeken aan de server kunt doen. Laten we eens kijken hoe we in de praktijk met fouten kunnen omgaan bij het werken met het netwerk als er iets misgaat.

Asynchronie.

setTimeout en setInterval.
Belofte.

Werken met het netwerk.

ophalen om contact op te nemen met de server.
Het afhandelen van fouten in aanvragen.

DevTools: werken met netwerkverzoeken in het netwerk.

Eerste week verdediging
Afronding van de werkzaamheden aan het project en voorbereiding van de eindverdediging.

Sectie 12 Feedback en optimalisatie
Wij optimaliseren het werk met gegevens en evenementen op onze website. We implementeren duidelijke en gebruiksvriendelijke interfacefeedback.

Geavanceerd werken met arrays.

Sorteren.
Filtratie.

Prestatie-optimalisaties.

Frames laten vallen - smoren.
Eliminatie van bounce - debounce.

Bestands-API.

URL.createObjectURL().
Bestandslezer.

Tweede week van verdediging
De eerste beoordeling van het project door de beoordelende mentor op basis van kwaliteitscriteria.

Derde week van verdediging
Verbeteren van het project op basis van het commentaar van de beoordelende mentor en voorleggen voor een tweede beoordeling.

Sectie 13 Finale
Laten we de cursus samenvatten en vervolgens de functies van JavaScript bespreken waarmee u mogelijk op uw werk te maken krijgt. Het concept van verouderde code en wat ermee te doen, met de code. Laten we eens snel kijken naar de geavanceerde front-end-ontwikkelaarstools, zodat u begrijpt waar u heen moet.

Speciaal JavaScript.

Strikte modus 'gebruik strikt'.
Optionele puntkomma's.

Verouderde code.

jQuery.
var en functionele reikwijdte.
XMLHttpRequest.

Constructor-functies.

prototypen.

Geavanceerd gereedschap.

Webpakket.

Transpilers en polyfills.

Babel.

Vierde week van verdediging
Het maken van eindbewerkingen en het ontvangen van een eindcijfer.