JavaScript Trainingsprogramm (5 Tage)

Ausbildungsziele:

• Die Grundlagen von JavaScript verstehen Datenstrukturen, Funktionen und Ausführungsumgebung.

• Wie man mit DOM interagieren Webseiten dynamisch zu manipulieren.

• Beherrschung fortgeschrittener Konzepte Objekte, Klassen, Asynchronismus und Fehlermanagement.

• Entwicklung interaktiver Web-Anwendungen in JavaScript.

• Übernahme bewährter Praktiken einen sauberen, lesbaren und nachhaltigen Code zu schreiben.

INTERPRETATION

- Anwesend in unseren Räumlichkeiten oder bei Ihnen

Distanciel Online

Finden Sie uns auf:

Straßburg, Lille, Lyon, Reims, Genf, Brüssel, Luxemburg, Frankfurt, Karlsruhe, Berlin, Metz

Preis: 3277 € H.T.
Daten, Orte und Registrierung
INTRA

(Rufen Sie uns an, um ein Angebot zu erhalten)

Tag 1: Einführung in JavaScript und Umgebung

Ziele des Tages:

  • Verstehen, was JavaScript ist und seine Rolle in der Web-Entwicklung.
  • Meistern Sie die grundlegende Syntax und Grundbegriffe der Sprache.
  • Konfigurieren Sie eine JavaScript-Entwicklungsumgebung.

Inhalt:

 •  Präsentation von JavaScript

  • Geschichte von JavaScript
  • Rolle von JavaScript in der Web-Entwicklung (client-side vs server-side)
  • JavaScript Ökosystem (Node.js, NPM, etc.)

 •  Konfiguration der Entwicklungsumgebung

  • Erforderliche Werkzeuge: Code Editor (VS Code), Browser und Entwicklungskonsole
  • Einführung in Browser-Debugging-Tools

 •  Die Grundlagen der Sprache

  • Variablen und Datentypen: string, number, boolean, array, object, null, undefiniert
  • Arithmetische, logische, vergleichende Betreiber
  • Kontrollstrukturen: falls nicht, wechseln
  • Buckles : für, während, tun ... während

 •  Handhabung der Konsole

  • console.log(), console.error(), console.warn()

 •  Praktische Übung:

  • Ein einfaches Programm erstellen « Hallo, Welt! » in der Konsole und testen Sie verschiedene bedingte Strukturen und Schleifen.

Tag 2: Funktionen und Objekte

Ziele des Tages:

  • Verstehen und Masterfunktionen in JavaScript.
  • Erfahren Sie, wie Objekte und Gemälde manipuliert werden können.
  • Wissen, wie Sie Ihren Code effektiv organisieren und strukturieren.

Inhalt:

 •  Funktionen in JavaScript

  • Funktionsaussage: klassische Funktion, Pfeilfunktion
  • Parameterübergang und Wertrückgabe
  • Anwendungsbereich der Variablen (Scope), var, let, const
  • Rückruffunktion

 •  Objekte in JavaScript

  • Erklärung und Manipulation von Gegenständen
  • Zugang zu Eigenschaften und Methoden
  • Integrierte Objekte (Math, Datum, JSON)

 •  Tabellen (Arrays)

  • Berichterstattung, Zugang und Änderung der Tabellenelemente
  • Methoden zum Umgang mit Tabellen (push(), pop(), shift(), unshift(), map(), filter(), reduce())

 •  Praktische Übung:

  • Erstellen Sie eine Funktion, die ein Array von Eingabenummern nimmt und die Summe dieser Zahlen zurückgibt.
  • Erstellen Sie ein Objekt, das eine Person mit Eigenschaften und Methoden darstellt.

Tag 3: DOM (Dokument Objektmodell) und Veranstaltungen

Ziele des Tages:

  • Verstehen Sie das DOM-Modell und seine Rolle beim Umgang mit HTML-Seiten.
  • Erfahren Sie, wie Sie mit DOM über JavaScript interagieren.
  • Benutzerereignisse verwalten (Klicks, Texteingaben usw.).

Inhalt:

 •  Einführung in die DOM

  • Was ist das DOM? (Vertreten der HTML-Seite als Baum)
  • Zugriff auf DOM-Elemente (getElementById(), getElementsByClassName(), querySelector()))
  • Manipulieren von DOM-Elementen (Text ändern, Stile ändern, Elemente hinzufügen/löschen)

 •  Veranstaltungen in JavaScript

  • Arten von Ereignissen: Klicken, Keydown, Einreichen usw.
  • Ohrhörer an Veranstaltungen anhängen (addEventListener())
  • Asynchrone Ereignisse verwalten (Zeit, Klickverwaltung)

 •  Umgang mit dem Formular

  • Verwaltung von Formulareingaben (Input, Select, Textarea)
  • Formularvalidierung in JavaScript

Tag 4: Fortgeschrittene Konzepte in JavaScript

Ziele des Tages:

  • Master fortgeschrittene Konzepte von JavaScript.
  • Verstehen Sie die Verwaltung von Fehlern und Ausnahmen.
  • Lernen Sie mit Versprechungen und asynchron zu arbeiten.

Inhalt:

 •  Objekte und Klassen in JavaScript

  • Erstellung von Objekten mit buchstäblichen oder Buildern
  • Einführung in Klassen in JavaScript (ES6)
  • Heritage und Fallmethoden

 •  Asynchrone Funktionen und Versprechen

  • Einführung in Versprechen (Promise), dann(), catch()
  • Async/await Funktion
  • Asynchrones Call Management (fetch API, AJAX)

 •  Fehlermanagement

  • Versuch ... Fangblock
  • Verwenden von Wurf, um Fehler zu erzeugen

 •  Praktische Übung:

  • Erstellen Sie eine Funktion, die Daten von einer öffentlichen API abruft und auf der Webseite angezeigt wird.
  • Verwenden Sie async/await, um Synchronizität zu verwalten.

Tag 5: Praktisches Projekt und bewährte Verfahren

Ziele des Tages:

  • Verwenden Sie das erworbene Wissen, um ein kleines JavaScript-Projekt zu entwickeln.
  • Gute JavaScript-Code-Praxis verstehen.
  • Bereiten Sie JavaScript in einer professionellen Einstellung zu verwenden.

Inhalt:

 •  Best Practices in JavaScript

  • Codestruktur: logische Trennung, Einhaltung der Namenskonventionen
  • Wie man lesbaren und wiederverwendbaren Code schreibt
  • Tests und Debugging in JavaScript

 •  Projekt zur praktischen Durchführung der Ausbildung

  • Entwicklung einer einfachen Web-Anwendung, wie z.B. eine Todo-Liste, Rechner oder Kontaktmanager
  • Anwendung von DOM-Konzepten, Eventmanagement, Funktionen und Objektmanipulation

 •  Praktische Übung:

  • Entwickeln Sie ein komplettes Projekt mit allen erworbenen Fähigkeiten (z.B. erstellen Sie eine interaktive Todoliste, wo es Aufgaben hinzufügen, löschen und markieren kann).

Methodik

  • Interaktive Bildung : Alternative zwischen Theorie und Praxis mit Übungen, die während jeder Sitzung durchgeführt werden.
  • Schulungsmaterial : Zugriff auf einen PDF-Guide, der jedes Thema erläutert.
  • Überwachung und Bewertung : Tägliche Auswertungen zur Messung der Fortschritte mit personalisierter Rückmeldung.