Introduction to Angular.js in 50 Examples (part 2)

[@ShaifulBorhan]

I have to say of all the Angular introductory resources available out there, your 50-examples videos are my favs. Thank you for making this Curran!

[@AndreyMoskvichev]

Great! Much better than official Angular tutorials. Thank you very much!

[@hoakyman]

I think this 2 part series is easily the best and most thorough Angular tutorial I've seen to date. I loved the way you went through the step by step thought process and technical process of building an app from scratch. Most all other tutorials include how to do something, but not why and under what circumstances one might want to. Nice work. Super helpful.

[@EnterpriseDT]

Thank you so much. I now know Angular and all I've done is laid back on my couch and watched your videos.

[@dk0money]

Thanks for these 50 examples and the Github links. This has really helped me connect the dots from vanilla JavaScript through and up to Angular libraries and how to understand the Angular way of doing things. Very clear instruction on your talk. Thanks again +Curran Kelleher

[@nishanthmatha1030]

This tut was created an year ago!! and all this wile I was wandering around the websphere to understand these concepts!! Excellent one. Thank you

[@brycepj1]

this (in addition to Part 1) is the best introduction I've come across, hands down. Thank you, Curran!

[@user-bx7iz3zn2y]

I wish I had watched this 2 weeks ago...

[@LucasGrX]

Thanks man, really helpful, i would say simpler and cleaner then angular own tutorials

[@currankelleher]

Thank you!

[@user-fe1ke6qe7f]

Last year i use two weeks to learn angular, but got nothing. This year two hours on your video made it! Thank you!

[@sunilahire208]

one of the best tutorials on angular. simple

[@_roshi]

Super impressed by your uncanny ability to avoid saying "crunchy controllers"

[@phaedrus6891]

Awesome presentation. I understand AngularJS way better now after going through these examples. Thanks!

[@TommyKaneTarboro]

Wonderful introduction. I had already covered the tutorial but this is head and shoulders above that and anything else as far as helping me grasp the essentials of Angular. I was also very impressed with your presentation skills. Good job!

[@PaulRusso64]

I'm just getting started with Angular and I found this to be really helpful. Good job Curran! You are clear and explain things well!

[@BernardSibanda]

Thanks Curran Kelleher, this really introduced me to AngularJS

[@santhoshnagamalla4302]

This is really cool video. A straight forward tutorial on Angular JS. Thanks for the detailed examples again.

[@MyInsence]

It's really a big treasure for me. VERY VERY NICE TUTORIAL AND I LOVE IT!!!

[@edc5068]

Great tutes. I recommend to copy & run the code as you watch these tutes. By the end of the 3-4 hour session (including the part 1 video and pausing and replaying some bits), I was able to learn a lot of the basics. I plan to replay the videos again with hopes of ingraining what I've learnt into memory.

[@edc5068]

Angular question: do these coding patterns do the same thing? //pattern #1 (as per tutorials) countryApp.controller('CountryListCtrl', function($scope, $http){ //some code; }); countryApp.controller('CountryDetailCtrl', function($scope, $routeParams){ //some code; }); //pattern #2 (chaining the controllers together) countryApp.controller('CountryListCtrl', function($scope, $http){ //some code; }).controller('CountryDetailCtrl', function($scope, $routeParams){ //some code; }); or does pattern #2 make 'CountryDetailCtrl' a controller within 'CountryListCtrl' controller?

[@privatephantom6668]

Ed C In pattern 1: You're creating two controllers, independent of each other, on the same angular module which you call as countryApp in the local variable. If you want to have an alternative to pattern 1, the 'chaining' equivalent would be angular.module('countryApp', ['dependencies.js']).controllers(); Chaining binds one method to another, and common use cases in javascript are: getDocument().doSomething().success(); TLDR; use pattern 1; Your logic in pattern 2 of making one controller within another is not practically valid. Theoretically, however, you may be thinking of achieving a nested scope effect but nesting controllers by chaining one to another isn't the way to do it. Create a variable to hold your angular module, then create each controller on the variable like this instead: var countryList = angular.module('countryList', 'your-dependecies'); var someController = countryList.controller(){...} Hope this helps!

[@_benstr]

Dude, this is such an awesome way to peel away the layers of Angular. You should think about doing this for other frameworks.

[@kheston]

Incredible walk-thru. Well though out and presented!

[@onamikakhandaker128]

You're a super excellent teacher.....I like these 2 videos very much..

[@seba_arg]

Thanks for putting the tutorials together, very clear

[@mudasarsyed1434]

Very Nice tutorial. Very Clean, simple and explanatory.

[@TatBYu]

Very clear and intuitive. Learned a lot. Thanks

[@MrFurano]

Fantastic presentation as always! Thank you Curran.

[@josetomasp]

WOW you really are an excellent teacher. Is the best tutorial I 've found so far. thnx

[@simumshabab6233]

u just killed it... nice, precise and covered it all... thanks man

[@epnur]

I really enjoyed your presentation, very nicely done. Thanks for putting it out there!!

[@neelimagupta217]

Wow....Nicely explained.....Really helpful tutorials.... Thank you so much....

[@scottjorgensen9870]

This is great resource. Thank you for putting this together!

[@basheerahmed3989]

Really helpful to get start with angular. Thanks man

[@kapusadam86]

Very-very good tutorial!!! Thank you very much! Everything was clear and perfect, fantastic work!

[@davidandeleanor]

Nice job with these. Thanks for sharing them.

[@Kondaldurgam733]

Its Really Good. it will helful everyone THANKS Curran Kelleher

[@csimon]

Excellent video tutorials! I will definitely be referring to your videos for more help in the future. My only concern is whether the new version of Angular.js will render the current version obsolete or not. To my understanding, Angular 2.0 will be removing most Angular 1.0 practices. Is this true? My question is, should I invest time in learning how to use the current version of Angular even with the new upcoming changes or should I just drop Angular completely and stick to backbone or plain ajax calls?

[@danushts2428]

Thanks Dude, This examples are really helpful to start Journey in anjularJS

[@sanitthale3185]

Very nice tutorial, i was able understand Angular Js. Keep it up buddy

[@AlikPal]

Great tutorial!! Such a clear explanation!

[@VincentTubed]

Great and clear tutorial, thank you very much!

[@desongyu]

Thanks Curran! It is very useful!!

[@Nihal5630]

Great tutorials, thank you very much ....! Curran

[@sunnyshah2262]

very well explained, great for beginner

[@debu2in]

the tutorials were of great help... thank you so much :)

[@hieutruong-nm1wb]

Great contribution! Thanks a lot!

[@billhaack5575]

Another great post. Thanks!

[@kaungko7690]

Thank you so much! very clear and easy to understand for beginner like me. :)

[@delciopolanco]

Thanks for helping me understand angular!!

[@sharanu1]

Awesome videos !!!! Have you done any videos on MEAN stack if yes can u please share it.

[@frankrow]

Awesome videos dude, i learned A LOT thanks!!

[@ArielCessario]

Really nice tutorial, is very clear, thank you very much!

[@dischord02]

Great tutorial, really clicked for me.

[@sparaseth]

Learned a lot...thanks for posting :)

[@thebatu]

Excellent Tutorial !!

[@stackflow4007]

Thanks a lot! Great Tutorial! Definitely going to try this out later ! :D. Can we use multiple views within a one controller? I can see the content been injected into tag. Can I put two ng-view tags and inject different views?

[@proudindian3697]

superb ..fantastic. excellent

[@TehMagilla]

Thanks, man. These two videos were quite enlightening. The only issue I have is that the factories appeared to be entirely pointless, as the same caching code (both ways) could have been implemented more easily without them. Did I miss something?

[@ted9097]

+Luke Boland I think with a factory you can cache the data without having to leave the variable out on the global namespace. So you can always call up the factory with your cached data, but you don't have leave that cached data variable hanging out in your application constantly.

[@zamirvarandas]

Well done sir. Best tutorial, gratz.

[@savkelita]

This is great! Thank you very much!

[@quanzhou1620]

awesome video! but I'm confused since #46, what the exact meaning of 3 different 'country'? the first one comes from in directive country : ... scope:{country: '='} ; the second and the third one comes from country-list.html : country = "country ". if the first one is just a variable in the directive , can we change it to another name , such as "dir_country" ?

[@youyinglin9498]

This is an excellent tutorial for beginners! I am way less confused after watching this video. The only confusing point I found was in the example-detail.html in exampleViewer, you mentioned example="example". What does the quoted example mean? I don't see where does it come from...

[@yuanzhang5515]

Same here. Did you find the answer? I guesed the first appearance of example should be another directive. But can't find it in app.js. In addition, the scope has file:'='', example:'='., which confused me as well

[@bzzzvzzze]

thank you so much, amazing tutorials :)

[@allenasher2100]

Curran, at 20:04 (kzbin.info/www/bejne/bHuTaaBnfZd1g6c), the term 'countries' is used twice: once for the injected service and once to refer to the json data structure returned from calling the service list method. Might it not be better to give the json data a different formal parameter name? Thanks for a great pair of tutorials!

[@mansukhdeep]

***** That problem you mention in example 43 of the "United States of America" country link not showing as visited only happens on the Chrome browser. With Firefox, it works without a hitch. Why?

[@w7geek]

Aloe blacc is wrong, you the man, Curran!

[@dougrchamberlain]

Great video!

[@JeanDAVID]

Really powerful !

[@ChandanSingh7929]

Best for beginners

[@bizarrochris]

Awesoime tutorial!!!

[@GilliamFlebus]

Example 37: does this still work if you first remove the trailing slash from the url?

[@dwhxyz]

Awesome - thank you :)

[@GrumpyCat007]

Good job!

[@jee_warriorz]

great tutorial!

[@lucaskane6751]

Hello, should I start learn MEAN stack, Angular-1-x ? Is it actual nowdays?

[@danyels0n]

Very helpful series. Thank you! Also, tags self close:)

[@egomezr]

danyels0n he is not using XHTML

[@7megas]

Great talk

[@narendramaddiguntla5574]

where i do see example viewer i cant get proper window

[@myibmaccount]

very well done. hopefully you get around to writing a book.

[@webprogramming2707]

thanks....very helpful :)

[@smartest_developers]

it is really good Tutorial and i have issue with data.filter . Data.filter is not function Can anyone please resolve this issue

[@swarajchhatre9086]

Amazing!!!

[@jitulove34]

good one...

[@mumtaz1132]

Very helpful

[@AniruddhaMishra]

How can I select countries name from a dropdown list using ng-options?? Can you please help..

[@SuperLalbabu]

very helpful....

[@icesystem7]

Ok..finally something clear, most of this things can be achived with jquery, ajax and php more easy and way more readable. AngularJs should be named "battery drainer and cpu killer for mobile" - by Google.

[@UltimateThrax]

Mike C i have no words for that comment. obvious troll.

[@icesystem7]

BlackAnthrax no worries kid eventualy you will grow up.... hopefully less dumb.

[@ziajunaidi2023]

great examples. but you are talking only about fetching data. what about submitting json data

[@jyotibarasker2792]

nice video sir

[@ruchit_kadakia]

thanks mahn !

[@tsamarskiy]

Thank you

[@cugoman]

Hi there, I having this error: Error: [$injector:unpr] when trying example 34 (not in github) I suspect the routing path could be wrong for some reason. Anyone knows the why?

[@RadhwenKhliee]

+cugoman Have you found what the problem was ? Could you please help me ... I'm facing the same issue

[@cugoman]

+Radhwen Khliee hi Radhwen. sorry its been so long that i dont even remember the issue.

[@_benstr]

It would be great to expand your training video and app with another ~25 examples talking about posting/setting data back through $http along with form validation. Then expand into adding firebase.com or equivelent. You could use this open data set: www.firebase.com/docs/open-data/airports.html

[@maryam4071]

perfect...

[@bbheinz32]

"I don't know why it's called a factory....... but....... that's life."

[@marcellobacos]

Really helpful tutorials, but I must confess that I got lost from #47 and on...

[@pistoleta]

its me or it gets extremely complicated at the end? u_u , Great explanation though , good job!

[@parameshveersha]

+pistoleta _ especially after 40

[@SamiullahKhan]

Yes you are right, as soon as it reaches toward the directive, perception about angular changes that there is tough side in it.

[@billybobgeo]

Don't worry -- Directives are Passe -- it's all Components these days (since Ang 1.5)

[@JasonCtutorials]

suweet!

[@harikrushnadhanani6624]

Really nice bro.... Thanks help me a lot !!!!!! can i get your skype id? Thanks