Angular From Scratch, Part Deux: A Hands-On Introduction to Angular Directives

  • March 19, 2014 · 6:15 PM

Back in November, we covered "Angular from Scratch", and provided a high-level overview of how to get up and running with Angular, plus introductions to all of Angular's key concepts. This time, we'll go deep on one of Angular's biggest and most important concepts: Directives. Directives are where much of the custom interface magic happens in Angular, including the lion's share of what people are used to doing in JQuery.

Prerequisites for following along with the session: You'll benefit greatly from exposing yourself to some critical Angular concepts in advance via the official Angular Tutorial, which can take as little as 20 minutes, depending on how closely you inspect what they're showing you. (In truth, it's more of a 'walk-through' than a 'tutorial', but it's a good way to see how Angular code evolves, and what it gets you.) Then, you might want to read the Angular Developer Guide on Directives.
If you want to view the content from episode 1 of "Angular from Scratch", you can find the slides on SlideShare.

Watch this space: we'll hopefully be posting a repository containing some additional demo projects on directives, at some point before the event. Clone those repos using Git, and be ready to work with them. 


Christian Lilley is a UI Architect and Happy Hacker at McKinsey Digital Labs, part of McKinsey & Co. He specializes in building data-driven client-side applications, featuring lots of data visualization. He also trains other developers there in making maximum use of client-side technology, especially Angular. Christian is Co-Organizer of Data Visualization NY, one of the world's largest offline DataViz communities. He has spoken at several Conferences and Meetups that were foolish enough to let him in, including ng-conf, JSChannel Conference, NationJS, and JSChannel Meetup Bangalore. He writes about the above - and variations thereon - at



* Opower is located 1 block from the Courthouse Metro (Orange Line)

* Parking is available in the building (pay to park); the garage closes at 10pm

Please plan to arrive no later than 7:15pm, the building has restricted access but Opower folks will be downstairs letting people up starting at 6:15pm. If you do arrive late, you can call Nick at[masked] to be let up. Take the elevator to the 7th floor and follow signs for the meetup.



6:15 - 7:00 Refreshments

7:00 - 7:15 Intro & Announcements

7:15 - 8:00 Presentation by Christian Lilley

Angular From Scratch, Part Deux: A Hands-On Introduction to Angular Directives

8:00 - 8:10 Break

8:10 - 9:00 Continue presentation, Q&A Session

Join or login to comment.

  • Christian L.

    I was asked about Angular classes the night of the Meetup. Turns out, is offering an online instructor-led Angular series, with a personal mentor, starting May 5. I haven't taken any of their classes, and can't vouch, but potentially a good opportunity for folks who are looking.

    March 26, 2014

    • Andy N.

      Nice, good to know.

      March 27, 2014

  • Levent G.

    Great preso! Thanks for the tips.

    March 24, 2014

  • Josh F.

    Good second part to an Introduction to Angular...

    March 21, 2014

  • Cristina L.

    Great seeing everyone!

    March 21, 2014

  • Chris S.

    Thanks for the great presentation, Christian. I was flummoxed in Part Un, but now am starting to get it with Part Deux. Looking forward to using this in an upcoming project.

    March 21, 2014

  • Christian L.

    Hi, all! Thanks for coming last night. Two resources for you: first my slides:

    Second, here is a list of UI Dev learning resources that a couple folks asked me to share. It's in no way comprehensive and utterly lacks a narrative, but it's a pretty good list of learning/teaching/training resources, particularly for those just getting started:
    (Please contribute!)

    Finally, we had an interesting conversation last night about angular.element()'s implementation of .on() and .bind(). element.on() is indeed now supported but without selectors or other JQuery features, which makes it mostly just an alias to element.bind(). .bind() is of course long deprecated in JQuery-land, but I can't find any evidence that the same is true for angular.element(). If anybody has a reference that says so, please share.

    March 20, 2014

    • Wesley C.

      I believe it is due to wanting to keep feature parity with jQuery, so as not to introduce a potential conflict - I want to say I read this somewhere, but I can't recall where or when.

      March 20, 2014

  • Nevin H.

    Another outstanding opportunity to learn this new fangled AngularJS

    March 20, 2014

  • Chris H.

    Any chance someone can let me up?

    March 19, 2014

  • david chico p.

    People are downstairs needing access to the 8th floor.

    March 19, 2014

  • Christian L.

    Hi, all. I'm your presenter for tonight! If you'd like to go all hands-on with the demos, clone the repo below. It's the same repo some of you might have already cloned for our first 'from scratch' event in November, only now updated with new/improved directives demos. Get it at:

    March 19, 2014

    • Jason M.

      Hey, Christian, glad to see you back in town, and I'm looking forward to the talk!
      Looks like you're be drawing another standing-room-only crowd, too.

      Do you happen to know if there are any plans for screencasting again tonight? I recommended this talk to a number of coworkers, and most of them couldn't sign up before RSVPs were closed...

      March 19, 2014

    • Christian L.

      Sorry, I have No Idea, and would need to punt that one to the organizers...

      March 19, 2014

  • Chris

    AAAAAND I got the date wrong. My bad.

    1 · March 18, 2014

  • Chris

    Is someone going to be coming down? The front desk guy is makin me wait outside.

    March 18, 2014

Our Sponsors

People in this
Meetup are also in:

Create your own Meetup Group

Get started Learn more

I'm surpris ed by the level of growth I've seen since becoming an organizer, it's given me more confidence in my abilities.

Katie, started NYC ICO

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy