0

  • No products in the cart.

Design IT Technology

Angular – Build Web & Mobile Apps

1668

Webscholar

Angular is a platform for building mobile and desktop web applications. Join the community of millions of developers who build compelling user interfaces with angular

$79.00 $31.99

Course Curriculum

    • Course Introduction 00:01:00
      • Course Introduction
    • What is Angular 00:02:00
      • What is Angular?
    • Angular vs Angular 2 vs Angular 9 00:04:00
      • Angular vs Angular 2 vs Angular 9
    • Project Setup and First App FREE 00:08:00
      • Project Setup and First App
    • Editing the First App 00:10:00
      • Editing the First App
    • The Course Structure 00:04:00
      • The Course Structure
    • What is TypeScript 00:02:00
      • What is TypeScript
    • A Basic Project Setup using Bootstrap for Styling 00:04:00
      • A Basic Project Setup using Bootstrap for Styling
    • 1. Getting Started 00:00:00
    • Module Introduction 00:00:00
    • How an Angular App gets Loaded and Started 00:07:00
      • How an Angular App gets Loaded and Started
    • Components are Important! 00:03:00
      • Components are Important!
    • Creating a New Component 00:07:00
      • Creating a New Component
    • Understanding the Role of AppModule and Component Declaration 00:05:00
      • Understanding the Role of AppModule and Component Declaration
    • Using Custom Components 00:01:00
      • Using Custom Components
    • Creating Components with the CLI & Nesting Components 00:04:00
      • Creating Components with the CLI & Nesting Components
    • Working with Component Templates 00:03:00
      • Working with Component Templates
    • Working with Component Styles 00:00:00
    • Fully Understanding the Component Selector 00:00:00
    • [OPTIONAL] Assignment Solution BS 00:07:00
      • [OPTIONAL] Assignment Solution
    • What is Databinding 00:03:00
      • What is Databinding
    • String Interpolation 00:05:00
      • String Interpolation
    • Property Binding 00:07:00
      • Property Binding
    • Property Binding vs String Interpolation 00:03:00
      • Property Binding vs String Interpolation
    • Event Binding 00:04:00
      • Event Binding
    • Passing and Using Data with Event Binding 00:05:00
      • Passing and Using Data with Event Binding
    • Two-Way-Databinding 00:03:00
      • Two-Way-Databinding
    • Combining all Forms of Databinding 00:00:00
    • [OPTIONAL] Assignment Solution BS 00:07:00
      • [OPTIONAL] Assignment Solution
    • Understanding Directives 00:04:00
      • Understanding Directives
    • Using ngIf to Output Data Conditionally 00:00:00
    • Enhancing ngIf with an Else Condition 00:00:00
    • Styling Elements Dynamically with ngStyle 00:05:00
      • Styling Elements Dynamically with ngStyle
    • Applying CSS Classes Dynamically with ngClass 00:03:00
      • Applying CSS Classes Dynamically with ngClass
    • Outputting Lists with ngFor 00:04:00
      • Outputting Lists with ngFor
    • [OPTIONAL] Assignment Solution 3 00:00:00
    • Getting the Index when using ngFor 00:03:00
      • Getting the Index when using ngFor
    • 2. The Basics 00:01:00
    • Introduction 00:00:00
    • Setting up the Services 00:00:00
    • Managing Recipes in a Recipe Service 00:00:00
    • Using a Service for Cross-Component Communication 00:00:00
    • Adding the Shopping List Service 00:00:00
    • Using Services for Pushing Data from A to B 00:00:00
    • Adding Ingredients to Recipes 00:00:00
    • Passing Ingredients from Recipes to the Shopping List (via a Service) 00:00:00
    • Course Project – Services & Dependency Injection 00:00:00
    • Module Introduction 00:00:00
    • Why do we need a Router 00:00:00
    • Setting up and Loading Routes 00:00:00
    • Navigating with Router Links 00:00:00
    • Understanding Navigation Paths 00:00:00
    • Navigating Programmatically 00:00:00
    • Passing Parameters to Routes 00:00:00
    • Fetching Route Parameters 00:00:00
    • Fetching Route Parameters Reactively 00:00:00
    • An Important Note about Route Observables 00:00:00
    • Retrieving Query Parameters and Fragments 00:00:00
    • Practicing and some Common Gotchas 00:00:00
    • Setting up Child (Nested) Routes 00:00:00
    • Configuring the Handling of Query Parameters 00:00:00
    • Redirecting and Wildcard Routes 00:00:00
    • Outsourcing the Route Configuration 00:00:00
    • An Introduction to Guards 00:00:00
    • Protecting Routes with canActivate 00:00:00
    • Protecting Child (Nested) Routes with canActivateChild 00:00:00
    • Using a Fake Auth Service 00:00:00
    • Controlling Navigation with canDeactivate 00:00:00
    • Passing Static Data to a Route 00:00:00
    • Resolving Dynamic Data with the resolve Guard 00:00:00
    • Understanding Location Strategies 00:00:00
    • Wrap Up 00:00:00
    • Changing Pages with Routing 00:00:00
    • Module Introduction the basics 00:01:00
      • Module Introduction the basics
    • Analyzing Angular Observables 00:00:00
    • Getting Closer to the Core of Observables 00:00:00
    • Building a Custom Observable 00:00:00
    • Errors & Completion 00:00:00
    • Observables & You! 00:00:00
    • Understanding Operators 00:00:00
    • Subjects 00:00:00
    • Wrap Up 00:00:00
    • Improving the Reactive Service with Observables (Subjects) 00:00:00
    • Course Project – Observables 00:00:00
    • Module Introduction the basics 00:01:00
      • Module Introduction the basics
    • Why do we Need Angular’s Help 00:00:00
    • Template-Driven (TD) vs Reactive Approach 00:00:00
    • An Example Form 00:00:00
    • TD Creating the Form and Registering the Controls 00:00:00
    • TD Submitting and Using the Form 00:00:00
    • TD Understanding Form State 00:00:00
    • TD Accessing the Form with @ViewChild 00:00:00
    • TD Adding Validation to check User Input 00:00:00
    • TD Using the Form State 00:00:00
    • TD Outputting Validation Error Messages 00:00:00
    • TD Set Default Values with ngModel Property Binding 00:00:00
    • TD Using ngModel with Two-Way-Binding 00:00:00
    • TD Grouping Form Controls 00:00:00
    • TD Handling Radio Buttons 00:00:00
    • TD Setting and Patching Form Values 00:00:00
    • TD Using Form Data 00:00:00
    • TD Resetting Forms 00:00:00
    • Introduction to the Reactive Approach 00:00:00
    • Reactive Setup 00:00:00
    • Reactive Creating a Form in Code 00:00:00
    • Reactive Syncing HTML and Form 00:00:00
    • Reactive Syncing HTML and Form 00:00:00
    • Reactive Submitting the Form 00:00:00
    • Reactive Adding Validation 00:00:00
    • Reactive Getting Access to Controls 00:00:00
    • Reactive Grouping Controls 00:00:00
    • Reactive Arrays of Form Controls (FormArray) 00:00:00
    • Reactive Creating Custom Validators 00:00:00
    • Reactive Using Error Codes 00:00:00
    • Reactive Creating a Custom Async Validator 00:00:00
    • Reactive Reacting to Status or Value Changes 00:00:00
    • Reactive Setting and Patching Values 00:00:00
    • [OPTIONAL] Assignment Solution BS 3 00:07:00
      • [OPTIONAL] Assignment Solution BS 3
    • Handling Forms in Angular Apps 00:00:00
    • Introduction cpf 00:00:00
    • TD Adding the Shopping List Form 00:00:00
    • Adding Validation to the Form 00:00:00
    • Allowing the Selection of Items in the List 00:00:00
    • Loading the Shopping List Items into the Form 00:00:00
    • Updating existing Items 00:00:00
    • Resetting the Form 00:00:00
    • Allowing the the User to Clear (Cancel) the Form 00:00:00
    • Allowing the Deletion of Shopping List Items 00:00:00
    • Creating the Template for the (Reactive) Recipe Edit Form 00:00:00
    • Creating the Form For Editing Recipes 00:00:00
    • Syncing HTML with the Form 00:00:00
    • Adding Ingredient Controls to a Form Array 00:00:00
    • Adding new Ingredient Controls 00:00:00
    • Validating User Input 00:00:00
    • Submitting the Recipe Edit Form 00:00:00
    • Adding a Delete and Clear (Cancel) Functionality 00:00:00
    • Redirecting the User (after Deleting a Recipe) 00:00:00
    • Adding an Image Preview 00:00:00
    • Providing the Recipe Service Correctly 00:00:00
    • Deleting Ingredients and Some Finishing Touches 00:00:00
    • Deleting Ingredients and Some Finishing Touches 00:00:00
    • Course Project – Forms 00:00:00
    • Introduction & Why Pipes are Useful 00:00:00
    • Using Pipes 00:00:00
    • Parametrizing Pipes 00:00:00
    • Where to learn more about Pipes 00:00:00
    • Chaining Multiple Pipes 00:00:00
    • Creating a Custom Pipe 00:00:00
    • Parametrizing a Custom Pipe 00:00:00
    • Example Creating a Filter Pipe 00:00:00
    • Pure and Impure Pipes (or How to fix the Filter Pipe) 00:00:00
    • Understanding the async Pipe 00:00:00
    • Using Pipes to Transform Output 00:00:00
    • A New IDE 00:00:00
    • Module Introduction 00:00:00
    • How Does Angular Interact With Backends 00:00:00
    • The Anatomy of a Http Request 00:00:00
    • Backend (Firebase) Setup 00:00:00
    • Sending a POST Request 00:00:00
    • GETting Data 00:00:00
    • Using RxJS Operators to Transform Response Data 00:00:00
    • Using Types with the HttpClient 00:00:00
    • Outputting Posts 00:00:00
    • Showing a Loading Indicator 00:00:00
    • Using a Service for Http Requests 00:00:00
    • Services & Components Working Together 00:00:00
    • Sending a DELETE Request 00:00:00
    • Handling Errors 00:00:00
    • Using Subjects for Error Handling 00:00:00
    • Using the catchError Operator 00:00:00
    • Error Handling & UX 00:00:00
    • Setting Headers 00:00:00
    • Adding Query Params 00:00:00
    • Observing Different Types of Responses 00:00:00
    • Changing the Response Body Type 00:00:00
    • Introducing Interceptors 00:00:00
    • Manipulating Request Objects 00:00:00
    • Response Interceptors 00:00:00
    • Wrap Up 00:00:00
    • Making Http Requests 00:00:00
    • Module Introduction cp 00:00:00
    • Setting Up the DataStorage Service 00:00:00
    • Storing Recipes 00:00:00
    • Fetching Recipes 00:00:00
    • Transforming Response Data 00:00:00
    • Resolving Data Before Loading 00:00:00
    • Fixing a Bug with the Resolver 00:00:00
    • Course Project – Http 00:00:00
    • Module Introduction ARP 00:00:00
    • How Authentication Works 00:00:00
    • Adding the Auth Page 00:00:00
    • Switching Between Auth Modes 00:00:00
    • Handling Form Input 00:00:00
    • Preparing the Backend 00:00:00
    • Preparing the Signup Request 00:00:00
    • Sending the Signup Request 00:00:00
    • Adding a Loading Spinner & Error Handling Logic 00:00:00
    • Improving Error Handling 00:00:00
    • Sending Login Requests 00:00:00
    • Login Error Handling 00:00:00
    • Creating & Storing the User Data 00:00:00
    • Adding the Token to Outgoing Requests 00:00:00
    • Attaching the Token with an Interceptor 00:00:00
    • Adding Logout 00:00:00
    • Adding Auto-Login 00:00:00
    • Adding Auto-Logout 00:00:00
    • Adding an Auth Guard 00:00:00
    • Wrap Up ARP 00:00:00
    • Module Introduction DC 00:00:00
    • Adding an Alert Modal Component 00:00:00
    • Understanding the Different Approaches 00:00:00
    • Using ngIf 00:00:00
    • Preparing Programmatic Creation 00:00:00
    • Creating a Component Programmatically 00:00:00
    • Understanding entryComponents 00:00:00
    • Data Binding & Event Binding 00:00:00
    • Dynamic Components 00:00:00
    • Module Introduction AMO 00:00:00
    • What are Modules 00:00:00
    • Analyzing the AppModule 00:00:00
    • Getting Started with Feature Modules 00:00:00
    • Splitting Modules Correctly 00:00:00
    • Adding Routes to Feature Modules 00:00:00
    • Component Declarations 00:00:00
    • The ShoppingList Feature Module 00:00:00
    • Understanding Shared Modules 00:00:00
    • Understanding the Core Module 00:00:00
    • Adding an Auth Feature Module 00:00:00
    • Understanding Lazy Loading 00:00:00
    • Implementing Lazy Loading 00:00:00
    • More Lazy Loading 00:00:00
    • Preloading Lazy-Loaded Code 00:00:00
    • Modules & Services 00:00:00
    • Loading Services Differently 00:00:00
    • Ahead-of-Time Compilation 00:00:00
    • Wrap Up AMO 00:00:00
    • Angular Modules & Optimizing Angular Apps 00:00:00
    • Module Introduction DAA 00:00:00
    • Deployment Preparation & Steps 00:00:00
    • Using Environment Variables 00:00:00
    • Deployment Example Firebase Hosting 00:00:00
    • Deploying an Angular App 00:00:00
    • Module Introduction BW 00:00:00
    • What is Application State 00:00:00
    • What is NgRx 00:00:00
    • Getting Started with Reducers 00:00:00
    • Adding Logic to the Reducer 00:00:00
    • Understanding & Adding Actions 00:00:00
    • Setting Up the NgRx Store 00:00:00
    • Selecting State 00:00:00
    • Dispatching Actions 00:00:00
    • Multiple Actions 00:00:00
    • Preparing Update & Delete Actions 00:00:00
    • Updating & Deleting Ingredients 00:00:00
    • Expanding the State 00:00:00
    • Managing More State via NgRx 00:00:00
    • Removing Redundant Component State Management 00:00:00
    • First Summary & Clean Up 00:00:00
    • One Root State 00:00:00
    • Setting Up Auth Reducer & Actions 00:00:00
    • Auth Finished (For Now…) 00:00:00
    • And Important Note on Actions 00:00:00
    • Exploring NgRx Effects 00:00:00
    • Defining the First Effect 00:00:00
    • Effects & Error Handling 00:00:00
    • Login via NgRx Effects 00:00:00
    • Managing UI State in NgRx 00:00:00
    • Finishing the Login Effect 00:00:00
    • Preparing Other Auth Actions 00:00:00
    • Adding Signup 00:00:00
    • Further Auth Effects 00:00:00
    • Adding Auto-Login with NgRx 00:00:00
    • Adding Auto-Logout 00:00:00
    • Finishing the Auth Effects 00:00:00
    • Using the Store Devtools 00:00:00
    • The Router Store 00:00:00
    • Getting Started with NgRx for Recipes 00:00:00
    • Fetching Recipe Detail Data 00:00:00
    • Fetching Recipes & Using the Resolver 00:00:00
    • Fixing the Auth Redirect 00:00:00
    • Update, Delete and Add Recipes 00:00:00
    • Storing Recipes via Effects 00:00:00
    • Cleanup Work 00:00:00
    • Wrap Up BW 00:00:00
    • Bonus Working with NgRx in our Project 00:00:00
    • Module Introduction BAU 00:00:00
    • Adding Angular Universal with NestJS 00:00:00
    • Adding Angular Universal with NestJS 00:00:00
    • Module Introduction BAU 2 00:00:00
    • Getting Started with Angular Universal 00:00:00
    • Working on the App Module 00:00:00
    • Adding a Server-Side Build Workflow 00:00:00
    • Adding a NodeJS Server 00:00:00
    • Pre-Rendering the App on the Server 00:00:00
    • Next Steps 00:00:00
    • Bonus Angular Universal 00:00:00
    • Introduction AA 00:00:00
    • Setting up the Starting Project 00:00:00
    • Animations Triggers and State 00:00:00
    • Switching between States 00:00:00
    • Using Keyframes for Animations 00:00:00
    • Grouping Transitions 00:00:00
    • Using Animation Callbacks 00:00:00
    • Using Animation Callbacks 00:00:00
    • Angular Animations 00:00:00
Site Design © HCI Communications Ltd. All rights reserved.