JavaScript - Komplettkurs

Ziele

In diesem Seminar wird die Skriptsprache JavaScript umfassend behandelt. Zu Beginn des Kurses liegt der Schwerpunkt auf den wesentlichen Techniken und Sprachelementen. Im Fortgang der Schulung werden fortgeschrittenere Programmiertechniken, bis hin zur Verwendung von JS Frameworks, behandelt. Abschließend findet auch die Planung und Verwaltung JS Projekten noch einen Platz. Der Schwerpunkt liegt beim Einsatz vom JavaScript in browserbasierten Anwendungen. Das gelernte Wissen kann aber auf andere Anwendungsbereiche übertragen werden.

Als Inhouse-Seminar kann die Auswahl der, im Kurs verwendeten, JavaScript Bibliotheken und Frameworks kann individuell im Vorgespräch geklärt werden.

Zielgruppe

• Webentwickler sowie Web- oder UI/UX-Designer, die dynamische Funktionen selbst realisieren möchten.
• Backend-, Applikations- und Full-Stack-Entwickler, die sich mit dem Thema Frontend- oder Oberflächen-Entwicklung auseinandersetzen möchten.

Voraussetzungen

Es werden keine JavaScript Kenntnisse vorausgesetzt. Die Teilnehmer sollten ein grundsätzliches Verständnis über die Funktionsweise des Internets, von Computernetzwerken und Webseiten mitbringen.

Agenda

Grundlagen

• Historisches: Die Entstehungsgeschichte
• Standardisierung: W3C und ECMA
• Technologische Einordnung von JavaScript
• Ausführung von JavaScript im Browser
• Alternative Ausführungsumgebungen

Sprachmerkmale von JavaScript

• Datentypen
• Operatoren
• Variablen, Literale und Ausdrücke
• Funktionen
• Scope: Gültigkeitsbereich von Variablen
• Typumwandlung

Kontrollstrukturen

• Verzweigungen und bedingte Anweisungen
• Schleifen
• Iteration durch Arrays und Objekte

Die JavaScript Standard API

• String-Verarbeitung
• Datum und Zeit
• Arbeiten mit Math
• Arbeiten mit Number

JavaScript im Browser

• Zugriff auf HTML mit dem Document Object Model (DOM)
• Events und Event-Handler
• Formular-Verarbeitung mit JavaScript
• Best Practices: Unobtrusive JavaScript & Barrierefreiheit

Fortgeschrittene Programmiertechniken und Architekturen

• Programmier-Paradigmen in JavaScript
• Herausforderung "Tragfähige Architektur"
• Aktuelle Trends

Objektorientierte Programmierung in JavaScript

• Objekte, Eigenschaften und Methoden
• Konstruktor-Funktionen
• Prototypische Vererbung
• "Klassische" Vererbung

Funktionale Programmierung in JavaScript

• Die Funktion als First Class Citicen
• Eigenschaften des Funktionsobjekts
• Scope
• Closures

Bausteine für die Anwendungsentwicklung

• String-Verarbeitung mit Regulären Ausdrücken
• Exceptions und effektives Fehler-Management
• Web Workers: Multithreading für JavaScript
• Daten mit Local Storage im Browser speichern
• File API und FileReader API
• Clipboard API
• Web Sockets API

Bausteine für die Architektur

• Modell-View-Controller-Architektur in Javascript
• Webseiten im Single-Page-Stil
• AJAX-Kommunikation
• RESTful Services in der JavaScript-Anwendung

Bibliotheken und Frameworks

• Bibliotheken zur DOM-Manipulation
• Widget-Toolkits
• Frameworks für komplexe Anwendungen
• Beispiel-Implementierungen mit ausgewählten Bibliotheken und Frameworks

Optimierung des Software Development Lifecycle

• Logging mit JavaScript
• Debugging: Werkzeuge und Techniken für die Fehlersuche
• Unit-Testing mit JavaScript
• Werkzeuge für die kollaborative Entwicklung