/ng2Challenges

Challenges to help you learn and understand the evolving Angular2 Framework.

ngChallenges

#Coding Projects Wiki for Angular2

Use Plunker to create shareable demo projects in Angular 2.

Current: alpha-25 plunk

I've found one of the best ways to struggle through a new framework is by trying out lots of basic demos, and looking at how other coders approach similar situations. Help contribute. Create your own challenges by adding a wiki page.

Challenges

Create the iconic TodoMVC Todo List in Angular 2.

Create a working TweetBox.

★★★☆☆ Create a dynamic star rater.

Create a chat client.

Make styled tabs.

Build a login form using Angular 2 Forms

Build a real-time search filter.

Build a model to understand how Injectors & hierarchy work in Angular 2 (@Ancestor, @Parent, @Children, @Descendants).

About

I've created a series of challenges, and feel free to add your own. Challenges include javascript setup, css styles and comments to explain and help.

The documents are fully editable. Fork your solution, complete or incomplete, and post the link to your solution below the challenge. The key to learning is to struggle, but struggling too much doesn't do any good. These solutions can help, letting other people see how what approaches or new features you used to reach different results.

Suggested solution posting format:

* ★★★☆☆<br> <!--completeness of solution-->
  [Demo Name](plnkr.co/link)<br>
  version: alpha-20
  YYYY-MM-DD Name/@twitter<br>
  Comments