🚨 Time is Running Out: Reserve Your Spot in the Lucky Draw & Claim Rewards! START NOW
watching now
1 Students

Description

What Will You Learn?

  • How the components, pipes, and directives work in Angular
  • What injectable services and how you can use them
  • How to create Angular apps
  • How to deploy Angular application on cloud platforms

Requirements

  • Basic understanding of JavaScript (not TypeScript)
  • Fundamentals of HTML and CSS
  • NFT Certificate
  • 38 Lessons
  • Intermediate
  • English
  • 5.0 Rating
  • +110 XP

Share Course on Social media

Curriculum

Course consist of total 5h 11min of content, in total.

Section 2: Creating a new Angular app
37:07
Creating our first app using Angular CLI
24:31
Creating an Angular app from the scratch
12:36
Section 3: Introducing Components
18:11
Overview of an Angular Component
03:47
Using Angular CLI to generate new component
07:19
Demo - Click Counter app
07:05
Section 4: Angular directives
37:13
Overview
03:10
Demo - ngForOf, ngIf, ngStyle and ngClass
16:31
Assignment - Change the background color of a block
00:38
Demo - ngSwitch
09:18
Demo - Custom directive
07:36
Section 5: Creating the Phonebook App
23:06
Creating the basic structure of our Phonebook App
11:05
Creating the ContactDetailsComponent to show a contact information
12:01
Section 6: Pipes for transforming model data
16:39
Introduction to pipes and creating a custom pipe
06:01
Creating a custom pipe to display the age from birth date
08:06
Assignment - Create custom pipes for padding a string with some characters
02:32
Section 7: The service layer in Angular
39:06
Creating the ContactsService injectable class
07:57
Setting up the /contacts REST endpoint
08:37
Consuming the REST endpoint in our service
06:08
Writing CRUD operations in the ContactsService injectable
07:23
Displaying the list of all contacts using NgForOf directive
09:01
Section 8: Routing and SPA (Single Page Applications)
18:28
Route configuration and changing views
11:32
Accessing the route parameters in ContactListComponent
03:28
Deleting a contact
03:28
Section 9: Working with forms in Angular
1:03:41
Template-driven vs Model-driven (Reactive) forms
01:19
Working with a template-driven form for adding new contacts
14:41
Validating user inputs in a template-driven form
16:46
Editing a contact using reactive form
16:51
Validating user inputs in a reactive form
14:04
Section 10: Miscellaneous
35:58
Integrating jQuery (for pagination on scroll)
09:30
Using SweetAlert for beautiful dialog boxes
11:59
Building and deploying
14:29
Section 11: Advanced topics
07:30
JIT and AOT Compilation
07:30
Section 12: Conclusion
00:30
Thank you
00:30

About the Instructor

100% of students rated this instructor as excellent!

Hi. My name is Vinod and I am a software trainer, consultant and freelance developer in Bangalore, India.

Most of my professional life, spanning over two decades, I have taken thousands of classroom sessions on various technologies, some of which include Java, Hibernate, Spring framework, Struts, JSF, Node.js, MongoDB, and JavaScript frameworks like AngularJS, Angular, ReactJS etc.

See All Instructor Courses

BitDegree platform reviews