Schulung Single-Page-Web-Applications (SPAs) entwickeln mit HTML5/CSS3 und JavaScript (oder TypeScript)

Beschreibung/Inhalt

Eine Single Page Application (SPA) (alias Single Page Web Application) ist eine Webanwendung, die keinen Seitenwechsel (Roundtrip) durchführt, sondern die Anzeige nur durch Austausch von Seitenelementen via JavaScript/DOM verändert. Es gibt dabei also keine serverseitige Seitennavigation. Die URL ändert sich nicht. Die Seite lädt Daten über Webservices (meist REST-basierte Dienste) nach und erzeugt die Darstellung clientseitig (clientseitiges Rendern).
Eine SPA wirkt damit wie eine Desktopanwendung. SPAs können auch offline-fähig programmiert werden.

- Dieses Schulungsmodul kann mit allen aktuellen TypeScript-Versionen (z.B. 5.1, 5.0, 4.9, 4.8) entsprechend Ihren Wünschen durchgeführt werden.
- Dieses Schulungsmodul kann mit allen aktuellen JavaScript-Versionen (z.B. 14.0, 13.0, 12.0, 11.0) entsprechend Ihren Wünschen durchgeführt werden.

Grundlagen

  • Single-Page-Application (SPA) im Vergleich zu klassischen Round-Trip-Anwendungen
  • Architekturmodell für SPAs
  • REST
  • Datendienste (REST, JSON/BSON, Open Data Protocol)
  • Client-Pattern wie MVC, MVP und MVVM


    • Server-Frameworks für Single-Page-Web-Applications (SPAs) - selbstverständlich wählen Sie die zu besprechenden Techniken
  • ASP.NET MVC + ASP.NET Web API oder
  • Java Servlets, JSP, JSF oder
  • node.js oder
  • Ruby-On-Rails


    • Client-Techniken für Single-Page-Web-Applications (SPAs)
  • HTML/HTML5
  • CSS/CSS3
  • JavaScript
  • TypeScript als das bessere JavaScript


    • Client-Frameworks - selbstverständlich wählen Sie die zu besprechenden Techniken
  • jQuery oder
  • Angular oder
  • React oder
  • Vue.js oder
  • Svelte
  • oder andere


    • Besondere Aufgaben in SPAs
  • Responsive Design/Responsive Layout
  • Modularisierung/Wartbarer Programmcode
  • Offline-Fähigkeit
  • Progressive Enhancement
  • Progressive Web Apps
  • Sicherheit in SPAs
  • Unit Testing von SPAs




    • Optional: Abstraktionstechnik für JavaScript
  • CoffeeScript
  • Dart
  • TypeScript

    • Dauer
    Auf Wunsch. Gerne geben wir Ihnen eine Empfehlung zur notwendigen Schulungsdauer, wenn Sie uns in der Anfrage Ihre Vorkenntnisse und Ziele nennen.
    Ort
    Online oder in Deutschland, Österreich und der Schweiz an Ihrem Firmensitz
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil