No video

Angular Tutorial for Beginners - Learn Angular 14 Frontend Development

  Рет қаралды 42,837

tutorialsEU

tutorialsEU

Күн бұрын

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 www.udemy.com/course/master-f...
👊 Want more C#? Check out our FULL C# Masterclass! 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: / tutorialseu
Discord: / discord

Пікірлер: 38
@Balawi28
@Balawi28 Жыл бұрын
This is the best tutorial for Angular beginners I've seen so far, straight to the point!, thank you for sharing this course.
@joaovictormsantos
@joaovictormsantos Жыл бұрын
Awesome, thank you, you are straight to the point, that's what is needed, keep doing it!
@btvbharat2154
@btvbharat2154 Жыл бұрын
Thank you so much for sharing your experience with us. God bless you .
@ecommercewithjay8857
@ecommercewithjay8857 Жыл бұрын
Just finished watching this tutorial and thank you. Very helpful and will continue by creating small micro apps in angularJS while reading the API docs for angularJS and typescript.
@shantkumarbiradar9255
@shantkumarbiradar9255 Жыл бұрын
One of the best angular tutorial for beginners. Thank you :)
@julianespino2024
@julianespino2024 Жыл бұрын
Thank you!
@Karthik22ng
@Karthik22ng Жыл бұрын
Thanks a lot, this is a good kickstart.
@bigjamar
@bigjamar Жыл бұрын
Muchas gracias, excelente!
@user-fi4kk1pr5u
@user-fi4kk1pr5u 9 ай бұрын
Best instructor
@DeeDeeMedia
@DeeDeeMedia Жыл бұрын
Keep on doin what u doin
@alittlegreyhair1104
@alittlegreyhair1104 Жыл бұрын
Thank you for your hard work creating the Angular tutorial. Clearly explained throughout. I have made a ton of notes!
@tutorialsEU
@tutorialsEU Жыл бұрын
Thanks for your kind words :)
@monsieurrodriguez9687
@monsieurrodriguez9687 7 ай бұрын
you deserve more view due!
@DanielEFX
@DanielEFX 7 ай бұрын
great course! Thank you.
@youyouRio
@youyouRio 10 ай бұрын
Great ! Awesome tutorial for beginners
@kamal.hussain
@kamal.hussain 11 ай бұрын
An Excellent tutorial!
@Beji-boy
@Beji-boy Жыл бұрын
I can't wait 😁 ahhh
@tutorialsEU
@tutorialsEU Жыл бұрын
niiice
@natlinux
@natlinux Жыл бұрын
Hallo Jannick, mal wieder ein super Tutorial von dem ich, wie gewohnt, viel gelernt haben. Gerne mehr davon. Was ich nicht verstanden habe, warum sollte ich mehrerer Module haben? Bzw. sollte ich für jede Komponente ein Modul haben? Ich nutze zur Zeit das Tamplate von VisualStudio 2022 dort, ist alles auch das Routing in der App-Modul.ts. Währe schön wenn du Zeit findest dies kurz zu erklären. Vielen Dank dafür.
@aliasadhassan
@aliasadhassan Жыл бұрын
very nice
@kapilkanur
@kapilkanur Жыл бұрын
Thanks!
@tutorialsEU
@tutorialsEU Жыл бұрын
Thanks to you too! :)
@tutorialsEU
@tutorialsEU Жыл бұрын
🚀 SKYROCKET your C# skills and become a sought-after C# web developer with our C# Progress Academy: academy-tutorials.eu/csharp-progress-academy-organic? 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. 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!
@mayanksinha5538
@mayanksinha5538 Жыл бұрын
Your progress academy tutorial is amazing
@illumi98
@illumi98 10 ай бұрын
More of angular projects and/or .net projects please
@yogeshpoonia4841
@yogeshpoonia4841 Жыл бұрын
Can you make a full long playlist for Angular
@Ouba1
@Ouba1 Жыл бұрын
im gonna need angular for my job
@SmartP
@SmartP Жыл бұрын
I want to learn Angular as frontend to an ecommerce app I want to create with spring boot
@tkanel
@tkanel Жыл бұрын
Something is wrong with your site's login. It doesn't accept pass and doesn't send recover emails today.
@PaulPetersVids
@PaulPetersVids Жыл бұрын
56:47
@yusuffsheriff4568
@yusuffsheriff4568 Жыл бұрын
I need css code
@robertkoch6135
@robertkoch6135 4 ай бұрын
Danke fürs Tutorial! Du bist Deutscher oder? Den deutschen Akzent beim Englisch sprechen kann man vor einem anderen Deutschen einfach nicht verstecken 🤣
@jacoa.imthorn8113
@jacoa.imthorn8113 Жыл бұрын
Try to count the number of times this guy says "for sure" in this video. ;-)
@devinaugot3017
@devinaugot3017 Жыл бұрын
I'll make a for loop to do it 🤣
@koffiepot82
@koffiepot82 11 ай бұрын
thx for ruining it for me ;)
@kamal.hussain
@kamal.hussain 11 ай бұрын
@tutorialsEU, I am stuck at the Remove Task activity, getting this error: Error: src/app/app.component.ts:26:39 - error TS7006: Parameter 'task' implicitly has an 'any' type. 26 this.tasks= this.tasks.filter(task=> task != existingTask) My code appears to be same as what I see in the video, so not sure how to fix it. Could you help guide about this? and also if you could share the source code as well.
Namespace and Assembly in C# - Where is the difference?
8:46
tutorialsEU
Рет қаралды 7 М.
Angular for Beginners - Let's build a Tic-Tac-Toe PWA
20:46
Fireship
Рет қаралды 478 М.
Summer shower by Secret Vlog
00:17
Secret Vlog
Рет қаралды 13 МЛН
5 Coding Projects (from beginner to advanced)
18:10
ForrestKnight
Рет қаралды 293 М.
What is Angular? (Explained for Beginners)
11:25
Andy Sterkowitz
Рет қаралды 294 М.
Is LEARNING WPF still WORTH it in 2023?
10:59
tutorialsEU
Рет қаралды 44 М.
Brutally honest advice for new .NET Web Developers
7:19
Ed Andersen
Рет қаралды 114 М.
Water powered timers hidden in public restrooms
13:12
Steve Mould
Рет қаралды 665 М.
Why The Windows Phone Failed
24:08
Apple Explained
Рет қаралды 58 М.
Why Isn't Functional Programming the Norm? - Richard Feldman
46:09
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,5 МЛН
DHH discusses SQLite (and Stoicism)
54:00
Aaron Francis
Рет қаралды 57 М.