Course Highlights

Personalized one-on-one guidance by experienced industry experts.

Test your subject matter comprehension with assignments and multiple-choice assessment questions.

Take advantage of the experiential learning and build your portfolio in a real-world simulation.

Learn from the real-world experience of industry experts with real-world use cases and practical examples.

Learn concepts from scratch, and advance your learning through step-by-step guidance on tools and techniques.

Take advantage of the experiential learning and get your code reviewed by experienced programmers.

The KnowledgeHut Edge

LEARN BY DOING

Write code and practice with hands-on exercises. Gain the skills and the practical knowledge to get productive from day one.

LEARN FROM PRACTITIONERS

Get trained by active practitioners who bring on board the best of their experience across tech and other industries.

RESOURCES TO ENSURE LEARNING NEVER STOPS

Access to extensive resources including the latest articles, eBooks and case studies prepared by industry experts and webinars by practitioners.

prerequisites

Prerequisites

  • Basic HTML & CSS Knowledge
  • Intermediate JavaScript knowledge 

Course Schedules

Learning Objectives:

This is an introductory module which will take you through the overview of the entire course.

Learning Objectives:

Here you will learn about Single Page Application vs Multi Page Application, and the pros and cons of SPA vs MPA. Understand the developer experience delivered by angular tooling and get a high-level overview of the framework and its community.

Topics

  • History of Angular
  • The leap from AngularJS to Angular
  • Desktop Application class User Experience
  • Productivity and Tooling
  • Performance
  • Community
  • Full-featured Framework
  • Supported Browsers (Angular 10)
  • Platform for Targeting Native Mobile not just Web Browsers

Learning Objectives:

TypeScript is integral to building apps using Angular. While developers can use ECMAScript 6 and above to build Angular apps, it goes without saying that TypeScript has become the de facto lingua franca for writing efficient, error resilient Angular applications. It is therefore imperative that you learn TypeScript before diving into Angular itself. This section brings you up to speed with TypeScript! 

Topics:

  • Introduction
  • What is Typescript
  • Why Typescript
  • Setup and installation
  • IDE support
  • Scoping using let  and const Keywords ( ES6 )
  • Template Literals ( ES6 )
  • Rest and Spread Parameters ( ES6 )
  • Destructuring ( ES6 )
  • Introduction to Types
  • Type inference
  • Type Annotations
  • Number
  • Boolean
  • String
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null and Undefined
  • Never
  • Introduction to Functions
  • Using types in functions
  • Function as types
  • Optional and default parameters
  • Arrow functions
  • Introduction to Classes
  • Inheritance
  • Access modifiers
  • Getters and setters
  • Read-only & static
  • Introduction to Interfaces
  • Optional properties and methods
  • Strict structural contract
  • Extending interface
  • Implementing interface
  • Introduction to Modules
  • Import / Export
  • Default
  • Decorators

Hands-on:

  • Create variables using let and const, create multi-line strings with template literals, use spread and rest operators with functions, pull values for arrays and objects using destructuring.
  • Create variable with different TS supported data types.
  • Create functions with mandatory, optional and default parameters. Create arrow functions.
  • Create classes with properties, methods and accessors. Implement inheritance.
  • Create an interface and use it to validate object shapes. Implement interfaces in classes.
  • Create modules and import them into other modules.

Learning Objective:

Upon completion of this module, you will know how to setup Angular CLI and create a new project in the command-line tool. You will also gain insight into the project structure and the significance of the project files. Also, experience the debugging of your angular app in visual studio code and learn how to view runtime information with the augury chrome extension.

  • Angular CLI
  • Anatomy of the project
  • Setting up a workspace
  • Updating Angular apps using ng update
  • Adding support for external libraries using ng add
  • Debugging Angular apps
  • Working with Augury
  • Using the Angular Language Service with Microsoft VSCode

Hands-on:

Create a new angular CLI project using angular CLI, execute, and debug.

Learning Objective:

Upon completion of this module, you will get a bird’s eye view of angular and its programmable members. This module lays the foundation for the entire course.

  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Services
  • Dependency injection
  • Angular Ivy

Learning Objective:

Upon completion of this module understand the significance of the angular module system, and gain an insight into why modules are needed, how we create modules, and about the different kinds of modules.

  • Why modules
  • How to create modules
  • Built-in modules
  • Root Module
  • feature module

Hands-on:

Create a feature module and import feature module into a root module.

Learning Objective:

Upon completion of this module, you will know the significance of components and know-how to create a component with different ways of attaching templates and styles.

  • Introduction
  • @Component decorator
  • Component configuration object
  • Custom components
  • Component with templates
  • Inline
  • External
  • Component with Styles
  • Inline
  • External
  • Angular Elements

Hands-on:

Create a component with inline and external templates and styles, create components manually, and with cli, also apply component composition by using a component in another component.

Learning Objective:

Upon completion of this module, you will understand the angular templating syntax and explore the powerful data binding features.

  • HTML as template
  • Data binding
  • Property Binding
  • Event Binding

Two-way binding

  • Template expressions
  • Template syntax
  • Attribute, class, and style bindings
  • @Input()
  • @Output
  • Template reference variables
  • Safe navigation operator

Hands-on:

Use different data binding syntax in the template, implement property binding with @Input and custom event binding with @Output binding, create template reference variables, and use them in the template.

Learning Objective:

Upon completion of this module, you will experience the power of Angular directives and the different kinds of directives supported in Angular.

  • Introduction
  • Built-in directives
  • Structural directive
  • NgIf
  • NgFor
  • NgSwitch
  • Attribute directive
  • NgClass
  • NgStyle
  • NgModel

Hands-on:

Implement iteration and conditional rendering in a template using structural directives and implement dynamic styling with attribute directives.

Learning Objective:

Upon completion of this module, you will understand Angular data transformation capabilities using pipes.

  • Introduction
  • Built-in pipes
  • @Pipe decorator

Hands-on:

Use currency, date, json, and other pipes to transform data. Apply the built-in pipes in transforming data in the classroom course project.

Learning Objective:

Upon completion of this module, you will learn how to develop forms in template-driven and reactive form styles along with form validation techniques.

  • Introduction
  • @angular/forms library
  • Template-driven forms
  • Form and field validation
  • Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
  • Show and hide validation error messages
  • Form submission with ngSubmit
  • Reactive/ Model drive forms
  • ReactiveFormsModule
  • FormGroup, FormControl classes
  • FormBuilder for easy form building
  • Validations using Validators
  • Setting form model using setValue and patchValue
  • Use FormArray to build repeated from controls or form groups

Hands-on:

Develop forms in both template and reactive forms along with validation. Also, you will code form with the most commonly used controls like textbox, drop-down lists, checkboxes, radio buttons, buttons.

Learning Objective:

Upon completion of this module, you will understand the significance of dependency injection in angular and the different kinds of provider types in Angular.

  • Introduction
  • Why DI
  • @Injectable decorator
  • Custom service development
  • Registering the service with NgModule using providers key
  • Provider Types
  • Class
  • Factory
  • Value

Hands-on:

  • Develop services and provide them as dependencies for components.
  • Provide component at self, parent, and root levels. Create 3 different types of providers.

Learning Objective:

Upon completion of this module, you will learn how to implement navigation in angular and protect routes with route guards.

  • Introduction
  • @angular/router library
  • Configure routes
  • RouterModule.forRoot and RouterModule.forChild
  • RouterOutlet, RouterLink, RouterLinkActive
  • Nested Routes
  • Parametrized routes
  • Route guards

Hands-on:

  • Develop a navbar component that provides routing for application.
  • Use route configuration at the root module and feature module level and protect routes with guards.

Learning Objective:

On completion of this module, you will gain insight into observable patterns and implementation in javascript using rxjs library.

  • Introduction
  • Why RxJs
  • Observable interface
  • Streams
  • Operators
  • Subscription
  • Subject
  • Schedulers

Hands-on:

Create and use observables and operators.

Learning Objective:

On completion of this module, you will learn how to consume remote API using an HTTP client and understand the power of interceptors for better error handling.

  • Setup installing the module
  • Making a request for JSON data
  • Type checking the response
  • Error handling
  • Sending data to the server
  • Making a POST request
  • Configuring other parts of the request

Hands-on:

  • Create a service that uses HTTP Client to make CRUD operations.
  • Add headers to requests and handle errors.

Learning Objective:

On completion of this module, you will gain an interesting insight into some of the most interesting features of Angular that help boost productivity, performance and more.

  • Creating Libraries
  • Angular Material Essentials
  • Lazy Loading
  • Customizing the Angular CLI using the Builder API
  • Server Side Rendering with Angular Universal
  • Working with Service Workers
  • Building a Progressive Web App

Hands-on:

Create a progressive web app (PWA) which uses Angular Material

Learning Objective:

Upon completion of this module, you will understand how to write unit test cases to test components, services, and pipe.

  • Introduction
  • Testing in Typescript
  • Testing Component
  • Testing Service/Provider
  • Testing Pipe

Hands-on:

Unit test a component, service, and custom pipe.

Learning Objective:

Upon completion of this module, you will understand the differences between JIT compilation and AOT compilation and how to deploy angular applications.

  • Manually
  • Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)
  • Deployment Platforms for Angular Apps

Hands-on:

Demonstrate how to run AOT build and deploy an Angular app to Vercel Now using ng-deploy-vercel

Hotelpedia

Use your skills of Angular to build an application that provides details of famous hotels in multiple cuisines - a mini project like Wikipedia but limited to book details.

E-Courses

Use your skills of React, Redux, and Redux Saga to build an online web application that sells technology courses online.

What Learners are saying

  • 5/5

Apr, 2020

Everything was well organized. I would definitely refer their courses to my peers as well. The customer support was very interactive. As a small suggestion to the trainer, it will be better if we have discussions in the end like Q&A sessions.

Steffen Grigoletto

Senior Database Administrator

verified-learner
Verified Learner
  • 3/5

Jun, 2020

I would like to thank the KnowledgeHut team for the overall experience. My trainer was fantastic. Trainers at KnowledgeHut are well experienced and really helpful. They completed the syllabus on time, and also helped me with real world examples.

Elyssa Taber

IT Manager.

verified-learner
Verified Learner
  • 5/5

Apr, 2020

KnowledgeHut is a great platform for beginners as well as experienced professionals who want to get into the data science field. Trainers are well experienced and participants are given detailed ideas and concepts.

Merralee Heiland

Software Developer.

verified-learner
Verified Learner
  • 5/5

Jul, 2020

My special thanks to the trainer for his dedication and patience. I learned many things from him. I would also thank the support team for their help. It was well-organised, great work Knowledgehut team!

Mirelle Takata

Network Systems Administrator

verified-learner
Verified Learner
  • 5/5

Aug, 2020

The course material was designed very well. It was one of the best workshops I have ever attended in my career. Knowledgehut is a great place to learn new skills. The certificate I received after my course helped me get a great job offer. The training session was really worth investing.

Hillie Takata

Senior Systems Software Enginee

verified-learner
Verified Learner
  • 5/5

Jan, 2020

KnowldgeHut's training session included everything that had been promised. The trainer was very knowledgeable and the practical sessions covered every topic. World class training from a world class institue.

Prisca Bock

Cloud Consultant

verified-learner
Verified Learner
  • 5/5

Feb, 2020

I feel Knowledgehut is one of the best training providers. Our trainer was a very knowledgeable person who cleared all our doubts with the best examples. He was kind and cooperative. The courseware was excellent and covered all concepts. Initially, I just had a basic knowledge of the subject but now I know each and every aspect clearly and got a good job offer as well. Thanks to Knowledgehut.

Archibold Corduas

Senior Web Administrator

verified-learner
Verified Learner
  • 5/5

Jul, 2020

This is a great course to invest in. The trainers are experienced, conduct the sessions with enthusiasm and ensure that participants are well prepared for the industry. I would like to thank my trainer for his guidance.

Barton Fonseka

Information Security Analyst.

verified-learner
Verified Learner

Angular 10 Course in Bangalore

AngularJS in Bengaluru The capital of Karnataka and India?s software capital Bengaluru, is also known as the Garden City. Situated on the higher Deccan plateau, the mild climate and vibrant social scenery of Bengaluru attracts people from all over the world. Aside from its historical attractions, Bengaluru is home to a thriving independent music culture and is also a city of pubs and many nightlife spots. The city has many prestigious academic institutions which provide a continuous flow of talent to the various multinational companies and start-ups present here. Based in this global hub of business talent, KnowledgeHut presents you the chance to learn AngularJS online in Bengaluru. About the Course A web designer?s favourite, AngularJS is a popular platform used for front end web development and considered to have a very smooth learning curve. The platform enables developers to create front-end solutions in quick time that also offer high scalability and consume fewer resources. KnowledgeHut?s AngularJS training in Bengaluru will ease you into the many nuances and applications of the platform with a comprehensive set of online training sessions. These online classes will set you on a path where you will be able to master AngularJS and use its myriad features to add value to the projects in your organization. The AngularJS Certification in Bengaluru prepares you for the certification exam and will start with an introduction to the platform. Participants of this online course will then learn about the many building blocks of the platform like the controller, model and view components. Our course instructors will teach you about the anatomy of AngularJS applications like Templates & Data Binding and how to use expressions, CSS classes and styles. The AngularJS Certification in Bengaluru is a much sought-after credential and as this course progresses you will go deeper into topics like modules, filter usage and you will also learn more about services and factories. You will be taught about the different facets of Directives and Forms and as part of the AngularJS online training in Bengaluru, there will also be lessons on Promises including customization. After going through major AngularJS topics like Routing, Views and Testing, you will also be coached on the JavaScript Development Workflow. By the end of the AngularJS training in Bengaluru, our expert trainers will share some case studies to embolden your knowledge of this platform. A certification in this field is a valuable asset. Pre-requisites Basic knowledge of HTML and JavaScript is required to fully understand the training along with knowledge of CSS. Some programming experience is an ideal platform for the AngularJS crash course in Bengaluru. The KnowledgeHut Advantage KnowledgeHut is an industry leader in delivering quality e-learning modules that combine the ease of online access with a live classroom experience. The Angular classes in Bengaluru are available at a very good price. If you are a student, web developer, designer or someone interested in grasping the fundamentals of AngularJS then the AngularJS training classes will be a great learning experience.
Read More

Other Training Programs