HTML und CSS (ca. 1 Tag)
Web-Konzepte
- Webbrowser und Webserver
- HTTP
- Zustandslosigkeit
Hypertext Markup Language 5.x (HTML 5.x)
- HTML-Konzepte
- HTML-Versionen
- Regeln für HTML-Tags und HTML-Attribute
- Die wichtigsten HTML-Tags
- HTML-Werkzeuge
Editoren
Validatoren
Webbrowser
- Praxis: HTML-Dokumente erstellen
Cascading Style Sheets (CSS) Version 3 (CSS3)
- CSS-Konzepte
- CSS-Versionen
- CSS-Anweisung (CSS Rules)
- CSS-Selektoren
- CSS-Klassen
- Layout mit Flexbox
- CSS-Werkzeuge
Editoren
Validatoren
Webbrowser
- Praxis: HTML-Dokumente mit CSS formatieren
- CSS-Hacks
- CSS-Abstraktionen wie LESS, SASS und Bootstrap
Webserverprogrammierung mit ASP.NET oder ASP.NET Core (ca. 3 Tage)
- Konzepte ASP.NET und ASP.NET Core
- Unterschiede zwischen ASP.NET und ASP.NET Core
- Werkzeuge
Server-Side-Rendering (SSR) mit ASP.NET (Core)
- ASP.NET (Core) MVC: Model, View, Controller, Actions
- ASP.NET Core Razor Pages: View und PageModel
- Razor-Syntax
- Routing
- Formulare/Masken
- Parameterbindung und Validierung
- Modulariersierung und Wiederverwendbarkeit (HTML Helper, Tag Helper, Partielle Views, View Components, Areas usw).
- Sicherheit: Authentifizierung/Autorisierung/Benutzerverwaltung
- Caching
- Fehlerbehandlung
- Unit Tests und UI-Tests
REST-Dienste/HTTP Services/Microservices mit ASP.NET (Core) WebAPI
- Controller und Actions
- Datenformate
- Parameterübergabe
- Routing
- Kontrolle über HTTP-Nachrichten
- Fehlerbehandlung
- Hilfeseiten
- Ablaufverfolgung (Tracing)
- WebAPIs testen mit HTTP-Test-Werkzeugen wie Postman und Fiddler
- Datenbankzugriffe
Deployment
- Konfigurationsdaten
- Lokale und entfernte Internet Information Services (IIS)
- Deployment über Fileshares, FTP und MSDeploy/Webdeploy
- Deployment in Azure als Azure WebApps oder Azure Cloud Service
- Optional: Deployment in Docker-Container
- Optional: Deployment in andere Webserver wie nginx oder Apache
- Optiional: Self-Hosting
Webclientprogrammierung mit ASP.NET Core Blazor (ca. 3 Tage)
Optional: Einführung in die notwendigen Grundlagen von .NET und C# sowie HTML, CSS und JavaScript/TypeScript
Architektur und Basistechniken von ASP.NET Blazor
- Blazor Server (Server Side Blazor) vs. Blazor Webassembly (Client Side Blazor) vs. Blazor Desktop
- WebAssembly (WASM)
- .NET Core
- Mono
- ASP.NET SignalR
- DOM und virtual DOM (Shadow DOM)
Werkzeuge für Blazor
- .NET SDK/.NET CLI
- Visual Studio
- Visual Studio Code
- Projektvorlagen
Webanwendungen mit Blazor
- Projekte und Webseiten anlegen
- Razor Components
- Vorlagen mit HTML, CSS und Razor-Syntax
- Code-Behind-Dateien (Trennung von Layout und Logik)
- Datenbindung
- Ereignisse
- Zustandsverwaltung
- Lebenszyklus-Methoden
- Routing im Browser
- Layoutvorlagen (Masterpages)
- Dependency Injection
Kommunikation und Datenbankanbindung
- REST APIs aufrufen mit HttpClient und JSON-Serialisierung
- Google RPC-Dienste aufrufen
- Bidirektionale Kommunikation / Echtzeitanwendungen mit ASP.NET Core SignalR
- Abruf und Änderung von Daten aus SQL-Datenbanken mit Entity Framework Core
JavaScript-Interoperabilität
- Aufruf von JavaScript aus .NET
- Aufruf von .NET aus JavaScript
- Einbindung bestehender JavaScript-Bibliotheken
Aufbauwissen
- Wiederwendbare Bibliotheken (Component Library/Component Packages/Razor Class Libraries sowie .NET Standard-Bibliotheken)
- Eigene Basisklassen für Blazor-Pages
- Realisierung von Schnittstellen wie IDisposable
- Verwendung von Timern
- Triggern von UI-Aktualisierungen
- Local Browser Storage
- Authentifizierung und Autorisierung
- Deployment
Profiwissen
- Templated Components
- Leistungsoptimierung/Performance Tuning
- Testen von Blazor-Anwendungen (Unit Test, Integrationstests, Razor Component Tests mit bUnit, UI Tests)
Optional: Blazor Desktop
- Einbetten von Blazor-Anwendungen in Windows Forms und/oder WPF und/oder .NET MAUI
- Shared State
- Deployment
Erweiterungen
- Überblick über die verfügbaren Blazor-Erweiterungen (Community und Drittanbieter)
- Optional: Behandlung ausgewählter Erweiterungen (nach Absprache)
Webclientprogrammierung mit JavaScript/TypeScript (ca. 2 Tage)
# Die Skriptsprache JavaScript
- Grundkonzepte von JavaScript
- Unterschiede zu C#/C++/Visual Basic/Java u.a.
- Variablen und Typen in JavaScript und Ermittlung von Typen
- Kontrollstrukturen (Schleifen, Bedingungen etc.)
- Booleans, truthy und falsy und der Vergleichsoperator
- Funktionale Programmierung und Closures
- Ausgewählte, vordefinierte Objekte (Arrays, Strings, Date)
- Objektorientierte Programmierung mit Objektliteralen, Konstruktorfunktionen und Prototypen
- Das Function-Objekt und this
- Module-Muster und IIFEs
- Sonderfälle und besondere Konstrukte
TypeScript als Erweiterung zu JavaScript
- Transpilation nach JavaScript
- Konfiguration des TypeScript-Compilers (tsconfig.json)
- Verbesserte Typisierung / TypeScript-Datentypen
- var vs. let vs. const
- Template Strings
- for-of vs. for-in
- Klassenbasiertes Programmieren: Klassen, Vererbung und Interfaces
- Duck Typing
- Destructuring
- Vereinfachtes funktionales Programmieren: Funktionen und Lambdas (Arrow-Functions)
- Vereinfachte asynchrone Programmierung mit async/await
- Generics
- Fehlerbehandlung
- Module
- Ambiente Deklarationen
- Dekoratoren (Annotationen)
- Iteratoren und Generatoren
Best Practices für JavaScript und TypeScript
- Zu vermeidende Sprachkonstrukte
- Wartbaren Code schreiben
- Coding Styles
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
Webclient-Frameworks
Angular oder React oder ein anderes Framework nach Ihrer Wahl (z.B. vue.js oder Aurelia) (ca. 3 Tage)
- Konzepte
- Architektur
- Projektaufbau
- Komponentenbildung
- Vorlagen/Templates
- Datenbindung
- Formulare/Masken/Validierung
- Modularisierung/Services/Dependency Injection
- Navigation/Routing
- Steuerelemente
- Werkzeuge
- Fehlersuche
- Auslieferung/Deployment
- Weitere Konzepte des gewählten Frameworks
- Tipps & Tricks