Advanced Web Technologies - webADV

Beschreibung

In dem Seminar „Advanced Web Technologies“ lernen Sie aktuelle Werkzeuge für die Webentwicklung zu nutzen. Git basierend und mit VS Code lernen wir Node.js gezielt als Runtime unseres Developer Toolset einzusetzen, Pakete dynamisch über NPM zu laden, und unsere Lösungen, auch für ältere Browser kompatibel, mit Webpack zu bündeln.
Bei den eingesetzten Sprachen, JavaScript / TypeScript und C#, legen wir Wert darauf, modernen Syntax zu verwenden. Wir vermitteln die neuesten Skills im Bereich responsive UI Design, auch am Beispiel von Bootstrap 5, und stellen aktuelle Single Page Application Frameworks wie Angular, React und Blazor vor. Container basierendes Development, Real-Time Anwendungen und tokenbasierende Authentifizierung runden die vermittelten Themen ab.

Nach Abschluss dieses Seminars haben die Teilnehmer einen guten Überblick über modernes "Full-Stack-Development"Visual Studio Code effektiv einsetzen
  • Source Control mit Git & Github
  • Modernes JavaScript & TypeScript schreiben
  • Node.js verstehen und einsetzen
  • Implementieren eines Resposive User Interfaces mit CSS Grid & Flexbox
  • Verwenden von Bootstrap 5
  • Designing & Implementing Api’s mit .Net Core, Node.js & Graph QL
  • Kennen von aktuellen Single Page Aplication Frameworks: Angular, React, Blazor
  • Entwickeln in Containern mit Windows Subsystem for Linux 2 (WSL 2)
  • Implementieren von Real Time Anwendungen & Offlineverfügbarkeit
  • Verwenden von Tokenbasierender Authentifizierung
  • Integration Sozialer Netzwerke und Dienste: Facebook & PaypalNeue

Neue Themengebiete werden anhand von Folien, Demos und durchgängigen Beispielen erarbeitet. Am Ende jedes Tages gibt es ca. 2 Std „Lab of the day“ mit Aufgabenstellung, dazugehöriger Lösung und der Möglichkeit, diese zu diskutieren. Alle Beispiele werden über Github verteilt – als Editor setzen wir Visual Studio Code ein. Wir verwenden Branches, um schnell, und vor Allem übersichtlich zwischen den verschiedenen Entwicklungsstadien wechseln zu können.
 

expand_more chevron_right Zielgruppe

Dieses Seminar richtet sich an:
  • Web-Entwickler, die ihr Wissen vertiefen und sich mit den aktuellen Webtechnologien vertraut machen wollen

    expand_more chevron_right Vorkenntnisse

    Für dieses Seminar werden folgende Kenntnisse empfohlen:

    expand_more chevron_right Detail-Inhalte

    Using VS Code
    • Visual Studio Code Essentials (Settings, Keybinding, ...)
    • Useful Extensions Visual Studio Code
    • Using Online Editors: Stackblitz, GitHub Codespaces
    Introduction to Git & GitHub
    • Git's Role in modern Development & DevOps
    • Repo Documentation using Markdown
    • Using GitHub – Repos, Basic Commands, Branching & History
    • Creating Issues and Linking them to Code 
    • Forking, Pull Requests & Git Flow

    Wirting modern JavaScript
    • History of ECMA Script Standards
    • ES6 Array Helpers & Utility Functions
    • Classes, Inheritance
    • Global Scope, Modules, Exports- und Imports
    • Async Operations using Fetch Api, Promises & Async Await

    Introduction to TypeScript
    • TypeScript Overview & Language
    • Debugging using Source Maps
    • Types, Functions & Enums
    • Using 3rd Party Libraries & Type Definitions
    • Objects, Classes, Interfaces, Enums
    • Ensuring Code Quality using TSLint & Prettier

    Node Based Development Basics
    • Node.js Role in modern Web Development
    • Node Basics & Configuration
    • Package Management using NPM & Yarn
    • Task Automation using NPM- & Gulp Scripts
    • Creating Webpack Bundles
    • Creating & Publishing NPM Packages

    Designing & Implementing Api’s & Graphs
    • Rest Api’s Overview
    • Client Side & Server Side Data Models
    • Using Swagger to Design / Document the Api
    • Implementing Api’s using Common Frameworks (Node.js, .NET Core)
    • Implementing Graphs using GraphQL & Appllo Server

    Implementing a Responsive User Interface
    • Effective HTML using Emmet
    • Understanding Media Queries and Responsive Breakpoints
    • Units: px, % versus rem, em, vh
    • Syntactically Awesome Style Sheets Basics (Sass)
    • Style Isolation using Shadow Dom & Web Components
    • Understanding & and using Flexbox & CSS Grid
    • Introduction to Bootstrap 5
    • Web Fonts & Icons

    Single Page Application Frameworks
    • Angular Introduction
    • Angular Components, Services & Dependency Injecction
    • React Introduction
    • Using React Hooks
    • Blazor Introduction
    • Blazor Server & Blazor Web Assembly

    Entwickeln in Containern mit Windows Subsystem for Linux 2 (WSL 2)
    • Ddocker Basics
    • WSL 2 & Docker Desktop Configuration
    • Understanding & Building Docker Containers
    • Configuring & Hosting Apps using NGINX

    Introduction to Real Time- & Offline Apps
    • Use Cases for Real Time Apps
    • Common Real Time Libraries
    • Implementing Real Time Apps using SignalR
    • Understanding Offline First
    • Local Storage, Indexed DB & Web SQL
    • Progressive Web Apps (PWA) Frameworks
    • Overview Device Access & HTML Apis

    Token Based Authentication & Social
    • OpenID Connect, JSON Web Tokens (Jwt) & oAuth
    • Implementing Token based Authentication using Azure AD 
    • Using Social Authentication
    • Consuming Facebook Graph
    • Using the Paypal SDK
    • expand_more chevron_right event_available 29.11.-03.12.2021 29.11.2021 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC Live - Virtual Classroom 2.465,00
        • Virtual Training – aber live im Seminar
        • Keine Anfahrt ins Seminarzentrum notwendig
        • Seminarunterlagen, Teamwork, Labs 24/7
        • ETC>Live Support und Hotline
        • ETC-Services

         

      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.465,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
    • expand_more chevron_right event_available 02.05.-06.05.2022 02.05.2022 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC Live - Virtual Classroom 2.465,00
        • Virtual Training – aber live im Seminar
        • Keine Anfahrt ins Seminarzentrum notwendig
        • Seminarunterlagen, Teamwork, Labs 24/7
        • ETC>Live Support und Hotline
        • ETC-Services

         

      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.465,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
    • expand_more chevron_right event_available 28.11.-02.12.2022 28.11.2022 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC Live - Virtual Classroom 2.465,00
        • Virtual Training – aber live im Seminar
        • Keine Anfahrt ins Seminarzentrum notwendig
        • Seminarunterlagen, Teamwork, Labs 24/7
        • ETC>Live Support und Hotline
        • ETC-Services

         

      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.465,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services

    Ähnliche Seminare