Angular - The Complete Guide (2024 Edition)
- Tanım
- Müfredat
- SSS
- Yorumlar
Ready for Angular 19
This course was built for Angular 19+! It uses standalone components & signals right from the start.
June 17th 2024: Big update released!
The entire course was re-recorded from scratch and was therefore completely updated! It’s now 100% up-to-date with the latest version of Angular again, covering crucial modern features like signals, standalone components etc.
Many new deep-dive sections on these core topics were added, hence ensuring that you learn ALL about modern Angular in-depth. In addition, the course also still covers older Angular versions & syntax, so that you get the most out of this course, no matter with which Angular version you’re working.
May 23rd 2024: New “Essentials” Sections!
Brand-new “Essentials” sections were added, covering modern Angular (incl. standalone components, signals, new control flow & more) from the ground up.
This course therefore once again teaches modern Angular, whilst also teaching “older” Angular features since many projects are still stuck on old Angular versions. With this course, you’ll be ready to work with Angular, no matter which version you might be using in your next project!
—
Join the most comprehensive and bestselling Angular course on Udemy and learn all about this amazing framework from the ground up, in great depth!
This course starts from scratch, you neither need to know Angular 1 nor Angular 2 or any other Angular version!
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!
And if you do get stuck, you benefit from an extremely fast and friendly support – both via direct messaging or discussion. You have my word! 😉
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.
Hear what my students have to say
“Absolutely fantastic tutorial series. I cannot thank you enough. The quality is first class and your presentational skills are second to none. Keep up this excellent work. You really rock! – Paul Whitehouse”
“The instructor, Max, is very enthusiastic and engaging. He does a great job of explaining what he’s doing and why rather than having students just mimic his coding. Max was also very responsive to questions. I would recommend this course and any others that he offers. Thanks, Max!”
“As a person new to both JavaScript and Angular 2 I found this course extremely helpful because Max does a great job of explaining all the important concepts behind the code. Max has a great teaching ability to focus on what his audience needs to understand.”
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 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 (= Angular 2+) 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 send HTTP requests (e.g. to REST APIs)
-
What dependency injection is and how to use it
-
How to use modules in Angular
-
How to optimize your (bigger) Angular applications
-
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!
-
1Welcome To The Course!Video dersi
Let me introduce you to this course and give a rough outline over what you're going to learn!
-
2What Exactly Is Angular?Video dersi
So many Angular versions! What's up with them and which version does this course cover?
-
3Why Would You Use Angular?Video dersi
Enough of the talking, let's create our first Angular project and view our first app in the browser.
-
4Angular's Evolution & StabilityVideo dersi
-
5Creating A New Angular ProjectVideo dersi
-
6Setting Up An Angular Development EnvironmentVideo dersi
Let's edit our first app!
-
7About This CourseVideo dersi
Enough of the talking, let's create our first Angular project and view our first app in the browser.
-
8Course Setup & ResourcesMetin dersi
-
9Module IntroductionVideo dersi
-
10A New Starting Project & Analyzing The Project StructureVideo dersi
-
11Understanding Components & How Content Ends Up On The ScreenVideo dersi
-
12Creating a First Custom ComponentVideo dersi
-
13[Optional] JavaScript Refresher: Classes, Properties & MoreMetin dersi
-
14Configuring the Custom ComponentVideo dersi
-
15Using the Custom ComponentVideo dersi
-
16Styling the Header Component & Adding An ImageVideo dersi
-
17Managing & Creating Components with the Angular CLIVideo dersi
-
18Styling & Using Our Next Custom ComponentVideo dersi
-
19Preparing User Data (To Output Dynamic Content)Video dersi
-
20Storing Data in a Component ClassVideo dersi
-
21Outputting Dynamic Content with String InterpolationVideo dersi
-
22Property Binding & Outputting Computed ValuesVideo dersi
-
23Attribute BindingMetin dersi
-
24Using Getters For Computed ValuesVideo dersi
-
25Listening to Events with Event BindingVideo dersi
-
26Managing State & Changing DataVideo dersi
-
27A Look Behind The Scenes Of Angular's Change Detection MechanismVideo dersi
-
28Introducing SignalsVideo dersi
-
29We Need More Flexible Components!Video dersi
-
30Defining Component InputsVideo dersi
-
31Required & Optional InputsVideo dersi
-
32Using Signal InputsVideo dersi
-
33We Need Custom Events!Video dersi
-
34Working with Outputs & Emitting DataVideo dersi
-
35Using the output() FunctionVideo dersi
-
36Adding Extra Type Information To EventEmitterVideo dersi
-
37Exercise: Create a Configurable ComponentVideo dersi
-
38TypeScript: Working With Potentially Undefined Values & Union TypesVideo dersi
-
39Accepting Objects As Inputs & Adding Appropriate TypingsVideo dersi
-
40TypeScript: Type Aliases & InterfacesVideo dersi
-
41Outputting List ContentVideo dersi
-
42Outputting Conditional ContentVideo dersi
-
43Legacy Angular: Using ngFor & ngIfVideo dersi
-
44Adding More Components to the Demo AppVideo dersi
-
45Outputting User-specific TasksVideo dersi
-
46Outputting Task Data in the Task ComponentVideo dersi
-
47Storing Data Models in Separate FilesVideo dersi
-
48Dynamic CSS Styling with Class BindingsVideo dersi
-
49More Component Communication: Deleting TasksVideo dersi
-
50Creating & Conditionally Rendering Another ComponentVideo dersi
-
51Managing The "New Task" DialogVideo dersi
-
52Using Directives & Two-Way-BindingVideo dersi
-
53Signals & Two-Way-BindingVideo dersi
-
54Handling Form SubmissionVideo dersi
-
55Using the Submitted DataVideo dersi
-
56Content Projection with ng-contentVideo dersi
-
57Transforming Template Data with PipesVideo dersi
-
58Getting Started with ServicesVideo dersi
-
59Getting Started with Dependency InjectionVideo dersi
-
60More Service Usage & Alternative Dependency Injection MechanismVideo dersi
-
61Time to Practice: ServicesVideo dersi
-
62Using localStorage for Data StorageVideo dersi
-
63Module SummaryVideo dersi
-
64Module IntroductionVideo dersi
-
65A First Introduction To Angular Modules (NgModule)Video dersi
-
66Creating a First Empty ModuleVideo dersi
-
67Bootstrapping Apps with Angular ModulesVideo dersi
-
68Declaring & Using ComponentsVideo dersi
-
69A First SummaryVideo dersi
-
70Migrating All Components To Use ModulesVideo dersi
-
71Creating & Using Shared ModulesVideo dersi
-
72Creating More Complex Module-based App StructuresVideo dersi
-
73Module Introduction & Starting ProjectVideo dersi
-
74Exercise HintsMetin dersi
-
75Adding a Header Component With An ImageVideo dersi
-
76Adding a User Input ComponentVideo dersi
-
77Handling Form SubmissionVideo dersi
-
78Extracting Values with Two-Way-BindingVideo dersi
-
79Calculating the Annual Investment DataVideo dersi
-
80Cross-Component Communication with OutputsVideo dersi
-
81Creating & Using a Data ModelVideo dersi
-
82Passing Data from Parent to Child with InputsVideo dersi
-
83Outputting Data in a TableVideo dersi
-
84Formatting Output with a PipeVideo dersi
-
85Using Signals & Resetting The Form After SubmissionVideo dersi
-
86Using a Service for Cross-Component CommunicationVideo dersi
-
87Using Signals in ServicesVideo dersi
-
88Migrating to Angular ModulesVideo dersi
-
89Module SummaryVideo dersi
