Angular Tutorial for Beginners - Learn Angular 14 Frontend Development
42.5 هزار بار بازدید -
2 سال پیش
-
In this 2-hour-long Angular 14
In this 2-hour-long Angular 14 Tutorial we will cover the most important topics about software development using Angular. During this Angular course, we will create a task-list application which is also using an Angular Material component. If you are searching for a great video to get started with Angular, you have come to the right place.
🚀 SKYROCKET your C# skills and become a sought-after C# web developer with our C# Progress https://www.udemy.com/course/master-f...
👊 Want more C#? Check out our FULL C# Masterclass! https://www.udemy.com/course/complete...
While developing the course application you will learn about Angular components, angular modules, angular services and even about angular routing. This Angular tutorial will get you started in frontend development. Enjoy!
We'll make sure to make a Developer out of you in no time!
Timestamps:
00:00 - 02:20 Getting started with Angular 14
02:20 - 06:51 Setup Angular Development Environment
06:51 - 08:58 Additional learning resources
08:58 - 11:22 Creating a new Angular project
11:22 - 13:58 Starting your Angular application
13:58 - 17:52 Discover the template and clean the component
17:52 - 26:04 Create basic UI for the task-list application
26:04 - 32:30 TypeScript tutorial
32:30 - 34:20 What is an angular component
34:20 - 36:33 Angular one-way data binding
36:33 - 41:42 Using Angular loop to display data
41:42 - 45:17 Angular event binding
45:17 - 48:05 Local references
48:05 - 51:42 Adding a new task
51:42 - 56:50 Removing a task
56:50 - 58:54 Mark task as done
58:54 - 1:05:12 Create an angular/typescript class
1:05:12 - 1:11:35 Single class binding
11:11:35 - 1:19:19 Undoing a done task
1:19:19 - 1:27:10 Creating an Angular component
1:27:10 - 1:31:36 Adding a header and introduction to Angular modules
1:31:36 - 1:35:30 Creating an Angular module
1:35:30 - 1:38:25 Create a calendar module and component
1:38:25 - 1:42:42 Add Angular material package
1:42:42 - 1:50:28 Style Angular Material calendar
1:50:28 - 1:57:14 Angular routing
1:57:14 - 1:59:51 Angular two-way data binding
1:59:51 - 02:04:38 Parameterized routes
02:04:38 - 02:06:49 Next steps
So, what is Angular?
Angular is a platform for building mobile and desktop web applications.
It is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.
Build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile, and native desktop.
What is TypeScript?
TypeScript is JavaScript with syntax for types.
TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor.
TypeScript is a free and open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. It is designed for the development of large applications and transpiles to JavaScript.
Make sure to check out the video to learn everything about it!
#coding #angular #typescript
LinkedIn: LinkedIn: tutorialseu
Discord: Discord: discord
🚀 SKYROCKET your C# skills and become a sought-after C# web developer with our C# Progress https://www.udemy.com/course/master-f...
👊 Want more C#? Check out our FULL C# Masterclass! https://www.udemy.com/course/complete...
While developing the course application you will learn about Angular components, angular modules, angular services and even about angular routing. This Angular tutorial will get you started in frontend development. Enjoy!
We'll make sure to make a Developer out of you in no time!
Timestamps:
00:00 - 02:20 Getting started with Angular 14
02:20 - 06:51 Setup Angular Development Environment
06:51 - 08:58 Additional learning resources
08:58 - 11:22 Creating a new Angular project
11:22 - 13:58 Starting your Angular application
13:58 - 17:52 Discover the template and clean the component
17:52 - 26:04 Create basic UI for the task-list application
26:04 - 32:30 TypeScript tutorial
32:30 - 34:20 What is an angular component
34:20 - 36:33 Angular one-way data binding
36:33 - 41:42 Using Angular loop to display data
41:42 - 45:17 Angular event binding
45:17 - 48:05 Local references
48:05 - 51:42 Adding a new task
51:42 - 56:50 Removing a task
56:50 - 58:54 Mark task as done
58:54 - 1:05:12 Create an angular/typescript class
1:05:12 - 1:11:35 Single class binding
11:11:35 - 1:19:19 Undoing a done task
1:19:19 - 1:27:10 Creating an Angular component
1:27:10 - 1:31:36 Adding a header and introduction to Angular modules
1:31:36 - 1:35:30 Creating an Angular module
1:35:30 - 1:38:25 Create a calendar module and component
1:38:25 - 1:42:42 Add Angular material package
1:42:42 - 1:50:28 Style Angular Material calendar
1:50:28 - 1:57:14 Angular routing
1:57:14 - 1:59:51 Angular two-way data binding
1:59:51 - 02:04:38 Parameterized routes
02:04:38 - 02:06:49 Next steps
So, what is Angular?
Angular is a platform for building mobile and desktop web applications.
It is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.
Build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile, and native desktop.
What is TypeScript?
TypeScript is JavaScript with syntax for types.
TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor.
TypeScript is a free and open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. It is designed for the development of large applications and transpiles to JavaScript.
Make sure to check out the video to learn everything about it!
#coding #angular #typescript
LinkedIn: LinkedIn: tutorialseu
Discord: Discord: discord
2 سال پیش
در تاریخ 1401/06/08 منتشر شده
است.
42,577
بـار بازدید شده