Angular From Scratch: A Hands-On Introduction to Angular

"Angular From Scratch: A Hands-On Introduction to Angular, Directives, and Model-Driven Behavior"

Angular is truly an amazing tool for rapidly building powerful, maintainable apps. But because Angular introduces a number of new concepts at once, and because it's a full application framework, it includes a lot of parts and has a fairly steep learning curve. In this 2-hour session, we'll get you up the steepest part of the curve by understanding both the tech and the patterns/idioms (like MVC/MVW) behind Angular. We'll focus in on how to build Angular's essential Directives, plus how and why to use Angular's Services.

Prerequisites for following along with the session hands-on:
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.

Yeoman, Grunt & Bower are powerful client-side developer tools that will benefit you regardless of what framework you use. But they're especially helpful for allowing you to move faster in Angular. To make the most of our time, install Node.js, then follow the instructions at yeoman.io to install Yeoman, Grunt, Bower, and the Angular Generator. Create a test application using the generator, just so you can make sure everything's working, and get familiar with the folder structure. Be sure to try 'grunt server' so that you can enjoy the auto-refreshing Chrome window that shows your work.

Watch this space: we'll be posting a repository or two containing some additional demo projects, at some point before the event. Clone those repos using Git, and be ready to work with them. (FWIW, SourceTree is an excellent free tool for making Git easier to work with, as is the latest GitHub Client application. I recommend you keep both of them around for visualization purposes, even if you're a command-line commando.)

You'll need a solid foundation in Javascript, HTML, and CSS to make use of this session. Read a quick introduction to the MVC (or MV-Whatever) pattern, if you haven't used it before.

Be patient and flexible: we're going to try to pack an awful lot of content into a short time, and for Free! It might not be possible for you to keep up with every example we do. That's OK. You should still learn a ton.

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, the world's largest offline DataViz community. He has spoken (or will soon) at several Conferences and Meetups that were foolish enough to let him in, including JSChannel New Delhi, NationJS, JSChannel Bangalore, and MoDevEast. He writes about the above - and variations thereon - at christianlilley.com.

Join or login to comment.

  • Chris K.

    Missed this, but would love to join the next similar meetup. Just ramping up as a newbie to Angular.

    January 15, 2014

  • Christian L.

    Thanks, Antonio! I just uploaded an edit to the section on services, including the .service() convenience method for defining them. Also, the demo files remain available at https://github.com/xmlilley/ng-d...­ . I've added all three (or six) major variations in service definition to 'templates-app.js'.

    November 15, 2013

  • Meetup C.

    All, here are the slides from last night'­s presentation that Christian had mentioned. Video will be available some time soon. You will be notified by your meetup organizer. http://www.­slideshare.­net/xml...

    November 14, 2013

  • Wayne H.

    guys, someone knows where to download the ppt last night ?

    November 14, 2013

  • Chris S.

    Great intro, helped me fix a first app I'm working on, but have *much* to learn -- a good thing.

    November 14, 2013

  • Jason M.

    Excellent presentation - very approachable, and a good first insight into the "Angular way" of building.

    November 14, 2013

  • doug

    Thanks for the Angular intro and beer!

    November 13, 2013

  • Jeremy D.

    Wow. We, uh, underestimated the turnout. Thanks for hanging in there and thanks to Chris and Optoro for the extra space.

    1 · November 13, 2013

  • Josh F.

    Crazy packed already! Excited for this...

    November 13, 2013

  • Dave M.

    I'm stuck at work so I can't make it after all…will you be posting the presentation afterward?

    November 13, 2013

  • Matt H.

    I hope I am not the only .net guy there

    1 · November 13, 2013

    • Jason M.

      Assuming wait listers get admitted, you won't be...

      November 13, 2013

  • Ming

    Looking to learn Angular

    November 13, 2013

  • Marcus H.

    Still coming

    November 13, 2013

  • krishna

    Looking forward to the meetup.

    November 13, 2013

  • Levent G.

    Excited to be there, looking forward to meeting fellow angularians!

    November 13, 2013

  • Bhaskar

    Something urgent came up in the last minute, so would not be able to attend. :(

    November 13, 2013

  • Rich H.

    I will be there with a guest

    November 13, 2013

  • Christian L.

    Hi, All-
    Our demos for tonight: https://github.com/xmlilley/ng-d...­

    November 13, 2013

  • Anand R.

    Still going.

    November 13, 2013

  • Vik S.

    When are you guys posting the link to the Git repos?

    November 13, 2013

  • Joseph Hendra G.

    Please save some space for me, I'm on waiting list :(

    November 13, 2013

  • E A.

    I will be there

    November 13, 2013

  • Josh H.

    I will be there

    November 13, 2013

  • Nick N.

    going going!!

    November 12, 2013

  • Jose G.

    I'll be there.

    November 12, 2013

  • Bob K.

    I'm still going!

    November 12, 2013

  • Jason T.

    I'll be there

    November 12, 2013

  • Dushan B.

    Still going

    November 12, 2013

  • Mark W.

    Yup, still going.

    November 12, 2013

  • Tamil

    I'm Waiting :)

    November 7, 2013

  • Nick N.

    I am going!

    October 31, 2013

Our Sponsors

People in this
Meetup are also in:

Create your own Meetup Group

Get started Learn more
Katie

I'm surprised 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

Start your Meetup today

Act now and get 50% off.
Until February 1.

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