Order this unique E-Learning course 4 Application Development online, 1 year 24/7 access to rich interactive videos, speech, progress monitoring through reports and tests per chapter to test the knowledge directly.

 

Angular is a JavaScript framework for creating single-page application front ends for the Web. This learning path will teach you how to configure a development environment for building Angular apps, as well as the various aspects that go into creating an app. You will learn how to create and use modules and components and also how to take advantage of Angular's template syntax. You’ll learn how to use the various directives and pipes that come built in to Angular, and also how to create your own directives, pipes, and services. This path will cover building and validating forms, implementing SPA routing, and also making network calls using HTTP. You’ll also learn to develop rich experiences by taking advantage of animation, in addition to developing cross-platform apps that can run and perform well on mobile devices. You’ll learn how to test Angular applications, how to secure Angular applications, and also how to use the Angular CLI to perform simple tasks from the command line.

Course content

Angular 4: Creating an Application

Course: 48 Minutes

• Course Introduction
• Setting Template URLs for Components
• Creating a Component
• Adding Styles to a Component
• Using Interpolation
• Using Property Bindings
• Using Event Bindings
• Using Two-way Data Bindings
• Providing Input Data to Components
• Sending Component Events as Outputs

Angular 4: Components and Bindings

Course: 1 Hour, 1 Minute

• Course Introduction
• Setting Template URLs for Components
• Creating a Component
• Adding Styles to a Component
• Using Interpolation
• Using Property Bindings
• Using Event Bindings
• Using Two-way Data Bindings
• Providing Input Data to Components
• Sending Component Events as Outputs

Angular 4: Directives

Course: 44 Minutes

• Course Introduction
• Using the ngClass Directive
• Using the ngIf Directive
• Using the ngStyle Directive
• Using the ngSwitch Directive
• Using the ngFor Directive
• Using ngFor with Index
• Using ngFor with trackBy
• Working with * and ng-template
• Creating Custom Attribute Directives

Angular 4: Pipes

Course: 30 Minutes

• Course Introduction
• Using the Uppercase and Lowercase Pipe
• Using the JSON Pipe
• Using the Currency Pipe
• Using the Slice Pipe
• Using the Date Pipe
• Creating a Custom Pipe

Angular 4: Form Management

Course: 1 Hour, 2 Minutes

• Course Introduction
• Creating a Model Object
• Creating a Form Component
• Creating a Form Template
• Using ngModel to Bind Form Fields
• Using Template Reference Variables
• Using ngModel and ngModelChange
• Using Input Validators

Angular 4: Model-driven Forms

Course: 37 Minutes

• Course Introduction
• Installing ReactiveFormsModule
• Creating a Model-driven Form Component
• Setting Up a Model-driven Form View
• Initializing the Form Model
• Adding Form Controls to the View
• Setting Singular Dynamic Form Controls
• Setting Dynamic Form Values
• Detecting Changes to Forms

Angular 4: Routing

Course: 1 Hour, 3 Minutes

• Course Introduction
• Installing the Angular Router
• Configuring a Router
• Using a Router Outlet
• Working with RouterLink
• Working with Routing Modules
• Modularizing an Angular App
• Creating Module-specific Routes

Angular 4: Services, Promises, and Route Protection

Course: 41 Minutes

• Course Introduction
• Creating a Service
• Injecting and Using Services

Angular 4: Animation

Course: 48 Minutes

• Course Introduction
• Installing the Animation Package
• Setting Up Animation Triggers
• Setting Up Animation States
• Setting Up Animation Transitions
• Attaching Animations
• Using the Wildcard Animation State
• Using the Void Animation State

Angular 4: NativeScript

Course: 48 Minutes

• Course Introduction
• Installing NativeScript
• Creating a New NativeScript and Angular App
• Setting up Target Deployment Platforms
• Running a NativeScript App Project
• Customizing NativeScript U
• Working with NativeScript Layouts
• Styling NativeScript Apps
• Routing NativeScript Apps
• Animating NativeScript Apps
• Working with Native APIs