HomeCoursesA Hands-on Guide to Angular

Intermediate

16h

A Hands-on Guide to Angular
Save

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.

Join 2.7 million developers at

Overview

Content

Reviews

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.

In this course, you will cover the most fundamental concepts of Angular, a popular JavaScript framework. You will learn everythi...Show More

TAKEAWAY SKILLS

TypeScript

Front-end Development

Angular

Content

34 Lessons

Course Overview

1 Lessons

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

Who is This Course for?

Introduction to the Framework

3 Lessons

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.

Binding the Data

Communicating Between Components

Component Lifecycle Hooks

Creating custom directives

Forms in Angular

3 Lessons

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

Template-driven vs. Model-driven forms

Developing the Best Forms Using Reactive Forms

Custom Validation

Routing in Angular

5 Lessons

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

Navigation Between Views

Router life cycle

Route params and Query params

Route Guards

Lazy Loading of Routes

Services and Dependency Injection

2 Lessons

Practice using Angular services for component communication and dependency injection.

Communication Between Multiple Components

Providers and Dependency Injection

Dealing with APIs

3 Lessons

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

HttpClient Service

Angular In-memory-web-api

Performing CRUD Operations

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.

Creating Relevant Components and Modules

Perform Routing in Your App

Preparing Services to Interact with the Data

Managing the State of the Application

10.

2 Lessons

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

Authentication

Securing the Whole App

11.

Summary and Resources

3 Lessons

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

Summary

Resources

Helpful Extensions

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Nishu Goel

Developed by MAANG Engineers

Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who’ve shipped production code at scale and taught the theory behind it. The goal is to get you hands-on with the skills you need to stay ahead in today's constantly evolving tech landscape. No videos, no fluff — just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc 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

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

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

Advanced TypeScript Masterclass

Discover advanced TypeScript concepts: Gain insights into compiler flags, generic types, and discriminated unions. Delve into writing error-free code and mastering complex error messages with confidence.

6 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

Advanced TypeScript Masterclass