AngularJS Tutorial
Get the Code Here :
Best AngularJS Book :
Support me on Patreon :
In this tutorial I clear up all of the jargon in AngularJS through a ton of examples. We'll cover the Model View Controller pattern and how it works with AngularJS. I'll then provide examples that explain AngularJS Modules, Directives, Scope, and Expressions.
Beyond those topics I'll also cover dependency injection, ng-app, ng-init, ng-controller, ng-model, event handling, data-ng-bind, ng-repeat, multiple views, multiple controllers, ng-cloak, $index, $first, $last, $middle, $even, $odd, ng-repeat-start, ng-repeat-end, ng-include, ng-switch, ng-switch-when, ng-disabled, ng-hide, ng-show, ng-class and much more.
Thank you to Patreon supports like the following for helping me make this video
…
@kyleaisho
@thetwistedhat
Thanks for all of these videos. They make great reference materials when I’m curious about what something does or if I’ve been out of practice. When it’s not a right tool for the right job type of situation is there any language that you prefer to use whenever possible?
+Atrix Wolfe You’re very welcome 🙂 The next one goes up in a few hours.
Derek, great tutorial as usual, thank you! Do you mind including the atom plugins you’re using in the description of the video?
Thank you!
Hello Derek!
I have a question. Why do you need to use the single quotes when specifying the class in the ng-class-even and ng-class-odd directives, but not when styling “Some Random Text”?
Hey Derek! Love your videos and your style! How about a video tutorial on Reactjs? I bet there are a ton of web developers who would appreciate a course on it from you. I certainly would! Thanks for every thing!
Thank you 🙂 Yes I have been trying to fit it in for a while. Sorry for the delay
Awesome tutorial Derek! The most you can get out of 40 minutes when learning Angular, no fooling around!
Thank you 🙂 I did my best
Amazing tutorial. Thank you very much for the neatly commented source code, makes it easier to understand.
Thank you 🙂 I’m happy it helped
Hey. Thank you for your exemplary tutorials. You simply truncate the curve! It’s so cool to be immediately & cogently infused with useful knowledge & examples every time I watch a vid of yours! Now, I’ll go back to determining if I am a bumbling idiot or the worlds poorest software engineer!
You’re very welcome 🙂 I’m happy you like the videos
Hey Derek, first of all big thank you for these videos, they have been a huge help. Would it be possible to cover the Java Spring/Spring Boot framework?
You’re very welcome 🙂 I’ll see what I can do. Unity Games and 3D modeling with Blender are up next
Great video. We use angularjs where I work heavily and I will be recommending this to our next batch of hires. We also layer typescript on top of angular, so feel free to toss up a typescript video in the future 😉
+Andrew Reid Thank you very much 🙂 Typescript is coming very soon.
The ng-repeat-start and ng-repeat-end are used in a situation like below.
This is a precise and concise tutorial of Auglar and Javascript, Derek ! In angulartut4.html of source on http://www.newthinktank.com/2016/02/angularjs-tutorial/ , should be under ; otherwise, table of City and State cannot be displayed.
Hey Derek, thanks a lot for making this tutorial. It is very helpful. Any chance of a video tutorial on AngularJS 2.0 or ReactJS or ES 2016 anytime soon? Please reply.
Still waiting for this man. I hope Angular 2.0 tutorial comes soon.
Thank you 🙂 Yes I want to cover all 3 soon
great tutorial. this is the best Ive seen so far on angular js. Non-stop action, no bs.
Thank you 🙂 I try not to waste time
Hello Derek. You explain in an celarely, quick and easy way. I hope you can do more and more videos. Congratulations and thanks for the video.
Thank you very much 🙂 Many more tutorials are coming
Extremely well produced and educational, well done!
+David Harford Thank you very much 🙂
Hi Derek, thank you for putting this together. Do you have any sort of walkthroughs on how to setup angular JS projects?
You’re very welcome 🙂 Just what I covered as this series continues.
Great tutorial, +Derek Banas! I can’t wait to work through the next 3.
I have a question. At 4:00 you say you are going to “define the AngularJS **model**”, then you add “and **modules** are basically used to…”
In the above statement, did you mean to say “the AngularJS **module**” (instead of **model**)? Or did you mean the .js file as a whole is the **model**, and the ‘var app1 = …’ is the **module**?
Thanks!
@***** and @Sam Musaev, thank you very much for your explanations. They were very helpful.
+Mark Key You need a module in order to hold controllers, services, filters, configs & templates. An application can have several modules but you need at least one. It’s usually declared by saying
var app = angular.module(‘appname’ , [ ]);
http://1.bp.blogspot.com/-3_FePaolUv0/U9laCfvZDjI/AAAAAAAAAgU/qGzOsrwBJv8/s1600/Module.png
Great stuff Derek. Liked, Subscribed, Commenting:
Your explanation of ng-repeat got me thinking,
Do you have an idea on a good way to implement infinite pagination with AngularJS – as in a carousel that continuously loops through a container of the same html elements during scrolling?
– Xzavier
Question for anyone: 16:50 Is there any benefit to referencing Angular through script tags at the bottom instead of in the head tag? What differences would that cause?
+Devan Hurst If you put the script in the head it can block the html from loading
Love the way you instruct lessons, loads of information in short time. Which otherwise may take at least couple of days or may be week if someone had to learn by himself. Thanks Derek.
Count me on list of fans you have :). Cheers. God bless!
+Abdul Jabbar I’m very happy that you like the videos. May God bless you as well.