Angular Single Page Application Development - ngDEV

52 Bewertungen

Beschreibung

Im Seminar "Angular Single Page Application Development” lernen Sie Angular gemeinsam mit Node.js / .NET Core einzusetzen und damit "Single Page Applications" (SPA's) zu erstellen. Beginnend mit Projektkonfiguration & Angular Basics vertiefen wir unsere Kenntnisse, um schließlich alle Teile des Angular Eco-Systems, inklusive Responsive UI Design, Security, Testing & Hosting zu behandeln.

Nach Abschluss dieses Seminars haben die Teilnehmer Kenntnisse zu folgenden Themen:
  • Environment & Tools Setup and Introduction
  • TypeScript Fundamentals
  • Angular Projektkonfiguration & CLI
  • Understanding Fundamentals & Completing Basic Tasks
  • Nesting Components
  • Routing & Modularity
  • Implementing a Responsive User Interface
  • Form Design & Validation
  • Implementing & Consuming Data Models and REST APIs
  • Introduction to Observables & Reactive Programming
  • Managing State & Broadcasting Events
  • Angular Unit Testing
  • Testing & Securing the Application

Neue Themengebiete werden anhand von Folien und Demos erarbeitet. Am Ende der Module werden die erlernten Inhalte in eine durchgängige Anwendung integriert, welches am Ende in die Cloud publiziert werden kann. Wir empfehlen Visual Studio Code als Cross Platform Editor.

expand_more chevron_right Zielgruppe

Dieses Seminar richtet sich an:
  • Dieses Seminar richtet sich an Web Entwickler welche Angular Anwendungen entwickeln möchten.

    expand_more chevron_right Vorkenntnisse

    Für dieses Seminar werden folgende Kenntnisse empfohlen:

    expand_more chevron_right Detail-Inhalte

    Angular Introduction & Setup 
    • What is a Single Page Application? – SPA
    • Tooling: Node.js, npm and Workspace requirements
    • Angular Introduction
    • Angular Technology Stack
    • Angular Essentials & CLI
    • Debugging Angular
    • Understanding Angulars Bootstrapping process and Configuration
    • Updating Angular Projects
    • Introduction to the Demo App
     
    TypeScript Fundamentals 
    • ECMA Script Standards
    • TypeScript Overview, Configuration, Debugging, ES Lint
    • Types, Arrays & Functions
    • ECMA Script 6+ Essentials
    • Objects, Classes, Interfaces
    • 3rd Party Libraries & Type Definitions
    • Async Operations, Promises & Observables
     
    Fundamentals & Completing Basic Tasks 
    • Components, Modules & Dependency Injection
    • Expressions, Templates & Directives
    • String Interpolation, Property- & Event-Binding, Two-Way Binding
    • Pipes & Localization
    • Custom Directives & Pipes
    • Services & Dependency Injection
     
    Nesting Components 
    • Splitting the UI to Nested Components
    • Databinding & Events with Nested Components
    • Container vs Presentational Components
    • Understanding Component Lifecycle
    • Reusable Components using Local References & Content Projection
    • View Child, View Children
     
    Routing & Modularity 
    • Routing Basics
    • Working with Parameterized Routes
    • Using Router State
    • Child- & Secondary (Auxiliary) Routes
    • Organizing Angular Applications using Modules
    • Modules Types (Root, Feature, Shared,...)
    • Module Lazy Loading
    • Standalone Components
    • Component Less Routing
    • Route Guards & Data Preloading
     
    Designing the User Interface 
    • Implementing a CSS Reset
    • Global & Component Styles
    • Using Sass (Synthetically Awesome Stylesheets)
    • Responsive Layout using Flexbox, CSS Grid & Angular Flex Layout
    • Angular Material Overview
    • Using Material Component schematics
    • Material Theming Colors
    • Using Material Tables, Dialogs & Form Controls
    • Using Angular CDK & 3rd Party Components (Charting, File Upload, Drag & Drop)
     
    Consuming RESTful Services 
    • RESTful APIs Overview
    • Implementing the Client-Side Data Models
    • Implementing CRUD Operations on RESTful APIs
    • Using JSON Server as API for Prototyping
    • Observe Response and Setting Custom Http Headers
     
    Forms Design & Validation 
    • Forms Introduction
    • Template Driven Forms vs Reactive (Model Based) Forms
    • Typed Forms
    • Forms Builder
    • FormControl, FormGroups & FormArrays
    • Form Validation Basics (Synchronous / Asynchronous)
    • Cross Field / Multi Field Validation
    • Custom- & Code-Based Validators
     
    Observables & Reactive Programming 
    • What is Reactive Programming / Benefits
    • Observable, Observer & Subject
    • Creating Observables & Casting to Observables
    • Using the async pipe
    • Capturing Mouse & DOM Events as Observables
    • Subscribing to Routes & Params, Flex Layout API
    • Using Common RxJS Operators
     
    Managing State & Sharing Events 
    • What is State Management
    • State Management Options
    • Stateless & Stateful Services
    • Sharing Data between deeply Nested Components
    • Service Bus & Sharing Events between deeply Nested Components
    • Visual Feedback: Implementing a loading Indicator
     
    Testing Basics 
    • Unit Tests vs Integration Tests
    • Karma & Jasmine Basics
    • Test Setup & Mocking Data
    • Testing Classes, Directives and Pipes
    • Using Spies and Injections
    • Http-Testing and HttpTestingController
    • Intro to Component Testing: Testbed and Testing Module
    • Component DOM Testing
    • Interacting with Components in Tests
    • In Short: End to End Testing using Cypress
     
    Securing & Publishing Angular 
    • Authentication / Authorization Basics in SPAs
    • Token based Auth: Understanding Jwt, OAuth 2.0 & OpenID Connect
    • Securing Angular Routes using Route Guards
    • Using Interceptors to Automate Authentication Tokens
    • Hosting Option Overview (Docker, Firebase, Azure CDN, …)
    • Mastering Url Rewrite
    • 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.720,00
        • Online Training – aber live beim Seminar dabei
        • Keine Anfahrt ins Seminarzentrum notwendig
        • ETC>Live  Support und Hotline
        • ETC-Services

         

    • expand_more chevron_right event_available 13.03.-17.03.2023 13.03.2023 Seminarzeitentimer5 Tage roomETC-Wien
      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.720,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
    • expand_more chevron_right event_available 22.05.-26.05.2023 22.05.2023 Seminarzeitentimer5 Tage roomVirtual-Training (VILT) Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC>Live - Virtual Classroom 2.720,00
        • Online Training – aber live beim Seminar dabei
        • Keine Anfahrt ins Seminarzentrum notwendig
        • ETC>Live  Support und Hotline
        • ETC-Services

         

    • expand_more chevron_right event_available 04.09.-08.09.2023 04.09.2023 Seminarzeitentimer5 Tage roomETC-Wien
      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.720,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
    • expand_more chevron_right event_available 27.11.-01.12.2023 27.11.2023 Seminarzeitentimer5 Tage roomVirtual-Training (VILT) Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC>Live - Virtual Classroom 2.720,00
        • Online Training – aber live beim Seminar dabei
        • Keine Anfahrt ins Seminarzentrum notwendig
        • ETC>Live  Support und Hotline
        • ETC-Services

         

    Ähnliche Seminare