HomeCoursesA Hands-on Guide to Angular

Updated 27 Aug

AI-powered learning

Save

A Hands-on Guide to Angular

Name: A Hands-on Guide to Angular
Price: 59 USD
Rating: 4.58 (22 reviews)
Author: Nishu Goel

Discover Angular's core concepts and advance to building a complete SPA. Gain hands-on experience by creating modules, components, forms, routing, and APIs in an e-commerce app.

4.6

34 lessons

16h

Created by Nishu Goel

What's included

34 lessons across 11 modules
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

Set up an Angular SPA and explain bootstrapping via key files like index.html and main.ts
Use Angular CLI to create projects and generate modules, components, directives, and services
Build modular UIs with components, templates/styles, and data binding (one-way and two-way)
Implement component communication using @Input/@Output, ViewChild/ContentChild, and services
Create custom attribute and structural directives using HostBinding and HostListener
Develop reactive forms with FormControl/FormGroup/FormBuilder and implement custom validation
Configure routing with params, guards, lazy loading, and HttpClient CRUD for an e-commerce app

Learning Roadmap

34 Lessons

Course Overview

Get familiar with the Angular framework and build an e-commerce app.

Who is This Course for?

Introduction to the Framework

Look at Angular's powerful framework, SPAs efficiency, and the Angular CLI for project setup.

Welcome to Angular

Introduction to SPAs

Working with Angular CLI

Building Blocks of Angular

4 Lessons

Examine Angular modules, components, directives, and services to build structured applications.

Basic Concepts in an Angular Application

4 Lessons

Grasp the fundamentals of data binding, component communication, lifecycle hooks, and custom directives in Angular.

Forms in Angular

3 Lessons

Solve problems in Angular forms with template-driven, reactive forms, and custom validations.

Routing in Angular

5 Lessons

Tackle routing, route parameters, route guards, and lazy loading for optimized Angular navigation.

Services and Dependency Injection

2 Lessons

Practice using Angular services for component communication and dependency injection.

Dealing with APIs

3 Lessons

Try out Angular's HttpClient service, in-memory-web-api, and performing CRUD operations efficiently.

Implement the Above in a E-commerce App

4 Lessons

Get started with building an Angular e-commerce app using components, routing, services, and state management.

10.

Login and Authentication

2 Lessons

Go hands-on with creating secure authentication and login in Angular applications.

11.

Summary and Resources

3 Lessons

Apply your skills to build Angular apps, explore resources, and leverage helpful development extensions.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE THIS COURSE

In this course, you will cover the most fundamental concepts of Angular, a popular JavaScript framework. You will learn everything about building a complete Angular app, setting up the development environment, and building your own single-page application (SPA). You’ll start off by covering the basic building blocks of Angular such as modules, components, and directives. After that, the course will introduce you to some more advanced material that focuses on forms, routing, and dealing with APIs. By the end of this course, you will have gained hands-on experience by building a fully functional e-commerce application.

ABOUT THE AUTHOR

Nishu Goel

Engineer at The DataWorks, Google Developer Expert, Microsoft MVP Got questions? Schedule a session with me here - https://www.hiretheauthor.com/nishugoel

Learn more about Nishu

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

Web Development Interview Handbook

The ultimate guide to web development interviews. Developed by FAANG engineers, practice with real-world interview questions covering network security, system design, SEO, APIs, and more.

6 h 30 m

intermediate

Course

Django: Python Web Development Unleashed

Gain insights into Django, a Python framework for rapid web development. Discover hands-on learning with interactive widgets and build a portfolio-worthy Django project.

12 h

intermediate

Course

CSS Theming for Professionals

Gain insights into practical CSS theming methods, delve into problem-solving, and discover the css-theming package to create highly customizable, dark mode-friendly apps in this course.

3 h

intermediate

Course

Full Reactive Stack: Spring Boot 2 & Spring WebFlux

Gain insights into building Reactive Web Applications with Spring Boot 2 and Spring WebFlux, from database integration to front-end. Explore Reactive vs MVC, performance, and deployment with Docker.

6 h

intermediate

Course

Web Security and Access Management: JWT, OAuth2 & OpenId Connect

Gain insights into JWT, OAuth2, and OpenID Connect. Learn about HTTPS, encryption, and handshake techniques, and explore foundational concepts in web API security for enhanced application protection.

5 h

intermediate

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle

Gain insights into building reactive websites with RxJS. Delve into mastering observables and managing events efficiently to create fast, responsive applications while reducing bugs.

50 h 30 m

intermediate

Course

Web Application Security for the Everyday Software Engineer

Gain insights into enforcing web app security best practices, such as HTTPS, defending against XSS and clickjacking, managing HTTP cookies, and warding off DDoS attacks.

4 h

intermediate

Course

Web Development Interview Handbook

intermediate

6 hour 30 min

Course

Django: Python Web Development Unleashed

intermediate

12 hour

Course

CSS Theming for Professionals