Schulung Umstieg von ASP.NET auf moderne Webtechniken (Single-Page-Web-Applications mit HTML, CSS, JavaScript/TypeScript, Angular u.a.)

Beschreibung/Inhalt

optional: Basiswissen HTML5, CSS3, DOM, AJAX, REST werden geschult, sofern noch nicht bekannt

Konzepte moderner Web-, Mobilanwendung

  • AJAX statt "Round Trips"
  • REST-Kommunikation mit HTTP-Diensten (XML, JSON)
  • Usability ähnlich wie bei Desktop-Anwendungen
  • Responsive Web Design (RWD)
  • Pattern für die Benutzeroberfläche (MVVM, MVC, MVP)
  • Single-Page-Web-Applications (SPAs)
  • Offline-Fähigkeit
  • Benachrichtigungen/Push ("Echtzeitfähigkeit") mit Websockets
  • Progressive Enhancement
  • Progressive Web Apps (PWA)
  • Cross-Platform-Apps


  • Architektur einer modernen Web- und Mobilanwendung
  • Aufbau des Servers
  • Aufbau des Clients
  • Kommunikationsarten


  • Unterschiede zwischen der Entwicklung mit .NET und Webtechniken
  • Programmiersyntax
  • Frameworks
  • Werkzeuge
  • Support


  • Auf Anfrage

    JavaScript-Frameworks
  • Überblick über die Frameworks
  • Einbinden von JavaScript-Frameworks


  • Werkzeuge
  • Web-Editoren wie Visual Studio, Visual Studio Code (VSCode), Webstorm/IntelliJ und Eclipse
  • Sinnvolle Erweiterungen des Webeditors (z.B. Plug-Ins für VSCode, Web Essentials für Visual Studio)
  • Aufbau eines Projekts/Projektstruktur
  • Ausführungsumgebungen: node.js und Browser
  • Transpilation, z.B. von TypeScript zu JavaScript
  • Präprozessoren, z.B. SASS/SCSS/LESS/Stylus zu CSS
  • Debugger z.B. in Visual Studio, VSCode, Webstorm, Eclipse
  • Debugger in Browsern z.B. in Chrome
  • Die Paketmanager NPM, bower und nuget
  • Bundling, Lazy Loading und Hot Reloading mit Webpack, RequireJS oder SystemJS
  • Codegenerierung mit Yeoman
  • Qualitätssicherung mit Lintern wie ESLint, JSLint, JSHint, TSLint
  • Build-Automatisierung mit NPM-Skripten, gulp und grunt
  • Bundling mit Webpack, Parcel oder Browsify
  • Testautomatisierung, z.B. Jest, Mocha, QUnit, Cypress, Selenium, Nightwatch, WebdriverIO, Protractor, TestCafe, Playwright, Puppeteer, Chai, Expect.js, Code Coverage mit "Istanbul"
  • Continuous Integration / Continuous Delivery, z.B. mit GitHub, GitLab, Azure DevOps


  • Optional: Framework-spezifische CLI-Werkzeuge wie z.B. Angular CLI, Vue CLI, React CLI oder Cordova CLI

    Optionale Teile:
    Optional: Vorstellung von Frameworks nach vorheriger Absprache mit dem Kunden, z.B.
  • Twitter Bootstrap
  • jQuery
  • jQueryUI
  • jQueryMobile
  • Angular
  • VUE
  • Aurelia
  • kockout.js
  • Modernizr
  • Dojo
  • prototype
  • ember.js
  • Hilfsbibliotheken: z.B. Datumsverarbeitung mit moment.js, Filtern/Sortieren mit underscore.js, Promises mit Q, Reactive Extensions for JavaScript (RxJS)
  • (andere auf Anfrage)


  • Optional: Architektur und Techniken auf dem Webserver:
  • Webseiten mit ASP.NET MVC oder ASP.NET Webforms
  • optional: Integration von ASP.NET MVC und ASP.NET Webforms in einer Anwendung
  • Leichtgewichtige Services mit ASP.NET Web API
  • Kommunikation zwischen Client und Server über AJAX
  • Benachrichtigungs-Szenarien mit ASP.NET SignalR (Websockets versus Polling)
  • Open Data Protocol (OData) / WCF Data Services
  • optional: WCF Rest API / WCF RIA Services


  • Optional:Sicherheit in modernen Webanwendungen
  • Typische Angriffszenarien (OWASP Top 10)
  • Schutzmechanismen


  • Optional:Authentifizierung und Autorisierung in modernen Webanwendungen
  • Security für Web-Anwendungen und Services
  • Login mit Facebook, Google, Twitter, Microsoft Account & Co.
  • Single Sign-on
  • OAuth 2.0 und OpenId Connect


  • Optional:Anwendungspraxis:
  • Single-Page-Web-Application erstellen
  • Mobile Webanwendungen erstellen
  • Hybrid-Anwendungen mit Responsive Web Design erstellen
  • Offlinefähige Webanwendungen erstellen
  • Benachrichtigungen/Push (Rückkanal von Server zu Browser)
  • Hintergrund-Aufgaben mit Webworkern erstellen
  • Erstellung einer Cross-Platform-Anwendung für Windows, Windows UWP, Linux, MacOS, iOS und Android mit Electron und Cordova

  • 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