Angular 5 tutorial for beginners
Angular 5 tutorial from Pragim Technologies. This is a free course.
Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
This course duration is around 12 hours. All the commonly used basic, intermediate and advanced angular concepts are discussed with examples. Along the way we will build an angular application that manage employee details. We will be able to create, read, update and delete employee details.
What are the prerequisites for this course
1. Angular and TypeScript Basics
2. Angular CLI basics
Resources you need to follow along with this course.
Angular 2 Playlist
Angular CLI playlist
Download the complete project source code
Instructions to run AngularCrud project
Code Samples, Text Articles and Slides
Angular CRUD playlist
To download videos and slides for offline viewing
Hope you will find these resources useful to learn Angular.
CAN SOMEBODY CONTINUE WHAT I’M STARTED PLEASE ?
Part 1 : Angular project setup 3:15
Part 2 : Reading data in Angular 10:35
Part 3 : Angular routing and navigation 27:20
Part 4 : Angular base href 40:05
Part 5 : Angular forms tutorials 47:17
Part 6 : Bootstrap radio buttons in Angular 1:04:40
Part 7 : Angular radio button checked by default 1:11:59
Part 8 : Bootstrap check box in Angular 1:16:52
Part 9 : Angular bootstrap select list 1:23:03
Part 10 : Angular select options from array 1:29:49
Part 11 : Angular datePicker toturial 1:37:38
Part 12 : Customise ngx-bootstrap datePicker 1:47:47
Part 13 : Angular nglf Directive 1:57:31
Part 14 : Angular disable browser validation 2:09:09
much needed..Thanks 🙂
Fantastic <3
Probably this is one of the best tutorial I have ever found specially on Angular. And the Presentation is also awesome! Thank you. Keep up the good work.
Great video 🙂 🙂 the explanation of the course is great , though i started this video with no basics of Angular JS 1 0r 2 , i was able to grasp whatever you explained in the video , Thanks for the video
Thanks for you videos and your work, sir could please do React Js as well , because i learn a lot for your tutorials, and those concepts you we can apply in real time projects, it helps a lot , its 10/10 course and recommended one
Seriously I appreciate the hard work you have put in these videos!
Just started this course. kudvenakt’s video tutorials are fantastic. The explanations are the most lucid and detailed I’ve found anywhere!
Just a note to those who might encounter the same issue I did just now…
I installed angular and got v 6.x.x. This version doesn’t have the (hidden) .angular-cli-json file. Since v6 it’s been replaced by angular.json. So that’s where you’ll find the styles section into which to add the bootstrap link as show in the 9th minute of this video.
Another 6.x change: services are provided (for dependency injection) using the @injectable’s constructor, thus:
@injectable(
providedIn: root
)
“Root” makes is available to all components in your angular app, thus creating a singleton.
Yeah i noticed that but there are few more styles option in the angular.json; confused where to include that and also i dont get my bootstrap under node_module
Excellent job as usual! Thank you so much for doing this.
Best tutorials for Angular 2+ ever seen any other website .Sir please develop one simple project using Angular2+ and Bootsrtap we are waiting for that sir
I have now subscribed.. this is the best among all the tutorials of angular in youtube. Thank you sir. Please keep doing tutorials 🙂
You are one of great teacher and speaker in this world.
Thank you.
Thank you .
Thank you so much for all these tutorial on angular..
I like your teaching way..
It is very awesome.
Thank you very much I was waiting for this I got astonished why the last video for angular 2 and you stopped , I watched around 7 hours and applied is concepts and I am sure after 11 hours i will be prof in angular
This tutorial mixes between theory and real world scenarios, it is a piece of art, thank you sir for this.
Hello Sam – Thank you very much for the feedback. Means a lot. I have included all the Angular 5 tutorial videos, slides and text articles in sequence on the following page. Hope you will find it handy.
https://www.pragimtech.com/courses/angular-crud-tutorial/
If you have time, can you please leave your rating and valuable feedback on the reviews tab. It really helps us. Thank you. Good luck and all the very best with everything you are doing.
hello Sir, First of all i am very thankful for such nice videos, I am working as web developer. Since last few days i am trying to learn Angular Js but i am big confuse about which version should i start to learn. Now Angular 6 in market but i don’t know anything about angular so please suggest me from which version i can start to learn. If you suggest me from Angular 2 then adding one more doubts, How long it will take to reach Angular 6 and what are difference in every new version.? Please help me to choose right. Thanks in advance
Hello Mohan – As you might already know, there is a massive difference between Angular JS 1 and Angular 2. If you know you will be working on AngularJS 1 applications, then I suggest learning Angular JS 1 as well. Here is the link to Angular JS 1 playlist.
https://www.youtube.com/playlist?list=PL6n9fhu94yhWKHkcL7RJmmXyxkuFB3KSl
However, there is no much difference between Angular 2, Angular 4, Angular 5 and Angular 6. The way we build angular applications using Angular 2, 4, 5 or 6 is very identical.
The following video explains the difference between angular versions released so far.
https://www.youtube.com/watch?v=bAx2LgQLkl8
If you are starting to learn Angular, I suggest start with Angular 2 at the following link.
https://www.youtube.com/playlist?list=PL6n9fhu94yhWqGD8BuKuX-VTKqlNBj-m6
Once you are confident and comfortable with the concepts discussed in Angular 2 playlist, start with Angular CRUD tutorial at the following link. This tutorial uses Angular 5 and covers all the concepts we were not able to cover in Angular 2 tutorial.
https://www.youtube.com/playlist?list=PL6n9fhu94yhXwcl3a6rIfAI7QmGYIkfK5
I believe Angular CLI is a great tool to increase your productivity. So I suggest learn Angular CLI as well.
https://www.youtube.com/playlist?list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_
You will be able to learn all these angular concepts in less than 2 months. Hope I have answered all your questions and find these resources useful to learn Angular.
Hello Mohan – Yes, you are on the right track.
Sir i knew the difference between Angular 1 and Angular 2. Bu many of friends who already working on Angular they suggest me that, start to Angular 4 direct. So i was little confuse, I am thinking that i will go through Angular 2 and then upgraded version instead of Angular 1. I am going in right direction or not ?
First of all thank you so much for such a clear and simple way to build angular 5 application
Please make a detail concept videos of – ” User login authorization and authentication, token, refresh token guard using Angular”
It will be very helpful
superb Venkat you make software look so easy, i follow each and every video of yours…don’t have words to express my gratitude.
Awesome Video first of all. I have been following your all videos like: AngularJS, Angular 2 , Bootstrap.
I am now going through “Angular Disable browser Validation”. I had a query in that portion.
You told that from angular 4 the browser validations are not applied because of angular uses “novalidate” attribute in the form element.
But in previous video you showed that “disabled” property is working fine.
So my question is – Is the “disabled” keyword, not a validation statement?
brother your teaching style is very good…i followed your every tutorial thank you for the video brother?????
Thank you kudvenkat. your tutorials are of good help from c#,sql ,web api,mvc,angular2 and wcf services.God bless you
You da man! Thanks heaps mate for all the videos and all the efforts you are putting in! Can’t thank you enough!