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

Code at github.com/curran/screencasts... An introduction to Angular.js covering single-page-app concepts, related libraries and angular features by example. This installment (part 1) covers 36 of the 50 Angular examples. Part 2 covers the rest • Introduction to Angula... Examples start at 11:30 in the video.
If you appreciate this work, please consider supporting me on Patreon www.patreon.com/user?u=291624...
This lecture was given by Curran Kelleher at the University of Massachusetts Lowell on March 6, 2014 as part of the undergraduate course GUI Programming II taught by Professor Jesse Heines.

[@daixtr]

One in a billion kind of personality in the approach to explaining things very clearly. This is the first tutorial I have seen that has so much care and dedication to explaining things honestly.

[@InsaneMetalSoldier]

This video made me wonder how could I live for so long without Angular! Thank you so much, starting to study it very seriously!

[@jasonlough6640]

Every time I sit down to watch this I learn something new and have to go try it then I end up playing with it for an hour and never finish the video. Awesome and exciting stuff man, keep at it.

[@danpride2804]

This is the best youtube tutorial I have ever watched. I am a 25 year professional, Lynda.com etc heavy user. More, give us more please ! and Thank YOU.

[@gregmeldrum]

Thanks Curran for taking the time to put this together. The way you've chained together the examples in small incremental steps makes it easy to learn. Well done!

[@martuzakhadri6500]

Best examples for who ever starts angular js projects ...it helps me alot

[@babusubramanian]

This is easily the best video for learning the fundamentals of AngularJS. This guy knows how to teach. Hats off Curran!

[@coburnberry1641]

This is the angular introduction I've been searching for

[@statequest]

Best lesson on Angularjs that I've seen yet. Straight to the code. Easy to understand. Great video. Looking forward to part 2.

[@Iulyanho]

This is by far the best Angular JS tutorial i've seen. I got hooked up with angular a few days before and didn't find any other tutorial that is so well explaind and easy to understand like this one. Thank you for sharing this and keep up the good work. Best wishes!

[@ToddLinnertz]

Very nice Angular.js tutorial - looking forward to part 2.

[@kamranbarakpour257]

Simply the best Angular tutorials for beginners,helped me a lot.Thanks Curran!

[@JonCaris4]

Awesome presentation. It really helps to have sequential examples explained clearly. Thank you!

[@claudiafrers8923]

You have become my #1 favorite intro to Angularjs. I've been Angular obssessed for over a year now. This bitesize of presenting the language makes it accessable to a much larger audience. I will be refering to this screencast to all my curious friends.

[@claudiafrers8923]

EDIT:This bitesize manner of presenting

[@raminmdn]

I came across different types of tutorials for angularJS (about 20 of them) and this video is the best one so far. Thanks a lot and please keep on making such tutorials.

[@raajbang]

Great kickstart on Angular JS, Thanks for making AJ simple Curran!!!

[@plumber617]

I really like the idea of starting from simple then to the more complex ones. Great presentation.

[@joesurf4948]

Great work - looking forward to part 2!

[@plouf1969]

Thx Curran for this video and especially for all the work involved in putting together these 50 examples. It's so nice to be able to go back and forth to see how you refactor code in order to use Angular. Have been playing a lot with Knockoutjs a few years back and thought I should really get into AngularJS - with your video I now really got the right basics to convert my KO to A.

[@MrFurano]

Very clear tutorial! I knew absolutely nothing about AngularJs before watching this video. Now, I have some basic ideas. Thanks a ton!

[@jeehooahn9114]

Having many examples, as well as the same example in many different frameworks REALLY helps to drive the lesson and detailed differences home, giving someone inexperienced in the specific framework something very tangible to walk away with. Thank you. One of the best explanatory/introductory videos.

[@currankelleher]

Thanks!

[@agustinbs]

I have no word to express how thankful i am about this video. Amazing Presentation/tutorial. This video finally teach me AngularJS, and after the end of it, i was Writing and playing AngularJS very well. Thanks!

[@shibualexis]

This is one great overview tutorial I ever watched! Kudos Curran. Thanks a lot!

[@bela8896]

By far the best tutorial I've ever seen about AngularJS. Great Job! Thumbs up! I can't wait to see the second part.

[@ashitpranaygondane8419]

Amazing Curran !! Your presentation video is so clear & easy to understand. Thanks.

[@tonyjamesball]

Hi Curran, thank you so much for putting this tutorial together. You've open a whole new window for me!

[@browsermage]

Thanks for this walkthrough, it was a clean and good talk on AngularJS. I can really see myself use this as it brings so much to the table in a clean and easy way.

[@Colstonewall]

Great tutorial. Very thorough and well done, thanks a bunch.

[@ilanchen6583]

Wonderful put together, Curran. one of the best teacher I ever met, Cheers

[@apurvtiwari4923]

One of the best content I have found on Angular js so far :)

[@zivfriedman2312]

Amazinb intro, I started learning ng a few days ago for a project at work, and got into some blocking-issues, now I'm half-way into this part 1, and sooooo many of my questions are already ansewerd! Big Thank!

[@tpowell453]

21:20 - that's the best way to "step on" a variable I've ever seen. When you write real systems, NOT declaring them explicitly is no longer a blessing, but a curse. When you have naming collisions and you can't find it, you'll understand.

[@hemuslongue2529]

Thanks Curran for this excellent training. I was glued to this tutorial till I tried all the examples.

[@XRPL_]

awesome screen cast, tutorial and blueprint for using angular in various applications.

[@seba_arg]

by far the best introduction I've seen, congratulations

[@prettyprinted]

Great video. I love the example-based instruction!

[@AustinPerez]

Very well narrated and you have covered angular basics really well. Very easy to understand... Please keep up the good work !

[@joshuaott7278]

Wow this is definitely the best video I've seen on KZbin!!! Thank you very much!

[@derekfreeman1817]

Curran, great video. Thanks for making this easy to understand.

[@enyoc3d]

best, simplest MVC explanation ever - thanks!

[@TerenceKearns]

Best Angular introduction ever. Great job. Thank you very much.

[@kyle19421]

Great intro to AngularJS! Thanks for uploading.

[@AsianKingDeBrossard]

You're a very good teacher! I learned more here than in other tutorials! Good job!

[@boopisman3761]

Fantastic tutorial! One of the best I've ever seen. Loved the multiple examples. This video explained Angular to this newbie in a clear and easy to follow method. Thank you!

[@Froosties]

Thank you, this is gold for someone who wants hands on experience. Waiting for part 2 !

[@useyourname24]

Great tutorial and +1 for the 50 examples. I pick up on this stuff much quicker when I can really see it being used and explained at the same time.

[@adrianmobley6805]

This is a wonderful presentation. I'm new to JS, and I've learned a bunch from viewing this; I really like how you show the way that different JS libraries and frameworks solved a simple problem. I'm much more excited about JS and what it's capable of. I'll be sure to watch more of your videos. Thank you!

[@w7geek]

Amazing tutorial, Curran! Please, please, do post part 2 ASAP!

[@currankelleher]

Done!

[@fabiomiguel3]

Fantastic tutorial mate, Thank you so much. Keep rocking!!!!!!!!!

[@Alon77G]

Thank you! seeing such clear, well explained lecture helps so much.

[@fionamcandrew4974]

Great introduction to angular, really looking forward to the next instalment.

[@KentMarete]

awesome introduction. great tutorial. Thank you Curran

[@Aarmaxian]

Fantastically clear and well explained.

[@SebastienGalarneau85]

Wow... thank you ! I'm getting into the Mean stack and this is like a perfect intro to it since i had no idea of what Angular was able to accomplish !

[@2008suryan]

Hi Curran, Thanks for this tutorial. Nice explanation with clear examples.

[@eleaese]

Excellent speaker, well presented examples & tons of vital concepts. Looking for Part 2 soon. Thanks for sharing.

[@currankelleher]

Part 2 has arrived!

[@sachcharit]

brilliant video. simple, concise and good examples

[@markmoose81]

Hi, thanks for the excellent vid. I've been watching tons of vids but yours is the best breakdown i've seen by far!

This video is awesome! Just very plain and simple and very easy to understand. Good job!

[@aniltheblogger]

Awesome tutorial....straight forward and easily explained. waiting for part 2. Thanks a ton Curran

[@currankelleher]

Part 2 has arrived!

[@YanbBel]

Hi, Curran. Thank you very much for this examples. They are awesome!

[@ChamberOfDeath89]

Great introduction. Totally simple explained. Well Done

[@Rajdeep369]

really comprehensive resource on angularjs ... thanks for sharing...

[@swapthebest]

Gr8 work... very very nicely done.. Thanks for keeping it simple and unstandable

[@joydeeproy87]

Thank you so much for this great video. Its always better to learn by doing and keep on updating new features. Loved the way you explain.

[@emmanoelpatavary1969]

Thank you so much for a great tutorial. Looking forward to part 2 ! Please!!!

[@2011jiqbal]

wow this video is awesome. I came into is with some introduction to angular, but not a whole lot of understanding. I am only on example 16 yet, and i have learned so much. Thank you for posting this! I am so glad I found this on my path to learn angular js.

[@thecritique5464]

Fantastic and masterful presentation... best one on Angular

[@HassanKhan-ge8ik]

This tutorial is worth studying. Thank you !

[@yo1414]

Very nicely done - a great starting point for a beginner

[@manishkumarshr]

Just can't wait for the second part. Please get the lecture uploaded if you already completed it. :(

[@alestar22]

Great tutorial! Awesome idea to present the same example from pure JS apo to Angular.js. It makes crystal clear the concept of data-binding etc. Thanks again!

[@vivekmunna]

Great intro to Angular js...Thank you so much Curran... :)

[@dopier12]

Ok, the first four minutes tell me this is going to be interesting! Best introduction I've found so far on the subject.

[@bird271828]

Thank you for your video. I have to work on an old application written in AngularJS. This is very helpful.

[@anupmehta9504]

Superb tutorial.!! must watch for angular beginners Thanks Curran !!

[@vishnuprasad6319]

I was in search of angular js basics and this video is perfect..

[@MansoorOmari]

Great tutorial! The examples are very helpful.

[@Nowah1981]

Thanks for this, Curran!

[@Flip97rza]

Thank you Curran. I was looking for tutorial like this for long time. It was absolutely perfect. It helped me a lot. Big thumb up :)

[@violentdoggy]

Awesome video, thanks for the lesson!! Much easier to learn in bite size nuggets!

[@caprica2409]

Thank you and I'm waiting for next part!

[@MANDARAYAKADAM]

Very help full and easy to understand!

[@baronjokes]

Excellent and very informative. Thanks for sharing

[@ranjitkgupta]

Awesome introduction to Angular. Thanks a lot.

[@rajmc2107]

Curran... waiting for part 2 :-) plz upload it asap... Excellent tutorial

[@ibrooklyn27]

Hi Curran, It's Bunlong. I love your videos man. Keep it up !

[@currankelleher]

Bunlong Heng Thanks! Great to hear from you, hope all is well

[@caballerofelipe00]

Curran, great video! I find it very enlightening the baby steps method :)

[@YameenYasin]

Loved this @Curran Kelleher. This is awesome stepbystep tutorial man ! Cheers :)

[@sabihasyed9708]

thank you for such a wonderful video. your way of teaching is really awesome.

[@EricRobinson0374]

Great tutorial - Thanks Curran!!

[@PJCelis]

This tutorial is amazing. Thanks a lot for taking the time to make those 50 well thought out exercises.

[@TylerWaitt]

Dude. You are an incredible teacher. The video and the examples. I wish I had something like this for every other subject in life!

[@Phuberco]

Thanks for a great tutorial. Very clear, concise and packed with good info.

[@vasur8810]

Nice tutorial.. thank u curran.. waiting for part-2..

[@saneeshkv6271]

Hello Curran, its super introduction to Angular.js. Waiting for the Part2!

[@currankelleher]

Part 2 has arrived!

[@gantasravan]

Excellent Tutorial on Angular JS... Thanks to Curran Kelleher

[@rincy_mathew_1011]

Hi ... thank you so much for this wonderful tutorial/session!!

[@behzadgof]

Great job thank you. In case anyone has a problem to access the countries.json while using IIS, you would need to add the following to web.config: ......

[@airbridge8849]

This is an absolutely fantastic tutorial