NP URI: www.nobleprog.com.eg/cc/angular15 Undefined array key 0 /apps/hitra7/npfrontend/nptemplates/default.php:137 Array ( [0] => Array ( [file] => /apps/hitra7/npfrontend/nptemplates/default.php [line] => 137 [function] => {closure:/apps/hitra7/npfrontend/index.php:5} [args] => Array ( [0] => 2 [1] => Undefined array key 0 [2] => /apps/hitra7/npfrontend/nptemplates/default.php [3] => 137 ) ) [1] => Array ( [file] => /apps/hitra7/npfrontend/modules/course/course.php [line] => 141 [args] => Array ( [0] => /apps/hitra7/npfrontend/nptemplates/default.php ) [function] => require_once ) [2] => Array ( [file] => /apps/hitra7/npfrontend/core/routes.php [line] => 16 [function] => course_menu_callback [args] => Array ( [0] => /cc/angular15 ) ) [3] => Array ( [file] => /apps/hitra7/npfrontend/__index.php [line] => 94 [args] => Array ( [0] => /apps/hitra7/npfrontend/core/routes.php ) [function] => require_once ) [4] => Array ( [file] => /apps/hitra7/npfrontend/index.php [line] => 17 [args] => Array ( [0] => /apps/hitra7/npfrontend/__index.php ) [function] => include_once ) [5] => Array ( [file] => /apps/hitra7/index.php [line] => 65 [args] => Array ( [0] => /apps/hitra7/npfrontend/index.php ) [function] => include_once ) ) NP URI: www.nobleprog.com.eg/cc/angular15 Undefined array key 1 /apps/hitra7/npfrontend/nptemplates/default.php:137 Array ( [0] => Array ( [file] => /apps/hitra7/npfrontend/nptemplates/default.php [line] => 137 [function] => {closure:/apps/hitra7/npfrontend/index.php:5} [args] => Array ( [0] => 2 [1] => Undefined array key 1 [2] => /apps/hitra7/npfrontend/nptemplates/default.php [3] => 137 ) ) [1] => Array ( [file] => /apps/hitra7/npfrontend/modules/course/course.php [line] => 141 [args] => Array ( [0] => /apps/hitra7/npfrontend/nptemplates/default.php ) [function] => require_once ) [2] => Array ( [file] => /apps/hitra7/npfrontend/core/routes.php [line] => 16 [function] => course_menu_callback [args] => Array ( [0] => /cc/angular15 ) ) [3] => Array ( [file] => /apps/hitra7/npfrontend/__index.php [line] => 94 [args] => Array ( [0] => /apps/hitra7/npfrontend/core/routes.php ) [function] => require_once ) [4] => Array ( [file] => /apps/hitra7/npfrontend/index.php [line] => 17 [args] => Array ( [0] => /apps/hitra7/npfrontend/__index.php ) [function] => include_once ) [5] => Array ( [file] => /apps/hitra7/index.php [line] => 65 [args] => Array ( [0] => /apps/hitra7/npfrontend/index.php ) [function] => include_once ) ) NP URI: www.nobleprog.com.eg/cc/angular15 Undefined array key 2 /apps/hitra7/npfrontend/nptemplates/default.php:137 Array ( [0] => Array ( [file] => /apps/hitra7/npfrontend/nptemplates/default.php [line] => 137 [function] => {closure:/apps/hitra7/npfrontend/index.php:5} [args] => Array ( [0] => 2 [1] => Undefined array key 2 [2] => /apps/hitra7/npfrontend/nptemplates/default.php [3] => 137 ) ) [1] => Array ( [file] => /apps/hitra7/npfrontend/modules/course/course.php [line] => 141 [args] => Array ( [0] => /apps/hitra7/npfrontend/nptemplates/default.php ) [function] => require_once ) [2] => Array ( [file] => /apps/hitra7/npfrontend/core/routes.php [line] => 16 [function] => course_menu_callback [args] => Array ( [0] => /cc/angular15 ) ) [3] => Array ( [file] => /apps/hitra7/npfrontend/__index.php [line] => 94 [args] => Array ( [0] => /apps/hitra7/npfrontend/core/routes.php ) [function] => require_once ) [4] => Array ( [file] => /apps/hitra7/npfrontend/index.php [line] => 17 [args] => Array ( [0] => /apps/hitra7/npfrontend/__index.php ) [function] => include_once ) [5] => Array ( [file] => /apps/hitra7/index.php [line] => 65 [args] => Array ( [0] => /apps/hitra7/npfrontend/index.php ) [function] => include_once ) )

Course Outline

Introduction

  • Overview of Angular and its features
  • Understanding the Angular framework and architecture
  • What’s new in Angular 15?

Setting up the development environment

  • Installing and configuring Angular 15
  • Using the stable standalone APIs that allow Angular developers to build apps without the Ng Modules.
  • Understanding the enhanced performance

Fundamentals of TypeScript

  • Understanding the TypeScript syntax
  • Defining variables and arrays
  • Type in functions

Components

  • Anatomy of an Angular component
  • Creating and using components
  • Communicating between components
  • Implementing component lifecycle hooks
  • Using CDK List for building UI components

Directives

  • Anatomy of an Angular directive
  • Creating and using directives
  • Building custom directives
  • Using the directive composition API
  • Using the Image Directive in Angular applications and carrying out the automatic srcset generation in the Image Directive

Services and Dependency Injection

  • Anatomy of an Angular service
  • Creating and using services
  • Using Dependency Injection to manage services

Pipes

  • Anatomy of an Angular pipe
  • Creating and using pipes
  • Building custom pipes

Forms

  • Building and validating forms using Angular's FormBuilder
  • Implementing reactive forms
  • Using template-driven forms

HttpClient

  • Communicating with a RESTful API using Angular's HttpClient module
  • Implementing GET, POST, PUT, and DELETE requests
  • Handling errors and progress events

Authentication and Authorization

  • Implementing authentication and authorization in Angular applications
  • Using JSON Web Tokens (JWT) for authentication
  • Protecting routes with guards
  • Reducing boilerplate code in guards

Testing and Debugging

  • Writing unit tests using Jasmine and Karma
  • Testing Angular components, directives, services, and pipes
  • Debugging Angular applications using the browser's DevTools
  • Learning about the improvements in esbuild for faster builds

Summary and Next Steps

Requirements

  • Basic understanding of HTML, CSS, and JavaScript

Audience

  • Developers
  • Programmers
 28 Hours

Number of participants


Price per participant

Testimonials (5)

Upcoming Courses

Related Categories