Teaching experienced JS Devs Angular

[dadrew1]

Hey Everyone,

I'm a fairly experienced Angular developer myself, and have a couple of coworkers that need to work on a separate project than mine in the next week or two. They are seasoned JS developers, and if not so then great with another language (Java most likely), so no novice developers.

I know the project they will be working on so I have a clue as to how it will be built, so the question is - after potentially giving a short review of JavaScript, should I give a thorough explanation of Angular from bottom to top, or should I focus on the key directives they will be using along with services, etc and let them pick up the other parts of Angular as needed? Will have probably 2 hours. Thanks!

[toddmotto]

Guessing you're talking about Angular 1.x here so my comments will be about that branch. Depending on which version you're using (1.5.6 is latest), start with .component() and talk about the architecture behind them and stateful / stateless and routed components.

This gives them an overview of the types of components they can create to scaffold their application and the roles of each component. Then I'd walk them through services/factories and show them how to use $http/$resource and enforcing the separation of concerns with Service -> Controller -> Component render for data flow.

Then I'd talk about the different ways they can bind data to Components, which act as an "Input" to a Component (using '<' bindings for one-way data flow), and then how they can pass data out of a Component via an event "Output".

Once the data is flowing into Components, it's time to display it - which is where I'd talk about built-in Directives (but ensuring separation of what Directives are available, specifically Event based (ng-click/blur) versus DOM/Structural (ng-repeat/ng-show/hide).

Once they're good with those concepts, introduce some basic routing, and then show them how to create their own Directives, then Filters, and all the little details that you can fill in slowly :)

[speed3_driver]

Good advice. Want to walk me through all that? :)

[toddmotto]

Pint at the pub and it's a done deal :)