Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

30 Days of Angular: Build 30 Projects with Angular

via Udemy

Overview

Master Angular by building interactive web applications

What you'll learn:
  • Master Core Angular Concepts - Understand and apply essential Angular features including components, directives, services, routing, forms and pipes.
  • Work with APIs and Async Data - Use HTTPClient and RxJS to manage APIs, asynchronous data, and real-time updates effectively.
  • Build 30 Practical Projects - Create a wide variety of functional web applications that mirror real development scenarios and user needs.
  • Develop a Professional Portfolio - Showcase your work with a polished portfolio website featuring your new projects.
  • Strengthen Your Developer Skillset – Work through hands-on coding challenges that build technical thinking, debug skills, and problem-solving capacity.
  • Learn Industry-Standard Practices - Structure projects using modular architecture, clean code, and scalable design principles.

In today’s era, practical experience - not just theoretical knowledge - is what the industry values most. To succeed as a developer, you need a strong portfolio filled with meaningful projects that showcase your competences and problem-solving ability. That’s exactly what you'll gain from 30 Days of Angular.

This is not an average programming course. In this hands-on learning experience, you’ll create 30 fully functional web applications - each designed to teach you core concepts of the Angular framework. From simple apps like a profile card, counter, and calculator to more complex ones like a crypto chart, resume builder, and user management system, you’ll work on projects modeled after practical scenarios to help you gain relevant skills.

You’ll work with essential features such as components, directives, services, HTTPClient, pipes, and more, while also diving into advanced techniques with RxJS for managing asynchronous data. Most importantly, you’ll be learning by doing - one of the most effective ways to develop real-world skills that are valued across the industry.

Throughout the course, you’ll also build fun and interactive games like Guess the Number, Tic Tac Toe, Checkers, and Minesweeper to sharpen your logical thinking and problem-solving skills. These projects not only teach you to use the framework effectively - they also demonstrate that you can deliver functional solutions in realistic scenarios.

By the end, you won’t just have theoretical knowledge - you’ll have 30 practical projects that clearly demonstrate your capabilities. Your final project will be a professional portfolio, giving you a polished platform to present your work to potential clients, employers, or collaborators. With this website, you’ll be able to confidently showcase your skills and stand out from other developers.

Whether you’re just starting out or looking to enhance your skills, this course is designed to prepare you for real-world programming challenges. It’s not just about learning Angular; it’s about proving you can build things that work.

Let’s build exciting projects, create a portfolio you’re proud of, and learn the skills to stand out.

Note: This course uses Angular 19, but it does not cover every feature of the version.

Syllabus

  • Introduction
  • Environment Setup
  • Source code
  • Day 1: Profile Card
  • Day 2: Counter
  • Day 3: Simple todo
  • Day 4: Stopwatch
  • Day 5: Guess the number
  • Day 6: Tic Tac Toe
  • Day 7: Dynamic Filter List
  • Day 8: Paper Rock Scissors Game
  • Day 9: Interactive Accordion with Angular Animations
  • Day 10: Random Joke Generator
  • Day 11: Infinite Scroll
  • Day 12: Analog Clock
  • Day 13: Feedback form using FormsModule
  • Day 14: Contact form using ReactiveFormsModule
  • Day 15: Custom Directives
  • Day 16: Calculator
  • Day 17: Currency Converter
  • Day 18: Weather
  • Day 19: Emoji Search
  • Day 20: Crypto Charts
  • Day 21: Calendar
  • Day 22: Checkers
  • Day 23: Password Security
  • Day 24: Minesweeper
  • Day 25: Advanced Todo
  • Day 26: User Management App
  • Day 27: Resume Builder
  • Day 28: Quiz App
  • Day 29: Typing Game - Keyboard Masters
  • Day 30: Portfolio

Taught by

Andrew Tyranowski

Reviews

4.3 rating at Udemy based on 263 ratings

Start your review of 30 Days of Angular: Build 30 Projects with Angular

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.