Best NPM Packages

 Axios

Promise based HTTP client for the browser and node.js

JSONStream

Parses a json data as stream

Definition of Done Checklist

A story is fully done when the below phases are done.

Analysis (What)

1. Story Description: The story is detailed, what does it aim to achieve as the?
2. Story Scenarios: The edge cases of the story are detailed.
3. Story Conditions of the Acceptance is written in details
4. Story Review Session: The overall high level view of the story
5. Stories being sized in points regarding complexity e.g. 3, 5, 8 etc.
6. Story Kick off session: To go through the story details and all its edge cases and conditions of acceptance in details. All the questions should be answered at this phase.

Milestone:

The Developer will know exactly what the PO/BA would like to achieve.

Design (How)

1. The solution how to implement is proposed, discussed and agreed with the Architect/Lead dev.
2. Story Estimation: the story is estimated in more details
3. Smaller Tasks are created out of the design session

Milestone:

The Developer will know how exactly the story should be achieved and how long it'd take.

Development

1. The main scenario/edge cases are developed
2. Unit tests are written and pass
3. Component tests are written and pass
4. The PR is created
5. The code is built with no errors
6. Test coverage remains within limit.
7. The PR code is reviewed by peer devs
8. The PR demo is reviewed by peer UX/UI designers
9. PR feedbacks are resolved
10. PR is approved and merged

Milestone:
The Developer believes the story is fully implemented.

Testing (Quality)

1. Test cases and plans are written based on the story main and edge scenarios
2. Tests conducted and issues logged and reported.
3. Acceptance criteria is met
4. Issues are resolved.
5. Test cases pass successfully
6. Product owner signs off

Milestone:
The Tester believes the story is fully implemented according to the requirements and the Product Owner signs it off meaning ready for deployment.

Deployment

Milestone:
The Product Owner believes that the story has deployed to live.

EpiServer

Field Types:

• XHtmlString
• ContentArea
• ContentReference

Source Control Branching and Structure

Trunk

•          This is the master from which all feature branches are created.
•          Only check in to Trunk when a feature has been tested in RC and LIVE change request has been created and approved. 

Branches Folder

•          This folder contains multiple feature branches created from the trunk.
•          Once your branch is ready then merge it into RC if it’s going to be released next.
•          If it’s not going to be released next, then don’t merge it. Park it there.
•         Once the feature is merged and tested in RC and live release approved, then merge it with trunk.

Releases Folder

•          RC branch. This is the upcoming release candidate
•     Once RC gone live, create a new branch from it and put it under the Releases folder and name it like Release2.6 

Teamcity

·         Trunk

·         RC

·         Feature (optional for when a feature branch has a different release schedule but still needs to be tested)

SASS

Compilers:

• Web Workbench
• Web Compiler

Angular 2

Proxy: https://jjasonclark.com/how-to-setup-node-behind-web-proxy

Disable SSL:
npm config set strict-ssl false

Set Registry

npm config set registry "http://registry.npmjs.org/"

Proxy

npm config set proxy http://localhost:53128


npm config set https-proxy http://localhost:53128


npm config set registry http://registry.npmjs.org

Angular with TypeScript
https://angular.io/docs/ts/latest/quickstart.html

WebPack:

• https://github.com/AngularClass/angular2-webpack-starter
• https://github.com/preboot/angular2-webpack
• 
  

Angular 2

Proxy: https://jjasonclark.com/how-to-setup-node-behind-web-proxy

Disable SSL:
npm config set strict-ssl false

Set Registry

npm config set registry "http://registry.npmjs.org/"

Proxy

npm config set proxy http://localhost:53128


npm config set https-proxy http://localhost:53128


npm config set registry http://registry.npmjs.org

Angular with TypeScript
https://angular.io/docs/ts/latest/quickstart.html

Getting Started with VS2015
https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

MVC 5.0 with Angular 2.0

• https://ievangelistblog.wordpress.com/2016/01/13/building-an-angular2-spa-with-asp-net-5-mvc-6-web-api-2-and-typescript-1-7-5/

Plugins:

• http://www.primefaces.org/
• https://jtblin.github.io/angular-chart.js/
• https://github.com/angular/material2
• http://valor-software.com/ng2-charts/#top
• https://github.com/wealthbar/angular-d3
• https://github.com/chartjs/Chart.js