AngularJS Directives - Basics Tutorial aka Bouncy Balls

2,760 views
Skip to first unread message

Lukas Ruebbelke

unread,
Apr 17, 2012, 7:15:11 PM4/17/12
to ang...@googlegroups.com
I finally finished my write up on AngularJS directives after some great help from Misko, Igor and Thomas Burleson.

The post is here

http://onehungrymind.com/angularjs-directives-basics/

I started with a super simple application and iterated over it until I had to variations of the directive.

I hope it is helpful and I welcome any feedback on how I could have made it better. Cheers!

Misko Hevery

unread,
Apr 17, 2012, 7:54:27 PM4/17/12
to ang...@googlegroups.com
AWESOME!


--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/ih6HoOQXDE0J.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

Carles Serrano

unread,
Apr 17, 2012, 8:11:12 PM4/17/12
to ang...@googlegroups.com
I love your post 

They should put it on a video tutorial. It introduces so many conceps so easily.

 Great job.

Carles.

P.D. The only think I would change would be moving the 'animator' function inside the 'AnimateCtrl' to avoid having it inside the global space. Again great post. 

Chris Oman

unread,
Apr 17, 2012, 11:28:50 PM4/17/12
to ang...@googlegroups.com
In Act Two: Enter AngularJS, under the JavaScript code, you wrote
Here we instantiate the module and give it a name of animate-app.

Did you mean that to say "animateApp" instead?

Lukas Ruebbelke

unread,
Apr 17, 2012, 11:46:00 PM4/17/12
to ang...@googlegroups.com
Thanks Carles!

I agree with your suggestion completely. Stay tuned for another update concerning the animator function... it is going to be good.

Lukas Ruebbelke

unread,
Apr 17, 2012, 11:47:02 PM4/17/12
to ang...@googlegroups.com
Good catch Chris! Post updated.

javierp...@gmail.com

unread,
Apr 18, 2012, 5:37:13 AM4/18/12
to ang...@googlegroups.com
Is not possible to do reference for this great tutorial and others similar on doc-next angular documentation?

Great job Lukas.



On Wednesday, April 18, 2012 1:15:11 AM UTC+2, Lukas Ruebbelke wrote:

Johan

unread,
Apr 18, 2012, 5:42:05 AM4/18/12
to ang...@googlegroups.com
Wow - that is an excellent article. More please :)

Vojta Jína

unread,
Apr 21, 2012, 3:33:40 PM4/21/12
to ang...@googlegroups.com
Awesome dude. Do you have Angular t-shirt already ?

V.


--

Alex Nertus

unread,
Apr 22, 2012, 5:21:14 AM4/22/12
to AngularJS
http://onehungrymind.com/angularjs-directives-basics/

Please, remove double "var now = new Date().getTime();" declaration in
"Act Three: Animate!" step.

Lukas Ruebbelke

unread,
Apr 23, 2012, 2:08:11 AM4/23/12
to ang...@googlegroups.com
Thanks Alex for the catch! Updated.

Dan71

unread,
Apr 23, 2012, 2:52:56 PM4/23/12
to ang...@googlegroups.com
Great screencast! I'll keep watching and many thanks!


On Wednesday, April 18, 2012 1:15:11 AM UTC+2, Lukas Ruebbelke wrote:

shridha...@gmail.com

unread,
Jul 24, 2012, 7:50:34 AM7/24/12
to ang...@googlegroups.com
I get a 404 error when trying to open that link. In fact, I am unable to visit any page other than the homepage of  http://onehungrymind.com All give a 404 error.
Reply all
Reply to author
Forward
0 new messages