[LEGACY] Angular - The Complete Guide
Master Angular (formerly "Angular 2") and build awesome, reactive web apps with the successor of Angular.js
Enroll in Course
This course starts from scratch, you neither need to know Angular 1 nor Angular 2!
You will learn this amazing framework and the latest version of Angular from the ground up in this course!
Join the most comprehensive, popular and bestselling Angular course and benefit not just from a proven course concept but from a huge community as well!
From Setup to Deployment, this course covers it all! You'll learn all about Components, Directives, Services, Forms, Http Access, Authentication, Optimizing an Angular App with Modules and Offline Compilation and much more - and in the end: You'll learn how to deploy an application!
But that's not all! This course will also show you how to use the Angular CLI and feature a complete project, which allows you to practice the things learned throughout the course!
Angular is one of the most modern, performance-efficient and powerful frontend frameworks you can learn as of today. It allows you to build great web apps which offer awesome user experiences! Learn all the fundamentals you need to know to get started developing Angular applications right away.
This course uses TypeScript
TypeScript is the main language used by the official Angular team and the language you'll mostly see in Angular tutorials. It's a superset to JavaScript and makes writing Angular apps really easy. Using it ensures, that you will have the best possible preparation for creating Angular apps. Check out the free videos for more information.
TypeScript knowledge is, however, not required - basic JavaScript knowledge is enough.
Why Angular?
Angular is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular allow you to create complex, customizable, modern, responsive and user friendly web applications.
Angular 2 was simply renamed to "just Angular".
Angular is faster than Angular 1 and offers a much more flexible and modular development approach. After taking this course you’ll be able to fully take advantage of all those features and start developing awesome applications immediately.
Due to the drastic differences between Angular 1 and Angular you don’t need to know anything about Angular.js to be able to benefit from this course and build your futures projects with Angular.
Get a very deep understanding of how to create Angular applications
This course will teach you all the fundamentals about modules, directives, components, databinding, routing, HTTP access and much more! We will take a lot of deep dives and each section is backed up with a real project. All examples showcase the features Angular offers and how to apply them correctly.
Specifically you will learn:
- Which architecture Angular uses
- How to use TypeScript to write Angular applications
- All about directives and components, including the creation of custom directives/ components
- How databinding works
- All about routing and handling navigation
- What Pipes are and how to use them
- How to access the Web (e.g. RESTful servers)
- What dependency injection is and how to use it
- How to use Modules in Angular
- How to optimize your (bigger) Angular Application
- An introduction to NgRx and complex state management
- We will build a major project in this course so that you can practice all concepts
- and so much more!
Pay once, benefit a lifetime!
Don’t lose any time, gain an edge and start developing now!
35+
hours
500+
lessons
Course Curriculum
-
PreviewCourse Introduction (0:57)
-
PreviewWhat is Angular? (1:59)
-
PreviewAngular vs Angular 2 vs Latest Version (2:55)
-
PreviewAngular Setup & First App (8:08)
-
PreviewJoin our Online Learning Community
-
PreviewEditing the First App (10:05)
-
PreviewThe Course Structure (4:00)
-
PreviewHow to get the Most out of the Course (2:25)
-
PreviewWhat is TypeScript? (2:09)
-
PreviewA Basic Project Setup using Bootstrap for Styling (4:27)
-
PreviewWhere to find the Course Source Code
-
StartThe Academind Pro Referral Program
-
StartModule Introduction (0:56)
-
PreviewHow an Angular App gets Loaded and Started (7:11)
-
PreviewComponents are Important! (3:08)
-
StartCreating a New Component (6:51)
-
StartUnderstanding the Role of AppModule and Component Declaration (5:15)
-
StartUsing Custom Components (1:12)
-
StartCreating Components with the CLI & Nesting Components (3:51)
-
StartWorking with Component Templates (3:08)
-
StartWorking with Component Styles (4:02)
-
StartFully Understanding the Component Selector (3:50)
-
StartAssignment: Component Basics (Problem) (1:33)
-
StartAssignment: Component Basics (Solution) (6:42)
-
StartWhat is Databinding? (2:49)
-
StartString Interpolation (5:19)
-
StartProperty Binding (6:34)
-
StartProperty Binding vs String Interpolation (3:07)
-
StartEvent Binding (4:09)
-
StartPassing and Using Data with Event Binding (4:37)
-
StartTwo-Way-Databinding (2:47)
-
StartCombining all Forms of Databinding (1:46)
-
StartAssignment: Data & Event Binding (Problem) (1:07)
-
StartAssignment: Data & Event Binding (Solution) (5:12)
-
StartUnderstanding Directives (2:17)
-
StartUsing ngIf to Output Data Conditionally (3:52)
-
StartEnhancing ngIf with an Else Condition (2:46)
-
StartAngular 17: NgIf Alternative
-
StartStyling Elements Dynamically with ngStyle (5:01)
-
StartApplying CSS Classes Dynamically with ngClass (2:53)
-
StartOutputting Lists with ngFor (3:43)
-
StartAngular 17: NgFor Alternative
-
StartAssignment: Directives (Problem) (2:15)
-
StartAssignment: Directives (Solution) (7:06)
-
StartGetting the Index when using ngFor (2:52)
-
StartProject Introduction (1:04)
-
StartPlanning the App (5:33)
-
StartSetting up the Application (4:31)
-
StartCreating the Components (9:32)
-
StartUsing the Components (3:15)
-
StartAdding a Navigation Bar (5:09)
-
StartCreating a "Recipe" Model (4:33)
-
StartAdding Content to the Recipes Components (7:41)
-
StartOutputting a List of Recipes with ngFor (4:37)
-
StartDisplaying Recipe Details (5:52)
-
StartWorking on the ShoppingListComponent (1:49)
-
StartCreating an "Ingredient" Model (2:35)
-
StartCreating and Outputting the Shopping List (2:27)
-
StartAdding a Shopping List Edit Section (3:28)
-
StartWrap Up & Next Steps (0:54)
Course Prerequisites
Basic JavaScript knowledge is required
NO prior Angular or TypeScript knowledge required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Razvan
The instructor is very clear and he knows very well the subject. He is very active if you do not find the answer in the questions and answers. Step by step explanations. 5 star for his effort and quality.
Adir Avraham
The pace is perfect. Not too fast and not too slow. It makes it easy to understand.
Adam Victor
I greatly appreciate the hands on learning / muscle memory I am learning from these lectures. My understanding/comprehension of angular front-end development has grown tremendously because of this course. Thank you
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 10689 happy students!
Single-Course License
Full access to "[LEGACY] Angular - The Complete Guide"
$99
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$25/month
Cancel Anytime!
This is a recurring payment, charged automatically on a monthly basis. You can cancel anytime from inside your user profile to avoid being charged again once your billing cycle ends. For more information, please contact Academind.