Skip to content

Latest commit

 

History

History
55 lines (36 loc) · 2.23 KB

README.md

File metadata and controls

55 lines (36 loc) · 2.23 KB

Hands-On Angular 2

Purpose

This repository is used for my "Hands-On Angular 2" workshop.

The master branch contains a minimal setup to help you get started with Angular quickly without having to install all the dependencies manually (there are a lot of them).

Also included are some mockups that I created of a very simple mobile app with an overview and detail view, made using Ratchet. This way you can focus on trying Angular instead of designing all sorts of brilliant responsive grid systems :p.

All exercises are done in separate branches. The ones that provide useful solutions for future exercises are merged into the master branch.

Installation

  1. npm i
  2. bower i
  3. gulp watch

Currently assuming that you run your own local server. Probably I'll add a gulp solution for it soon.

Exercise ideas

You can create your own exercise during the workshop. If you need inspiration, here are a few ideas:

Level 1, "Can I play, Daddy?", the easiest

  • Build NgShow/NgHide (you can copy the code of the included Cloak directive to get started. basically you can rename the class and create a binding to toggle it.)
  • Build a directive for Ratchet toggles

Level 2, "Bring 'em on!", the default

Level 3, "I am Death incarnate!", the hardest

(Level names taken from Wolfenstein :-) )