JavaScript-Onlinekurs. Professionelle Entwicklung von Webschnittstellen – kostenloser Kurs der HTML Academy, Schulung 9 Wochen, Datum 15. Oktober 2023.
Verschiedenes / / December 04, 2023
Warum ist der Kurs professionell?
In diesem Kurs lernen Sie, wie Sie reale Projekte mit dem gleichen Komplexitätsgrad wie in der Branche realisieren. Und Sie werden sie richtig machen, sodass Sie nach der Schulung erstklassige Ergebnisse erzielen, für die Unternehmen bereit sind, zu zahlen.
Was Sie während des Trainings erwartet
Leben
Live-Übertragungen, in denen Lehrkräfte komplexe Sachverhalte aus Theorie und Praxis analysieren. Sie finden von 19 bis 21 Uhr Moskauer Zeit statt, die Anmeldung ist am nächsten Tag möglich.
Üben
Nach der Vorlesung machen Sie Hausaufgaben, in denen Sie an Ihrem Projekt arbeiten und den Kursstoff vertiefen.
Code-Review
Der Mentor überprüft die Qualität der Aufgaben und teilt seine Erfahrungen mit, wie man es besser machen kann.
Abschnitt 1 Einführung in JavaScript
Sehen wir uns an, wie der Kurs funktioniert, welche Tools Sie benötigen und wie Sie diese einrichten. Schauen wir uns an, was die JavaScript-Sprache ist, einschließlich der ECMAScript-Spezifikation und des Browsers.
Wie funktioniert der Kurs? Organisatorische Angelegenheiten.
Arbeitsplan für den Kurs.
Überprüfung von Projekten.
Qualitätskriterien.
JavaScript-Sprache
ECMAScript-Spezifikation.
Was gibt der Browser JavaScript?
JavaScript-Grundlagen.
Grundlegende Syntax: Klammern, geschweifte Klammern, Operatoren, reservierte Wörter, Kommentare.
Die Grundbausteine sind Variablen und Funktionen.
Primitive und komplexe Datentypen.
Werkzeuge.
Code-Editoren.
Linters.
Entwicklungsserver.
Abschnitt 2 Grundlegende JavaScript-Funktionen
Beginnen wir mit dem Studium der grundlegenden Konstrukte von JavaScript, insbesondere der Funktionen. Schauen wir uns die Nuancen der Variablendeklaration an. Machen wir uns mit den Entwicklertools vertraut.
Variablen.
Sichtbereiche.
Bedingte Anweisungen.
Ternärer Operator.
Multiple-Choice-Bedienerschalter.
Fahrräder.
Gießen.
Funktionen.
Pfeilfunktionen.
Standardfunktionsparameter.
Rest-Parameter.
Heben von Variablen und Funktionen.
Einführung in DevTools (Entwicklertools).
Abschnitt 3 Objekte und Arrays
Abschnitt ohne Live
Sie lernen komplexe Datentypen kennen: Arrays und Objekte. Lernen Sie, sie zu erstellen und zu verwalten.
Komplexe Datentypen.
Arrays.
Grundlegende Array-Methoden.
Objekte.
Rückrufe (Rückruffunktionen).
Abschnitt 4 Integrierte Objekte und Funktionen
Schauen wir uns die Objekte und Funktionen an, die in der JavaScript-Sprache selbst vorhanden sind. Lassen Sie uns auf den Ausführungskontext eingehen. Lassen Sie uns den Code in der Entwicklertools-Konsole ausführen und debuggen.
Destrukturierend.
Spread-Syntax.
Integrierte Objekte und ihre Methoden.
Zeichenfolge.
Nummer.
Boolescher Wert.
Datum.
Mathematik.
Betreiber neu.
Integrierte JavaScript-Funktionen.
Funktionskontext.
Das Schlüsselwort ist dieses.
Verlust der Umwelt.
DevTools. Verwenden der Konsole.
Abschnitt 5 Kodex-Organisation
Schauen wir uns das Konzept der Bereiche an. Lassen Sie uns das DRY-Prinzip besprechen (wiederholen Sie sich nicht) und wie Sie damit weniger Code schreiben und trotzdem mehr erledigen können. Lassen Sie uns lernen, was Module sind und wie man Code darauf „bricht“. Was ist ein Einstiegspunkt?
Sichtbereiche.
Globaler Fensterbereich.
Schließungen
Modularität.
Code-Wiederverwendung, DRY-Prinzip.
Das Konzept eines Moduls.
Eingangspunkt.
ECMAScript-Module, Import- und Exportsyntax.
DevTools: Debuggen von Code mithilfe von Quellen.
Abschnitt 6 DOM und Ereignisse
Abschnitt ohne Live
Sie werden mit dem Document Object Model vertraut gemacht. Document Object Model oder DOM). Überlegen Sie, wie Sie Reaktionen auf Benutzeraktionen beschreiben: Texteingabe, Klicken auf bestimmte Elemente, Scrollen usw.
DOM-Baum.
Dokument ist die Wurzel von allem.
DOM-Baumstruktur.
Suchen Sie nach Elementen auf einer Seite.
Elementattribute verwalten.
Vorlagen und Daten.
Ereignisse auf der Seite.
Ereignishandler.
Abschnitt 7 DOM-Manipulation
Versuchen wir, DOM-Elemente zu erstellen, zu löschen, zu verschieben und zu bearbeiten. Mithilfe von Vorlagen zeichnen wir die zuvor erstellten Daten.
DOM-Baumverwaltung.
Verwalten von DOM-Elementattributen.
Elemente im DOM-Baum verschieben.
Ansätze zum Erstellen von DOM-Elementen.
DOM-Objekte erstellen.
Markup-Verwaltung: anhängen, voranstellen, einfügenAdjacentHTML, innerHTML, textContent.
Vorlage.
String-Templating (Vorlagen-Strings).
Besonderes Etikett .
Abschnitt 8 Arbeiten mit Ereignissen
Wir kümmern uns um die Benutzerinteraktion, sodass die Seite auf Texteingaben in Formulare, Klicken auf bestimmte Elemente, Scrollen usw. reagiert. Schauen wir uns an, wie wir diese Interaktion zugänglich machen können.
Veranstaltungen.
Ereignisobjekt, Ereignisverwaltung: präventDefault und stopPropagation.
Veranstaltungsphasen und Delegation.
Tastaturereignisse und Barrierefreiheit.
Ereignisschleife.
Formularvalidierung.
Pristine ist eine Formularvalidierungsbibliothek.
Validierung mit regulären Ausdrücken.
DevTools: Elemente (Inspektor)-Funktionen für die Arbeit mit dem DOM und Ereignissen.
Abschnitt 9 Externe APIs und Bibliotheken von Drittanbietern
Schauen wir uns an, wie man nicht „sein eigenes Fahrrad schreibt“, sondern die Erfahrungen und den Code eines anderen wiederverwendet. Machen wir uns mit dem Konzept einer Softwareschnittstelle vertraut. Anwendungsprogrammierschnittstelle oder API), berücksichtigen Sie die API von JavaScript-Bibliotheken von Drittanbietern und die JavaScript-API von Kartendiensten. Werfen wir einen kurzen Blick auf die APIs, die der Browser Entwicklern bereitstellt.
Konzept der API.
Kartendienste und ihre JavaScript-API.
OpenStreetMap.
Flugblatt.
Bibliotheken von Drittanbietern.
Warum werden Bibliotheken benötigt?
So stellen Sie eine Verbindung zu einem Projekt her.
noUiSlider.
Übersicht über die Browser-API.
Abschnitt 10 Netzwerk
Abschnitt ohne Live
Sie werden sich selbst mit dem HTTP-Protokoll und dem JSON-Datenformat befassen. Überlegen Sie, wie sich die Interaktion des Benutzers mit der Website bei der Nutzung des Netzwerks ändert und was schief gehen kann.
HTTP-Protokoll und Datenformate.
JSON.
Ausnahmebehandlung.
versuchen...fangen.
Tools zum Arbeiten mit Netzwerkanfragen.
Abschnitt 11 Asynchronität. Vernetzung
Schauen wir uns das Konzept der Asynchronität an und wie man es mithilfe von Versprechen erreicht. Versprochen versprochen). Machen wir uns mit Technologien vertraut, mit denen Sie über einen Browser Anfragen an den Server stellen können. Schauen wir uns an, wie Sie in der Praxis mit Fehlern bei der Arbeit mit dem Netzwerk umgehen können, wenn etwas schief geht.
Asynchronität.
setTimeout und setInterval.
Versprechen.
Arbeiten mit dem Netzwerk.
fetch, um den Server zu kontaktieren.
Umgang mit Fehlern in Anfragen.
DevTools: Arbeiten mit Netzwerkanfragen im Netzwerk.
Erste Verteidigungswoche
Abschluss der Arbeiten am Projekt und Vorbereitung auf die Abschlussverteidigung.
Abschnitt 12 Feedback und Optimierung
Wir optimieren die Arbeit mit Daten und Ereignissen auf unserer Website. Wir implementieren klares und benutzerfreundliches Schnittstellen-Feedback.
Fortgeschrittene Arbeit mit Arrays.
Sortierung.
Filtration.
Leistungsoptimierungen.
Frames fallenlassen – Drosselung.
Eliminierung von Bounce – Debounce.
Datei-API.
URL.createObjectURL().
FileReader.
Zweite Verteidigungswoche
Die erste Beurteilung des Projekts durch den begutachtenden Mentor nach Qualitätskriterien.
Dritte Verteidigungswoche
Verbesserung des Projekts basierend auf den Kommentaren des begutachtenden Mentors und Einreichung zur zweiten Bewertung.
Abschnitt 13 Schluss
Lassen Sie uns den Kurs zusammenfassen und dann die Funktionen von JavaScript besprechen, auf die Sie möglicherweise bei der Arbeit stoßen. Das Konzept des Legacy-Codes und was damit zu tun ist, mit dem Code. Werfen wir einen kurzen Blick auf die erweiterten Front-End-Entwicklertools, damit Sie verstehen, wohin Sie als Nächstes gehen müssen.
Spezielles JavaScript.
Strikter Modus „strikt verwenden“.
Optionale Semikolons.
Legacy-Code.
jQuery.
Var und Funktionsumfang.
XMLHttpRequest.
Konstruktorfunktionen.
Prototypen.
Erweiterte Tools.
Webpack.
Transpiler und Polyfiller.
Babel.
Vierte Verteidigungswoche
Letzte Änderungen vornehmen und eine Abschlussnote erhalten.
sashascript2022
26.07.2022 G.
Ich denke über den JavaScript-Kurs nach. Die professionelle Entwicklung von Webschnittstellen ist ein guter Einstieg in das Erlernen von JavaScript.
Vorteile: Aktuelles Material, nichts Überflüssiges, kein Wasser + die oben genannten Vorteile. Nachteile: Es war anfangs sehr schwierig für mich, da ich die Sprache von Grund auf lerne) Ich habe diesen Kurs vom 15. Februar bis 18. April 2022 besucht. Und erlangte solide Grundkenntnisse in JavaScript. Aber das ist noch nicht alles, was ich im Kurs gemacht habe. Außerdem habe ich die Grundlagen von HTML, CSS, die Grundlagen der Arbeit mit Git und Github und vieles mehr gelernt ...
Samen Bushmanov
27.05.2022 G.
Gute Kurse!
Vorteile: Liefert dem Studierenden Ergebnisse, klar strukturiert, gut durchdacht, gute Präsentation des Stoffes. Nachteile: Keine, aber es ist erwähnenswert, dass das Programmieren im Allgemeinen ziemlich viel Zeit erfordert. Den Kurs „Javascript“ abgeschlossen. Professionelle Entwicklung von Web-Interfaces.“ Wundervoller Kurs! Fortschritte in der Programmierung nach dem Kurs sind offensichtlich. Man muss wirklich viel Zeit in das Lernen investieren...
Samen Bushmanov
27.05.2022 G.
Gute Kurse!
Vorteile: Liefert dem Studierenden Ergebnisse, klar strukturiert, gut durchdacht, gute Präsentation des Stoffes. Nachteile: Keine, aber es ist erwähnenswert, dass das Programmieren im Allgemeinen ziemlich viel Zeit erfordert. Den Kurs „Javascript“ abgeschlossen. Professionelle Entwicklung von Web-Interfaces.“ Wundervoller Kurs! Fortschritte in der Programmierung nach dem Kurs sind offensichtlich. Man muss wirklich viel Zeit in das Lernen investieren...