Build awesome web apps using Angular by Vinod Kayartaya

Build awesome web apps using Angular

39 lectures - 5 hr 16 mins

What will you learn in this course?

  • Create powerful web applications using Angular
  • Create Angular components, pipes, directives
  • Understand injectable services
  • Build and deploy an Angular application on the cloud platform

Requirements

  • Very basic understanding of HTML, JavaScript and CSS
  • NO prior knowledge of Angular JS 1 or Angular 2/4/5/6 or TypeScript is required

Description

The Angular framework is used to create scalable, enterprise, and performant client-side web applications. It provides an ecosystem for development of client-side web applications. The ecosystem for development may include external tools or libraries as well. The ecosystem process includes project bootstrapping, development operations/tools, testing, and build support.

One of the best features of Angular framework is that it is quite flexible when it comes to usage of external libraries apart from the scalability it provides. With Angular framework adoption being high, performance management of the application is community driven indirectly driving better job opportunities. The Angular Certification Training aims at covering all these new concepts around Enterprise Application Development.

All the best!

What's included?

Video Icon 37 videos File Icon 1 file

Course content

Introduction
Welcome to this course
3 mins
What you are expected to know
2 mins
Required software setup
7 mins
Examples.zip
2.91 MB
How to use the examples?
4 mins
What is Angular?
2 mins
Creating a new Angular app
Creating our first app using Angular CLI
25 mins
Creating an Angular app from the scratch
13 mins
Introducing Components
Overview of an Angular Component
4 mins
Using Angular CLI to generate new component
8 mins
Demo - Click Counter app
8 mins
Angular directives
Overview of directives
4 mins
Demo - ngForOf, ngIf, ngStyle and ngClass
17 mins
Assignment - Change the background color of a block
1 min
Demo - ngSwitch
10 mins
Demo - Custom directive
8 mins
Creating the Phonebook App
Creating the basic structure of our Phonebook App
12 mins
Creating the ContactDetailsComponent to show a contact information
13 mins
Pipes for transforming model data
Introduction to pipes and creating a custom pipe
7 mins
Creating a custom pipe to display the age from birth date
9 mins
Assignment - Create custom pipes for padding a string with some characters
3 mins
The service layer in Angular
Creating the ContactsService injectable class
9 mins
Setting up the /contacts REST endpoint
9 mins
Consuming the REST endpoint in our service
7 mins
Writing CRUD operations in the ContactsService injectable
8 mins
Displaying the list of all contacts using NgForOf directive
10 mins
Routing and SPA (Single Page Applications)
Route configuration and changing views
12 mins
Accessing the route parameters in ContactListComponent
4 mins
Deleting a contact
4 mins
Working with forms in Angular
Template-driven vs Model-driven (Reactive) forms
2 mins
Working with a template-driven form for adding new contacts
15 mins
Validating user inputs in a template-driven form
17 mins
Editing a contact using reactive form
17 mins
Validating user inputs in a reactive form
15 mins
Miscellaneous
Integrating jQuery (for pagination on scroll)
10 mins
Using SweetAlert for beautiful dialog boxes
13 mins
Building and deploying
15 mins
Advanced topics
JIT and AOT Compilation
8 mins

Hi. My name is Vinod

Hi, my name is Vinod, and I am a software trainer, consultant and freelance developer. I am the creator some of the highest rated courses on Udemy. In my professional career, I have trained hundreds of thousands of software engineers. Teaching is not only my profession, but also a passion. Creating online courses gives me the opportunity to reach and help students across the world.