Wir beraten Sie gerne!
+49 40 253346-10     Kontakt
> > > SASPAD Detaillierte Beschreibung

smart Angular Single Page Application Development (SASPAD)

Detaillierter Kursinhalt

Introduction
  • Understanding Environment Setup
  • Visual Studio Code Essentials
  • Node.js, WebPack, Npm, Yarn
TypeScript Fundamentals
  • TypeScript Overview, Configuration, Debugging
  • 3rd Party Libraries & Type Definitions
  • Types, Arrays & Functions
  • ECMA Script 6+ Essentials
  • Objects, Classes, Interfaces & Immutability
  • Generics
  • Understanding Modules & Module Loading
  • Understanding Async Operations
Angular Introduction & Setup
  • What is a SPA?
  • Overview and Version Comparison
  • Angular Command Line Interface – Angular CLI
  • Bootstrapping Angular / Project Konfiguration
  • Debugging Angular using Augury
Understanding Fundamentals & Completing Basic Tasks
  • Components, Expressions, Templates & Directives
  • String Interpolation, Property- & Event-Binding, Two-Way Binding
  • Understanding Component Lifecycle
  • Pipes & Internationalization
  • Custom Directives & Pipes
  • Databinding with Nested Components
  • Reusable Components using Local References & Content Projection
  • Organizing Angular Applications using Modules
Angular Routing
  • Routing Basics
  • Working with Parameterized Routes
  • Child- & Secondary Routes
  • Using Route Guards
  • Preloading Data
  • Module Lazy Loading
Implementing a Responsive User Interface
  • Global & Component Styles
  • Using Sass (Synthetically Awesome Stylesheets)
  • Using Bootstrap JumpStart
  • Angular Material 2 Overview
  • Using Material Tables, Dialogs & Form Controls
  • Understanding Flexbox
  • Responsive Layout using Angular Flex Layout
  • Using 3rd Party Components (Charting, File Upload, Drag & Drop)
Forms Design & Validation
  • Forms Introduction
  • Template Driven Forms
  • Reactive (Model Based) Forms
  • Validating Forms
  • Custom & Code Based Validation
Designing & Accessing Data Models
  • Introduction Into .NET Core
  • Implementing Data Models using .NET Core and Entity Framework 2.0
  • Angular Project Configuration for Integration with .NET Core
  • Implementing the Client-Side Data Model
  • Comparison Http vs HttpClient
  • Consuming .NET Core RESTful APIs
  • Using Interceptors
Observables & Reactive Programming
  • Consuming REST Services: Observables vs. Promises
  • Observable, Observer & Subject
  • What are Reactive Extensions
  • Using Built-in Observables
  • Creating Observables from Scratch
  • Using Operators & Pipes
  • Capturing Mouse & DOM Events as Observables
  • Subscribing to Routes & Params, Flex Layout API
Managing State & Sharing Events
  • What is State Management
  • Patterns for State Management
  • Sharing Data between deeply Nested Components
  • Implementing a Global Event Bus
  • Understanding the Redux Pattern
Testing
  • Unit Tests vs Integration Tests
  • Karma & Jasmine Basics
  • Test Setup & Mocking
  • Testing Angular Components, Services and Forms
Securing the Application using Token Based Auth
  • Authentication / Authorization Basics in SPAs
  • Token based Auth: Understanding Jwt, OAuth 2.0 & OpenID Connect
  • Using Social / Cloud based Logins
  • Securing Angular Routes
  • Securing the Web Api
Reusability using Angular Elements
  • Monolythic Applications vs Micro Frontends
  • Creating reusable Web Components using Angular Elements
  • Implementing reusable Angular Libraries
Publishing & Continuous Integration using Docker & Azure Dev Ops Pipes
  • Deployment Overview & Hosting Options
  • Server Side Rendering using Angular Universal
  • Creating a Production Build
  • Host Angular on IIS, Node
  • Building an Angular Multi-Stage Docker Image
  • Continuous Deployment using DevOps Pipelines