Angular 13 Masterclass 2022 – Create 4 Real World Projects

Angular is one of the 2 most popular front end web frameworks out there. Developed by Google, knowledge in this framework is granted to land you great jobs and freelancing projects.

Some of the biggest websites out there were developed in Angular, and in this course, you’ll learn all about Angular, dive deep into its topics, and learn how to use it in the real world with multiple small-big projects that apply everything you’ve learned in the course.

What will you learn in this course:

1. Learn all about frameworks and how to set up the development environment needed to create your angular projects.

2. Learn the fundamentals of TypeScriptincluding data types, functions, interfaces, classes and more.

3. Learn the fundamentals of Angular including interpolation, components, modules, events, methods, property, class, styles binding & structural directives.

4. Learn all about directives, services and pipes.

5. Learn how to create a complete Calculator project.

6. Dive deep into components. Learn about lifecycle hooks, component communicationand more.

7. Learn all about Angular forms – template driven forms, reactive forms, form validation, submitting forms and more.

8. Learn how to create a complete To-do list app project

9. Learn all about HTTP callsin Angular, creating dummy data, GET, PUT, POST, DELETE requests, and creating and using a mock server.

10. Learn all about routes in Angular, why we need them, how to create them, active links, redirecting routes, route parameters and more.

11. Learn how to create a complete Quiz App project.

12. Learn all about Angular animations, setting up animations, triggers, fade in and fade out, stepwise, enter and leave animations and more.

13. Learn all about Angular materialsand creating buttons, badges, icons, cards, dividers, form fields and inputs, list and grid list, tabs, menus and more.

14. Learn all about Unit testing in Angular, the AAA standard, setup and tear down, services testing, component testing, testing HTML content changes and more.

15. Learn how to create a complete blog management system CRUD applicationas your final big project.

Real world projects taught: 

1. A complete Calculator app

2. A To-do list app with create, edit and delete applications.

3. A complete Quiz appwith random database fetch of questions, a timer, and visual answer tracker.

4. A full-fledged Blog Management System CRUD (Create, Read, Update, Delete) application with a backend setup.

Who is this course for? 

1. JavaScript developers who want to take their web development skills to the next level.

2. React or Vue developers who’d like to add yet another framework to their skillset.

How is this course designed? 

Module 1: Typescript Fundamentals –In this module, you’ll learn all about typescript, how to install it, data types, functions, interfaces, classes and more.

Module 2:  Angular Fundamentals – In this module, learn how to install Angular, create a new project, all about components, creating a new component, interpolation/data binding, modules, events and functions, property binding, class binding, style binding, two-way data binding, structural directives (If Else, Switch and For).

Module 3: Directives, Services & Pipes – In this module, learn all about creating custom directives, services, dependency injection, pipes and custom pipes.

Module 4: Calculator project – In this module, create a full-fledged Calculator project.

Module 5: Component Deep Dive – In this module, learn all about lifecycle hooks, and dive deep into component communication.

Module 6: Angular Forms – In this module, learn all about Angular forms, template forms and how to create them, submit them, grouping fields, binding form data to class model, validate them, offer visual feedback, reactive forms and how to create them, submit them, nest them and validate them.

Module 7: To-do List App project – In this module, you’ll learn all about creating a To-do list app with create, read, delete and edit functions (CRUD).

Module 8: HTTP Calls –In this module, you’ll learn all about the different HTTP calls, creating dummy data to make GET calls on, accessing Mock APIs using GET calls, creating a new resource with POST calls, update a resource with PUT calls, deleting a resource with DELETE calls and setting up a mock server with a database to mimic a backend.

Module 9: Routing – In this module, we’ll learn all about the importance of Routing, how to create routes, creating a Page Not Found route, active links, redirecting routes, passing and reading route parameters, back button and going back a route and dynamic routes.

Module 10: Quiz App Project – In this module, we’ll create a Quiz app project with a built-in database of questions. We’ll get random questions using GET calls, allow option selection, track the current question and the answers, load the next question, run a timer on each question, display the results at the end, and allow for a quiz retake using the “Retake Test” button.

Module 11: Angular Animations –In this module, we’ll learn all about Angular Animations including setting up the animations, triggering the animations, setting up multiple triggers, fade in an fade out animation, stepwise animation and enter and leave animation.

Module 12: Angular Material –In this module we’ll learn about Angular Material and creating different typographies, buttons, badges, button toggle, icons, cards, dividers, form fields and inputs, select, checkboxes, radio buttons and Autocomplete, list and grid list, tabs and menus.

Module 13: Unit Testing –In this module, we’ll learn all about Unit testing, including setting up for testing, creating your very first test case, testing strings and arrays, AAA standard, component method testing, setup and tear down, complete component testing, services testing and testing content and changes in HTML elements.

Module 14: Final Project – Blog Management System – In this module, we’ll create a complete blog management system that’s designed professionally with Angular material, and allows the users to create new blog posts, edit existing blog posts, delete them or read them. We’ll be creating a fake server with a fake database to store the blog data for testing purposes.

That’s it! That’s 20+ hours of pure gold! So, what are you waiting for? Enroll today! 

This course will make you an expert in Angular,and will equip you in your journey to become a in-demand front end developer.

Rating Distribution

• 1 stars: 3 votes
• 2 stars: 2 votes
• 3 stars: 1 votes
• 4 stars: 6 votes
• 5 stars: 9 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!