Home/Courses/Software Development/Angular
Intermediate No prior Angular experience needed

From your first HTML tag to your own Angular application.

Three modules that build in order: HTML and CSS fundamentals, JavaScript and DOM manipulation, then Angular components, data binding, directives, pipes and forms - closing with a peer-reviewed app you build yourself.

Enroll on Coursera
≈ 24 hours · 2 weeks at 10 hrs/week 3 modules · 94 lessons Intermediate · starts at HTML English · 6 languages available
Want a mentor alongside the course? See 1:1 coaching
app.component.html 1<div class="course"> 2<h1>{{ title }}</h1> 3<ul> 4<li *ngFor="let m of modules"> 5{{ m.name }} 6</li> 7</ul> 8</div> 9 10// module 3 - components, 11// binding and directives localhost:4200 Frontend with Angular rendered from the template HTML & CSS JavaScript & the DOM Angular Inside the course · Angular components

Frontend Development using Angular

By Board Infinity · Offered on Coursera

4.2 (46 reviews) 8,871 already enrolled
  • 94 video lessons · 15 graded assignments
  • Peer-reviewed final assignment - a responsive Angular app
  • Shareable certificate on completion
  • Flexible schedule - fully self-paced
Enroll on Coursera

Every concept on screen

94 short lessons across HTML, CSS, JavaScript and Angular

Certificate included

Shareable on LinkedIn the day you finish

Graded, not just watched

15 assignments and a peer-reviewed Angular app

6 Lakh+learners on our Coursera courses
10+domains covered
270+courses
57+specializations
01 About the course

One course that goes from markup to framework.

Most Angular courses assume you can already write JavaScript. This one starts at the structure of an HTML document and does not stop until you have built an Angular application.

3
Modules
HTML & CSS to Angular
94
Video lessons
Averaging about 5 minutes
15
Graded assignments
Quizzes after every topic
24h
Total learning time
Self-paced, flexible deadlines

Frontend Development using Angular is a complete frontend path in one course. It opens with HTML and CSS fundamentals - document structure, core tags, selectors, typography, colours and layout - then moves into JavaScript programming and DOM manipulation, and finishes with Angular.

The shape is consistent across all three modules: short video lessons, readings, then graded quizzes on the same ideas. There are 94 lessons, 13 readings and 15 graded assignments, plus two ungraded labs where you build and style a page, then make it interactive.

The Angular module covers components, modules, data binding, directives, pipes and forms, and closes with a peer-reviewed assignment: build a responsive web application using Angular. No prior Angular experience is required, and no prior programming experience either.

02 Who it's for

For anyone who wants the whole frontend path, in order.

No prior Angular experience is required, and no prior programming experience either - the course starts with HTML and CSS fundamentals.

Beginners

Exploring frontend development

You have never built a page. Module one starts at the structure of an HTML document and the tags that hold content, and assumes nothing before that.

Self-learners

Some HTML and CSS already

You can style a page but stop at JavaScript. Module two takes you from variables to DOM manipulation, then module three adds Angular on top.

Aspiring developers

Aiming at a frontend role

You want a framework on your CV, not just markup. The course ends with a peer-reviewed Angular application you can put in a portfolio.

Working developers

Fundamentals before Angular

You are about to work with Angular and want the ground underneath it solid first - selectors, the box model, the DOM, then components and binding.

03 What you'll learn

Four outcomes, in the order they build.

These are the four outcomes Coursera lists for this course, in the order the modules teach them.

Module 1

Pages built and styled from scratch

Build responsive web pages from scratch using core HTML tags and CSS styling techniques.

Module 2

Pages that react to the person using them

Apply JavaScript fundamentals, including DOM manipulation, to create interactive web behavior.

Module 3

Angular, piece by piece

Develop Angular components, modules, directives, and services for scalable web applications.

Final assignment

Something to show at the end

Design a complete Angular application as a capstone project for your developer portfolio.

1:1 coaching · optional add-on

Learn Angular with someone in your corner.

A dedicated coach who builds frontends for a living - someone who can look at the error you have stared at for an hour and tell you why.

Book a demo session
  • A coach matched to your goal in 24 hours
  • A written roadmap you keep
  • Weekly sessions for as long as you want them

60-minute demo session · 100% refundable · no obligation to continue

Get unstuck in minutes

The binding that will not update, the directive that will not fire - explained by someone who has seen it.

Your code read line by line

Not just whether the app runs - whether the components are split the way they should be.

Practice beyond the quizzes

Problems set for you, then reviewed, so the syntax turns into fluency.

Aim it at a role

Which frontend path fits you - product UI, Angular engineering or full-stack - and what to learn next.

2,000+Industry coaches
16Domains covered
4.8/5Average coach rating
48,000+Sessions delivered
04 Syllabus

Three modules, HTML and CSS to a working Angular app.

About twenty-four hours end to end, fully self-paced. Every module lists its learning objectives, exactly what is inside it, and what you leave with - and you can open the full lesson list for each one.

94 videos 13 readings 15 assignments ≈ 24 hours Download full syllabus
Learning objectives - by the end of this module you can:
  • Structure a web page with core HTML tags: text, forms, images, audio, video, lists and tables
  • Choose between semantic and non-semantic tags, and format content the way HTML intends
  • Write CSS with simple, combinator, pseudo-class, pseudo-element and attribute selectors
  • Lay out and style pages with the box model, positioning, units, grid and navigation bars
What's inside
47 videos258 min
4 readings100 min
5 assignments120 min
1 ungraded lab60 min
Topics covered
HTML document structure HTML tags Forms & inputs Images, audio & video Tables Semantic tags CSS syntax Selectors Box model Display grid Navigation bars
You leave with: a page you built and styled yourself, from HTML structure through to CSS layout.
Videos 47 · 258 min
  1. 1Meet Your Instructor1 min
  2. 2Career and Scope3 min
  3. 3What you will learn in this Lesson1 min
  4. 4Introduction to Web Development5 min
  5. 5What is HTML?5 min
  6. 6HTML Tag5 min
  7. 7Formatting HTML Tag10 min
  8. 8Forms and Input Tag13 min
  9. 9IFrame Tag5 min
  10. 10Images Tag4 min
  11. 11Audio Tag5 min
  12. 12Video Tag5 min
  13. 13List Tag4 min
  14. 14Table Tag8 min
  15. 15Semantic and Non- Semantic Tags4 min
  16. 16What you will learn in this Lesson1 min
  17. 17What is CSS?3 min
  18. 18CSS Syntax4 min
  19. 19CSS Simple Selector6 min
  20. 20CSS combinator selectors - Part 15 min
  21. 21CSS combinator selectors - Part 25 min
  22. 22What you will learn in this Lesson1 min
  23. 23Pseudo-class selectors - Part 16 min
  24. 24Pseudo-class selectors - Part 26 min
  25. 25Pseudo Elements Selectors8 min
  26. 26Attribute Selectors6 min
  27. 27CSS Fonts property5 min
  28. 28CSS Positions8 min
  29. 29CSS Float4 min
  30. 30CSS Display4 min
  31. 31CSS Units7 min
  32. 32What you will learn in this Lesson1 min
  33. 33CSS Colors5 min
  34. 34CSS Background Colors4 min
  35. 35CSS Box Model9 min
  36. 36CSS Box-Sizing5 min
  37. 37CSS Style Table6 min
  38. 38CSS Icon4 min
  39. 39CSS Display Grid - Part 19 min
  40. 40CSS Display Grid - Part 210 min
  41. 41CSS Navigation Bar8 min
  42. 42CSS Dropdowns7 min
  43. 43CSS Image Gallery and Sprites8 min
  44. 44CSS Styling Images & Image Reflections7 min
  45. 45CSS Forms7 min
  46. 46CSS Text Effects7 min
  47. 47CSS Object Fit & Position4 min
Readings 4 · 100 min
  1. 1Read more about HTML and Various Tags30 min
  2. 2Read more about Pseudo Class30 min
  3. 3Further Reads on CSS Design30 min
  4. 4Tell us what you think!10 min
Assignments 5 · 120 min
  1. 1HTML & CSS - Graded Quiz60 min
  2. 2Introduction to HTML- Practice Quiz15 min
  3. 3CSS Basics- Practice Quiz15 min
  4. 4CSS Pseudo class selectors- Practice Quiz15 min
  5. 5CSS Design- Practice Quiz15 min
Ungraded lab 1 · 60 min
  1. 1Ungraded Lab : Building and Styling a Web Page with HTML and CSS60 min
Learning objectives - by the end of this module you can:
  • Set up a JavaScript environment and write your first program
  • Work with variables, data types, operators, arrays and strings
  • Use conditionals, loops, functions and scope to control how a program runs
  • Access and manipulate the DOM, respond to events, load content with AJAX and handle errors
What's inside
26 videos140 min
4 readings120 min
5 assignments120 min
1 ungraded lab60 min
Topics covered
JavaScript basics Variables Data types Operators Arrays & strings Conditionals & loops Functions & scope The DOM Events AJAX Error handling
You leave with: pages that respond to the person using them, written in plain JavaScript.
Videos 26 · 140 min
  1. 1What you will learn in this Lesson1 min
  2. 2Introduction to JavaScript6 min
  3. 3Setting up your development environment3 min
  4. 4Writing your first JavaScript program5 min
  5. 5What you will learn in this Lesson1 min
  6. 6Understanding variables7 min
  7. 7Understanding data types9 min
  8. 8Using arithmetic and comparison operators9 min
  9. 9Arrays in Javascript6 min
  10. 10Working with strings6 min
  11. 11Working with string manipulation7 min
  12. 12Conditional statements (if/else, switch)6 min
  13. 13Looping structures (for, while)7 min
  14. 14Functions and scope7 min
  15. 15What you will learn in this Lesson1 min
  16. 16Understanding the Document Object Model (DOM)4 min
  17. 17Accessing DOM elements with JavaScript7 min
  18. 18Manipulating DOM elements with JavaScript7 min
  19. 19Modifying styles and attributes with JavaScript6 min
  20. 20Understanding events and event listeners4 min
  21. 21Responding to user input (clicks, key presses)6 min
  22. 22Creating interactive user interfaces with events5 min
  23. 23What you will learn in this Lesson0 min
  24. 24Creating and removing DOM elements with JavaScript7 min
  25. 25Using AJAX to load content dynamically7 min
  26. 26Handling errors and exceptions6 min
Readings 4 · 120 min
  1. 1Learn More about Javascript30 min
  2. 2Read More about Javascript components30 min
  3. 3Learn more about DOM30 min
  4. 4Further Readings on DOM & AJAX30 min
Assignments 5 · 120 min
  1. 1Javascript & DOM - Graded Quiz60 min
  2. 2Getting Started with JavaScript quiz15 min
  3. 3Javascript - Practice Quiz15 min
  4. 4DOM - Practice Quiz15 min
  5. 5Advanced DOM Manipulation quiz15 min
Ungraded lab 1 · 60 min
  1. 1Ungraded Lab : Manipulating Web Pages with JavaScript60 min
Learning objectives - by the end of this module you can:
  • Explain the Angular life cycle and decorators, and build components and modules
  • Apply one-way and two-way data binding: interpolation, property, event and ngModel
  • Use structural and attribute directives such as ngIf and ngStyle
  • Work with pipes, and build both template-driven and reactive Angular forms
What's inside
21 videos98 min
5 readings130 min
5 assignments120 min
1 peer review120 min
1 discussion prompt10 min
Topics covered
Angular life cycle Decorators Components Modules Interpolation Property & event binding ngModel Structural directives ngIf & ngStyle Pipes Template-driven forms Reactive forms
You leave with: a responsive Angular application, built and peer-reviewed as the final assignment.
Videos 21 · 98 min
  1. 1What you will learn in this Lesson1 min
  2. 2Angular Life Cycle8 min
  3. 3Angular Decorators6 min
  4. 4Angular Component7 min
  5. 5Angular Module5 min
  6. 6What you will learn in this Lesson1 min
  7. 7Angular Data Binding (One way and Two way Data Binding)6 min
  8. 8Angular Interpolation5 min
  9. 9Angular Property Binding5 min
  10. 10Angular Event Binding5 min
  11. 11Angular Data Binding - Two way data binding (ngModel)4 min
  12. 12What you will learn in this Lesson1 min
  13. 13What are Angular Directives5 min
  14. 14Angular Structural Directives4 min
  15. 15Angular ngIf Directive5 min
  16. 16Angular ngStyle Directive6 min
  17. 17What you will learn in this Lesson1 min
  18. 18Angular Pipes4 min
  19. 19Angular Forms5 min
  20. 20Angular Template Driven Form6 min
  21. 21Angular Reactive Form8 min
Readings 5 · 130 min
  1. 1Learn more about Angular components and modules30 min
  2. 2Read more on Data Binding30 min
  3. 3Learn more about Directives30 min
  4. 4Read more on Pipes and Forms30 min
  5. 5Provide your feedback!10 min
Assignments 5 · 120 min
  1. 1Angular - Graded Quiz60 min
  2. 2Angular Components - Practice Quiz15 min
  3. 3Angular Databinding - Practice Quiz15 min
  4. 4Angular Directives - Practice Quiz15 min
  5. 5Angular Pipes & Forms quiz15 min
Peer review 1 · 120 min
  1. 1Final Assignment - Build a Responsive Web Application using Angular120 min
Discussion prompt 1 · 10 min
  1. 1Check-In: Preparing for Framework Thinking10 min

Module durations and item counts are taken from the Coursera course page, where the course is hosted and graded.

05 Tools & skills

The tools you work in, and the skills you leave with.

Everything the course uses is free. A code editor and a browser are enough to start; Node.js comes in when you run an Angular project locally.

The markup

HTML & CSS

Module one. Document structure, core tags, selectors, the box model, grid and responsive styling.

The language

JavaScript

Module two. Variables, data types, control structures, functions, the DOM, events, AJAX and error handling.

The framework

Angular

Module three. Components, modules, data binding, directives, pipes and both form styles.

Where you write

VS Code & a browser

A code editor such as VS Code, a modern browser, and Node.js when you run Angular projects locally.

Skills you leave with

The three skills Coursera lists for this course, opened up into what you actually practise in each one.

Front-end web development

Getting a page to look and behave the way you meant it to.

  • HTML document structure
  • Semantic markup
  • CSS selectors and the box model
  • Responsive layout

JavaScript

Making the page do something once it is on screen.

  • Variables, data types and operators
  • Control structures and functions
  • DOM manipulation and events
  • AJAX and error handling

Software design

Splitting an application into parts a second person can read.

  • Angular components and modules
  • One-way and two-way data binding
  • Directives and pipes
  • Template-driven and reactive forms
Certificate

Proof you can link to.

Finish the graded work and Board Infinity issues a shareable certificate through Coursera - one you can add to your LinkedIn profile, your CV or your social media.

Issued under Coursera's certificate experience, on completion of the 15 graded assignments and the peer-reviewed final assignment.

On your profile in one click

Filed under Licenses & Certifications, where recruiters actually look.

Shareable anywhere

A link you can put on a CV, a portfolio or a post - not a PDF nobody can check.

Earned, not attended

Awarded on graded quizzes and a peer-reviewed Angular application.

Two names on it

Board Infinity as the provider, Coursera as the platform.

06 Career impact

Frontend skills are the ones you can show.

HTML, CSS, JavaScript and a component framework are what frontend job descriptions open with. These are possible directions this course points at - not guarantees.

Where these skills are the starting point

Frontend Developer

The direct path. Markup, styling and JavaScript are the daily work, and a framework is what ties them together.

Angular Developer

Components, modules, binding, directives, pipes and forms are exactly what module three is built around.

UI Engineer

Where design meets the browser: responsive layout, the box model, and interfaces assembled from reusable components.

Web Developer

The generalist role that still expects you to build a page from an empty file and make it work on a phone.

Towards full-stack

This is course one of the MEAN specialization. Node, Express and a complete MEAN application come next.

Career switchers

A single ordered path instead of ten half-finished tutorials - and an application at the end you can actually show.

The honest comparison

Angular tutorials are free. So what is this?

Every topic in this course exists free somewhere on the internet. Nobody is pretending otherwise. Unlike scattered free tutorials, this course follows a structured path from HTML and CSS through JavaScript to Angular, with graded assessments and a certificate at the end.

What you get
This course
Scattered free tutorials
A sequenced pathHTML & CSS → JavaScript → DOM → Angular
3 modules that build on each other
Whatever you find next
Someone checkingLearning that sticks
15 graded assignments
You never find out what you missed
It starts at the beginningNo assumed JavaScript
Module one opens at HTML tags
Usually assumes you already know JS
Something you builtReviewed, not just watched
A peer-reviewed Angular application
A copy of someone else's demo
Proof for recruitersShareable, on LinkedIn
A certificate you can link to
Nothing to show
07 Where to go next

The frontend is course one. Here is the rest of the stack.

This course stands on its own, and it is also the first course in the Learning MEAN Stack by Building Real world Application Specialization: frontend, then the API, then the complete application.

You are here Course 1 · Frontend

Frontend Development using Angular

HTML and CSS, JavaScript and the DOM, then Angular components, binding, directives, pipes and forms.

3 modules · 94 lessons · ≈ 24 hours
View on Coursera
Course 2 · Backend

Building RESTful APIs with Node.js and Express

The other side of the request. Once the interface exists, this is where the data it shows comes from.

Next in the specialization
View on Coursera
Course 3 · Full stack

Building a Complete MEAN Stack Application

Front and back together: the Angular frontend from this course, joined to the API you built in course two.

Closes the specialization
View on Coursera

The full specialization is Learning MEAN Stack by Building Real world Application on Coursera. Board Infinity runs 270+ courses and 57 specializations there - browse the full catalogue.

Know exactly what you're signing up for.

3 modules · 94 lessons · 15 graded assignments · free PDF

08 FAQ

Common questions

Everything learners ask before enrolling, answered plainly.

About the course

Anyone. It suits beginners exploring frontend development, learners who already know some HTML and CSS and want to add JavaScript and Angular, aspiring frontend developers, and developers strengthening their frontend fundamentals before working with Angular. No prior Angular experience is required.

Four things, in this order: build responsive web pages from scratch using core HTML tags and CSS styling techniques; apply JavaScript fundamentals, including DOM manipulation, to create interactive web behavior; develop Angular components, modules, directives, and services for scalable web applications; and design a complete Angular application as a capstone project for your developer portfolio. That is 94 video lessons, 13 readings and 15 graded assignments across three modules.

No. The course starts with HTML and CSS fundamentals, so no prior programming experience is required - and no prior Angular experience either. Module two then introduces JavaScript from variables and data types onwards, before module three moves on to Angular.

A code editor such as VS Code, a modern browser, and Node.js if you want to run Angular projects locally. All of them are free, and the lessons show the setup on screen.

Coursera's guidance for this course is 2 weeks at 10 hours a week. The three modules are listed at roughly 9, 7 and 8 hours, so about 24 hours of learning in total. It is self-paced, so evenings and weekends will stretch that out - which is fine.

Yes. The course runs on a flexible schedule and is fully self-paced, so deadlines move with you rather than against you.

Unlike scattered free tutorials, this course follows a structured path from HTML and CSS through JavaScript to Angular, with graded assessments and a certificate. The order is decided for you, every topic is checked with a quiz, and the final assignment is peer-reviewed rather than simply watched.

Career & certificate

Yes - a shareable certificate under Coursera's certificate experience, issued when you complete the graded work. You can add it to your LinkedIn profile, your resume or CV, and your social media, and it carries both Board Infinity as the provider and Coursera as the platform.

The skills here point at frontend roles such as Frontend Developer, Angular Developer or UI Engineer. No course guarantees a job: what this one gives you is the frontend foundation those roles are built on, plus an Angular application you can show.

It covers the ground interviews open with - HTML structure, CSS selectors and the box model, JavaScript fundamentals and DOM manipulation, then Angular components, binding, directives, pipes and forms. Interviews will also probe your own projects, which is exactly what the peer-reviewed final assignment gives you something to talk about.

This course is part of the Learning MEAN Stack by Building Real world Application Specialization. Subscribing gives you access to every course in it - this one, Building RESTful APIs with Node.js and Express, and Building a Complete MEAN Stack Application - and a certificate for each course you complete.

Enrollment, access & support

The price is shown at checkout on the Coursera course page and can vary by region. It is included with a Coursera Plus subscription, and Coursera's financial aid is available to eligible learners.

Financial aid or a scholarship may be available for eligible learning programs on Coursera. You apply through Coursera on the course page; the decision and the terms are Coursera's.

As soon as you enroll. Access to the lectures and assignments depends on the type of enrollment: with a subscription you get access for as long as it runs, and financial aid gives access to the graded work once your application is approved.

Yes. The course includes a discussion prompt where learners compare notes, and Coursera's discussion forums and learner help centre are available throughout. If you want something more direct, Board Infinity's 1:1 coaching pairs you with a practitioner alongside the course.

Want someone building this with you?

Board Infinity 1:1 coaching pairs you with a practitioner while you take the course.

See 1:1 coaching
Frontend Development using Angular Enroll