"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.)
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.