thescientist13/angular2-typescript-poc

An Angular2 / TypeScript / SystemJS / Gulp POC

Hello there 👋

I find myself most passionate about helping people learn about technology and how it can help improve their process and workflows. I like to do so through software projects that are well designed, tested, performant, and maintained in a way that advocates for great experiences for all involved. I like to write and speak on a variety of topics, but also love talking about, and getting lost in some code, just as easily.

These days I'm happily mixing it up and focusing on open source and the web. Would love to hear what you're up to, too!

• 🔭 I’m currently working on Project Evergreen and Greenwood
• 🌱 I’m currently learning about SSR and Web Components and Serverless SSG
• 👯 I’m looking to collaborate on web standards (WHATWG, TC39, NodeJS WGs, etc)
• 🤔 I’m looking for help with anything you see in my profile. Contributary I think is a fun project!
• 💬 Ask me about getting started with web development!
• 📫 How to reach me: Twitter, LinkedIn, Blog

angular2-typescript-poc's Issues

all dependencies should come from a package manager

Currently, dependencies are being loaded off of CDNs and through package management. This should be changed

clean up package.json and config.js

once the POC has achieved a desirable "stable" state, config.js and package.json should be cleaned up so only the needed dependencies are installed

add unit testing

https://angular.io/docs/ts/latest/guide/testing.html

update POC to be like Tour of Heroes

https://angular.io/docs/ts/latest/tutorial/

investigate using JSPM instead of NPM

integrate repo with a CI server

use GitHub PR builder to run a build against all incoming PRs

use gulp instead of NPM scripts

transpile typescript instead of doing it in the browser

Using a gulp task to watch .ts files and transpile them into ES5

complete advanced Tour of Heroes tutorial (Crisis Center)

• https://angular.io/docs/ts/latest/guide/hierarchical-dependency-injection.html
• https://angular.io/docs/ts/latest/guide/server-communication.html
• https://angular.io/docs/ts/latest/guide/pipes.html
• https://angular.io/docs/ts/latest/guide/router.html
• https://angular.io/docs/ts/latest/guide/structural-directives.html

add SASS as a CSS preprocessor

add production build capabilities

1. linting
2. styleguide check
3. concat / minification
4. output to a dest/ folder
5. unit testing

should be done after #5