Angular 4 Training
Angular 4 Course:
Angular is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular allow you to create complex, customizable, modern, responsive and user friendly web applications. Angular 4 simply is the latest version of the Angular framework and simply an update to Angular 2. This course starts from scratch, you neither need to know Angular 1 nor Angular 2! (Angular 4 simply is the latest version of Angular 2) Angular is faster than Angular 1 and offers a much more flexible and modular development approach. After taking this course you’ll be able to fully take advantage of all those features and start developing awesome applications immediately. Due to the drastic differences between Angular 1 and Angular (=Angular 4) you don’t need to know anything about Angular.js to be able to benefit from this course and build your futures projects with Angular. Angular 4 training starts from scratch, you neither need to know Angular 1 nor Angular 2! (Angular4 simply is the latest version of Angular 2)
Angular 4 Course Curriculum
Module Introduction
Components are Important!
Understanding the Role of AppModule and Component Declaration
Creating Components with the CLI & Nesting Components
Working with Component Styles
String Interpolation
Property Binding vs String Interpolation
Bindable Properties and Events
Two-Way-Databinding
Combining all Forms of Databinding
Using ngIf to Output Data Conditionally
Styling Elements Dynamically with ngStyle
Outputting Lists with ngFor
Module Introduction0
Property & Event Binding Overview
Assigning an Alias to Custom Properties
Assigning an Alias to Custom Events
Understanding View Encapsulation
Using Local References in Templates
Projecting Content into Components with ng-content
Seeing Lifecycle Hooks in Action
Getting Access to ng-content with @ContentChild
Module Introduction
ngClass and ngStyle Recap
Using the Renderer to build a Better Attribute Directive
Using HostListener to Listen to Host Events
Binding to Directive Properties
Building a Structural Directive
Module Introduction
Creating a Logging Service3
Creating a Data Service6
How many Instances of Service Should It Be?
Using Services for Cross-Component Communication
Module Introduction
Understanding the Example Project
Navigating with Router Links
Styling Active Router Links
Using Relative Paths in Programmatic Navigation
Fetching Route Parameters
An Important Note about Route Observables
Retrieving Query Parameters and Fragments
Setting up Child (Nested) Routes
Configuring the Handling of Query Parameters
Important: Redirection Path Matching
An Introduction to Guards
Protecting Child (Nested) Routes with canActivateChild
Controlling Navigation with canDeactivate
Resolving Dynamic Data with the resolve Guard
Module Introduction
Building & Using a First Simple Observable
Unsubscribe!
Using Subjects to Pass AND Listen to Data
Module Introduction
Template-Driven (TD) vs Reactive Approach
TD: Submitting and Using the Form
TD: Accessing the Form with @ViewChild
Built-in Validators & Using HTML5 Validation
TD: Outputting Validation Error Messages
TD: Using ngModel with Two-Way-Binding
TD: Handling Radio Buttons
TD: Using Form Data
Reactive: Setup
Reactive: Syncing HTML and Form
Reactive: Adding Validation
Reactive: Grouping Controls
Reactive: Creating Custom Validators
Reactive: Creating a Custom Async Validator
Reactive: Setting and Patching Values
Introduction & Why Pipes are Useful
Parametrizing Pipes
Chaining Multiple Pipes
Parametrizing a Custom Pipe
Pure and Impure Pipes (or: How to "fix" the Filter Pipe)
Introduction & How Http Requests Work in SPAs
Sending Requests (Example: POST Request)
Sending GET Requests
Transform Responses Easily with Observable Operators (map())
Catching Http Errors
Module Introduction
More about JWT
Setting up the Firebase SDK
Signin Users In
Sending the Token
Adding a Logout Button
Possible Improvements
Module Introduction
Example: Deploying to AWS S3
Introduction
Classes
Generics
Deep dive into TypeScrip
Frequently Asked Questions
This "Angular 4" course is an instructor-led training (ILT). The trainer travels to your office location and delivers the training within your office premises. If you need training space for the training we can provide a fully-equipped lab with all the required facilities. The online instructor-led training is also available if required. Online training is live and the instructor's screen will be visible and voice will be audible. Participants screen will also be visible and participants can ask queries during the live session.
Participants will be provided "Angular 4"-specific study material. Participants will have lifetime access to all the code and resources needed for this "Angular 4". Our public GitHub repository and the study material will also be shared with the participants.
All the courses from zekeLabs are hands-on courses. The code/document used in the class will be provided to the participants. Cloud-lab and Virtual Machines are provided to every participant during the "Angular 4" training.
The "Angular 4" training varies several factors. Including the prior knowledge of the team on the subject, the objective of the team learning from the program, customization in the course is needed among others. Contact us to know more about "Angular 4" course duration.
The "Angular 4" training is organised at the client's premises. We have delivered and continue to deliver "Angular 4" training in India, USA, Singapore, Hong Kong, and Indonesia. We also have state-of-art training facilities based on client requirement.
Our Subject matter experts (SMEs) have more than ten years of industry experience. This ensures that the learning program is a 360-degree holistic knowledge and learning experience. The course program has been designed in close collaboration with the experts working in esteemed organizations such as Google, Microsoft, Amazon, and similar others.
Yes, absolutely. For every training, we conduct a technical call with our Subject Matter Expert (SME) and the technical lead of the team that undergoes training. The course is tailored based on the current expertise of the participants, objectives of the team undergoing the training program and short term and long term objectives of the organisation.
Drop a mail to us at [email protected] or call us at +91 8041690175 and we will get back to you at the earliest for your queries on "Angular 4" course.
More Courses
|
Dot Net |
|
Oracle Cloud - OCI Foundations |
|
Helm |
|
Deep Learning using Tensorflow |
|
Kubernetes Administration |
|
Tableau |
|
Clojure |
|
Campus to Corporate Bridge Program |
|
Red Hat Admin |
Read More
Recommended Courses
React
React
Hibernate
Feedback