Development > Web Development
27 h
£14.99 Free
Angular 19 Mastery: 30 Projects in 30 Days
What you will learn:
- Master Angular 19 fundamentals: components, templates, directives, services.
- Build 30 real-world web applications from simple to advanced.
- Gain practical experience in web development best practices.
- Create a compelling portfolio to showcase your Angular expertise.
Description
Ready to become an Angular 19 expert? This intensive 30-day program provides a project-based learning experience unlike any other. You'll build 30 diverse web applications, progressing from fundamental concepts to advanced techniques. Start with simple projects like profile cards and counters, then tackle complex challenges such as crypto charts, resume builders, and user management systems. Enjoyable interactive games, including Tic-Tac-Toe and Minesweeper, will keep your learning engaging.
Each day introduces a new project, culminating in the creation of your professional portfolio website—a stunning showcase of your newly acquired skills. You'll master core Angular concepts: components, directives, services, HTTPClient, pipes, and RxJS for efficient asynchronous data handling. By the end, you'll have a comprehensive portfolio, enhanced problem-solving capabilities, and the confidence to succeed in the Angular job market.
Whether you're a complete beginner or an experienced developer looking to refine your skills, this immersive journey will empower you with the practical experience and portfolio needed to launch your Angular career. Enroll now and start building your future!
Curriculum
Introduction
This introductory section lays the groundwork for your 30-day Angular journey. The "Introduction" lecture provides an overview of the course structure and learning objectives. Following this, "My Visual Studio Code configuration" guides you through setting up your development environment for optimal efficiency.
Day 1: Profile Card
This project introduces you to the fundamental building blocks of Angular. You will learn about project setup, string interpolation, two-way data binding, and crucial aspects of the framework's architecture.
Day 2: Counter
Building on Day 1, you will construct a simple counter application to practice core concepts. This project covers concepts like setting up projects in Angular, coding the core app functionality, understanding and applying Angular directives (`ngStyle` and `ngClass`), and basic styling.
Day 3: Simple Todo
This session dives deeper into Angular's data handling capabilities with a simple to-do list application. You will learn to code a functional to-do list and take away key lessons from the process of building it.
Day 4: Stopwatch
Enhance your skills with a practical stopwatch application. You will cover project setup, the core coding for the stopwatch functionality, and utilizing the ternary operator and pipes for data transformation.
Day 5: Guess the Number
This engaging game introduces more sophisticated logic and user interaction. You'll learn how to prepare the project, implement game mechanics, and handle user input efficiently.
Day 6: Tic Tac Toe
Continue to improve your problem solving by building this classic game. The lectures cover project setup, coding the game logic, and perfecting the user interface.
Day 7: Dynamic Filter List
Learn how to create dynamic filtering in Angular. You will learn about using pipes for efficient data transformation, and create a visually appealing and functional filter.
Day 8: Paper Rock Scissors Game
This project will further enhance your abilities in game development. It will cover the different stages involved in building the game, from setup to styling.
Day 9: Interactive Accordion with Angular Animations
Add interactive elements and animations to your applications. Learn how to set up an interactive accordion and incorporate animations to enhance the user experience.
Day 10: Random Joke Generator
This project combines data fetching and display. Learn how to create services in Angular, fetch data from an API, and display it in a user-friendly manner. Styling and project completion are also covered.
Day 11: Infinite Scroll
Implement an infinite scroll feature to dynamically load data as the user scrolls. This will show you how to create an efficient and dynamic data loading system.
Day 12: Analog Clock
Build a visually appealing analog clock with precise timekeeping. Learn the design patterns, project setup, and implementation of core features, as well as implementing testing.
Day 13: Feedback Form using FormsModule
Learn to create effective forms with Angular's FormsModule. This project will cover form creation, styling, and user interaction.
Day 14: Contact Form using ReactiveFormsModule
Build a more advanced contact form using ReactiveFormsModule, enhancing form management and data handling. Project setup, template creation, and advanced form logic are covered.
Day 15: Custom Directives
Create your own custom Angular directives to extend the framework's functionality. You'll learn how to create directives for various interactive elements such as hover effects, text transforms, and more.
Day 16: Calculator
Construct a functional calculator to enhance your understanding of user interaction and data processing.
Day 17: Currency Converter
Build a currency converter application that integrates API calls to handle real-time currency exchange rates. You will cover service creation, data fetching, and creating a dynamic user interface.
Day 18: Weather
Develop a weather application that fetches weather data from an API and displays it with appropriate styling. Covers API integration, data presentation, and handling errors gracefully.
Day 19: Emoji Search
This project involves working with data and implementing a user-friendly search mechanism. You will learn how to create services, handle API calls, and implement search functionality.
Day 20: Crypto Charts
Construct a dynamic crypto price chart integrating real-time data from an API. You will learn to create services, handle API calls, and dynamically update the chart.
Day 21: Calendar
Develop a functional calendar component using Angular. You will learn how to create and manage calendar data and dynamically present it to the user.
Day 22: Checkers
Create a game of checkers. This project will improve your understanding of game logic, state management, and efficient rendering of complex interfaces.
Day 23: Password Security
This advanced project will show you the importance of security. Learn how to build a password generator and check it against a security API.
Day 24: Minesweeper
Develop the popular game of Minesweeper, demonstrating advanced techniques in game logic, state management, and game state rendering.
Day 25: Advanced Todo
Building on previous projects, enhance your skill with an advanced todo app incorporating data persistence and improved user interaction.
Day 26: User Management App
Create a robust user management system, handling user accounts, authentication, and data management within the application.
Day 27: Resume Builder
Build a resume builder application where users can create and download their resumes. This project will test your Angular skills with advanced use of forms and data handling.
Day 28: Quiz App
Construct a quiz app, allowing users to take quizzes and track their progress. This project involves data handling, routing, and implementing user-friendly interactions.
Day 29: Typing Game - Keyboard Masters
Create a fast-paced typing game, testing your skills in game development, real-time data handling, and sophisticated state management.
Day 30: Portfolio
Culminate your journey by building your personal portfolio website. This will showcase all the projects you have created over the 30 days and highlight your Angular skills to potential employers.
Deal Source: real.discount