Key Features
Description
Angular 4 training
Angular is a dynamic and robust
JavaScript-based development framework used to create Single Page Applications.
This open source framework supported by Google is widely popular for creating
high-powered applications as its dependency injection and data binding features
significantly reduces the amount of code that needs to be written.
Zeolearn’s Angular 4 training will
familiarise you with the fundamentals of this language to build SPA
applications that will help your business achieve faster ROI due to lesser
development and maintenance cost, and faster accessibility. Our trainers teach
the individuals the basic and advanced skills. So, by the end of this Angular 4
course you’ll have the skills needed to design, build and test single page
applications for multiple platforms from mobile to desktop. And, we at our
academy provide access to the class study materials to the registered
candidates.
What you will learn!
- The concepts behind an Angular
application, its architecture and capabilities
- Understand how Angular is different
than traditional web development frameworks
- Code using new ES6 and TypeScript
language features
- Develop an application from scratch
using Angular 4
- Explore Angular coding and
architecture best practices
- Understand and use Angular Forms, Observables,
Dependency Injection, and Routing
- Retrieve, update, and delete data
using Angular’s Http service
- Unit test all the parts of an
Angular application including Modules, Components, Services, and Pipes
- Upgrade an existing application
from AngularJS to Angular 4 over time by running both frameworks in the same
project
- Create, build, and deploy an
Angular (Angular 4) application using the Angular CLI
- Develop dynamic Model-driven forms that are easier to unit test
Is this course right for you?
This course is apt for web
developers who want to use Angular to build sophisticated applications. Even
students who want to make a career in web application development will find
this Angular 4 certification course useful.
Prerequisites:
All attendees must have substantial prior experience developing with JavaScript.
Curriculum
- User Experience similar to a Desktop Application
- Productivity and Tooling
- Performance
- Community
- Full-featured Framework
- Platform for Targeting Native Mobile not just Web Browsers
- AngularJS (Angular 1.x)
- Angular
- Angular 2
- Angular 4
- Drop-in replacement for Angular 2
- View Engine generates smaller code
- Enhanced *ngIf syntax
- Animation code now in own packages
- TypeScript 2.1
- Improved compiler speed
- Angular Universal
- Introduction
- What is Typescript
- Why Typescript
- Setup and installation
- IDE support
- Scoping using Let and Const Keywords ( ES6 )
- Template Literals ( ES6 )
- Spread Syntax and Rest Parameters ( ES6 )
- Destructuring ( ES6 )
- Power of Types
- Introduction
- Type inference
- Type Annotations
- Number
- Boolean
- String
- Array
- Tuple
- Enum
- Any
- Void
- Null and Undefined
- Never (Typescript 2)
- Explore Functions
- Introduction
- Using types in functions
- Function as types
- Optional and default parameters
- Arrow functions
- Function overloading
- Classes
- Introduction
- Inheritance
- Access modifiers
- Getters and setters
- Readonly & static
- Abstract classes
- Interfaces
- Introduction
- Optional properties and methods
- Readonly & const
- Strict structural contract
- Extending interface
- Implementing interface
- Modules
- Introduction
- Import
- Export
- Default
- Decorators (Typescript Aspect Oriented Programming)
- Angular CLI
- Anatomy of the project
- Debugging Angular apps
- Working with Augury
- Modules
- Components
- Templates
- Metadata
- Data binding
- Directives
- Services
- Dependency injection
- Angular modules
- Angular libraries
- Introduction
- @Component decorator
- Component configuration object
- Custom components
- Component with templates
- Inline
- External
- Component with Styles
- Inline
- External
- HTML as template
- Data binding
- Interpolation
- Property Binding
- Event Binding
- Two way binding
- Template expressions
- Template syntax
- Attribute, class and style bindings
- @Input()
- @Output
- Template reference variables
- Safe navigation operator
- Introduction
- Built-in directives
- Structural directive
- NgIf
- NgFor
- NgSwitch
- Attribute directive
- NgClass
- NgStyle
- NgModel
- @Directive decorator
- Custom directive development
- Introduction
- Built-in pipes
- @Pipe decorator
- Custom pipe development
- 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
- Introduction
- Why DI
- @Injectable decorator
- Custom service development
- Registering the service with NgModule using providers key
- Provider Types
- Class
- Factory
- Value
- Introduction
- @angular/router library
- Configure routes
- RouterModule.forRoot and RouterModule.forChild
- RouterOutlet, RouterLink, RouterLinkActive
- Nested Routes
- Parametrized routes
- Route guards
- Introduction
- Why RxJs
- Observable interface
- Streams
- Operators
- Subscription
- Subject
- Schedulers
- Introduction
- @angular/http library
- Mock web api with InMemoryWebApiModule
- Async programming with promises in javascript
- HTTP Promise
- Explore GET/POST/PUT/DELETE with HTTP
- Observables with Http
- Introduction
- Testing in Typescript
- Testing Component
- Testing Service/Provider
- Testing Pipe
- Introduction
- Angular 2 to Angular 4 migration
- Manually
- Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)
During the training program we will develop "E-learning Web Application" with the below mentioned features -
- Authenticate users via JWT (login/signup/logout)
- Create, Read and Update users,
- CRUD Courses
- Create, Read, Delete Comments on courses
- GET and display paginated lists of courses
- Favorite courses
- Subscribe courses
Our Students
Excellent training. I must say the Instructor was pretty confident and helped us in learning the basics clearly. I wanted a clear information about Angular 4 with code examples. The course has delivered the exact things I was looking for. Immersive coding exercises were the highlight of the course. I must say the Instructor was pretty confident and helped us in learning the basics clearly. I wanted a clear information about Angular 4 with code examples.
Hannah Campbell
Shield Square Node JS architectureFrequently Asked Questions
Angular is the popular front end development framework that helps developers build sophisticated and scalable web applications. This framework is getting extremely popular because of its easy code, robust features and scalability. Angular developers are much in demand and hence Zeolearn Academy brings you this course to help you get started on a lucrative career.
This course will help you gain hands on
expertise through the numerous examples and exercises conducted through the
course of the workshop. Enrol now and get set for a glittering career. We have
both Angular 4 classroom
and online training. Call us to know more about the same.
On completing the course, you will learn about:
- Angular and its features
- Developing applications using Angular
- The TypeScript language features
- Unit test all parts of the application
- Create, deploy and manage applications
Zeolearn brings you
mentor driven courses that not only helps professionals gain theoretical
expertise but also the practical experience in a wide variety of courses
including courses on Web Development, such as Adobe Flex and Scala, which are
very popular. The fact that our workshops are mentor driven gives us an edge
over other training institutes since you can learn from industry experts about
the application and challenges of upcoming technologies. We have so far trained
thousands of professionals with the skills needed to land lucrative jobs and
you could be next!
You will receive a Zeolearn issued Angular 4
certification in the form of a course completion certificate.
Towards the
end of the course, all participants will be required to work on a project to
get hands on familiarity with the concepts learnt. You will build an appealing
Angular 4 social application that helps users connect for technical talks. This
project, which can also be a live industry project, will be reviewed by our
instructors and industry experts. On successful completion, you will be awarded
a certification.
Classes are
held on weekdays and weekends. You can check available schedules and choose the
batch timings which are convenient for you.
You may be
required to put in 10 to 12 hours of effort every week, including the classroom
sessions/live class, self study and assignments.
We offer classes in classroom and online format.
While classroom sessions are held in specific venues in your city, for online
sessions all you need is a Windows computer with good internet connection and
you can access the class anywhere, at anytime. A headset with microphone is
also recommended.
You may also attend these classes from your smart
phone or tablet.
Don’t
worry, you can always access your class recording or opt to attend the missed
session again in any other live batch.
This course is apt for web developers who want
to use Angular to build sophisticated applications. Even students who want to
make a career in web application development will find this course useful.
One must have:
- Google Chrome
- Other modern browsers as desired
- IDE/development environment of your choice
- Other software suggested by Zeolearn