JAVASCRIPT - about Gzip compression

What is Gzip and JavaScript compression at all:

http://wrzasq.pl/blog/serving-static-content-css-and-javascript-with-gzip.html

http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/

http://stackoverflow.com/questions/16883241/how-to-host-static-content-pre-compressed-in-apache

https://gtmetrix.com/enable-gzip-compression.html

WEBPACK - what is it Hot Module Reload, flags, process.env etc

Here is a good explanation what is Hot Module Reload:
http://matthewlehner.net/react-hot-module-replacement-with-webpack/

If you’re interested in a more in depth explanation of how it works, check out the answer to What exactly is Hot Module Replacement in Webpack on Stackoverflow.

http://webpack.github.io/docs/hot-module-replacement-with-webpack.html

http://stackoverflow.com/questions/24581873/what-exactly-is-hot-module-replacement-in-webpack#answer-24587740

webpack-dev-server --progress --inline

• --progress displays the compilation progress when building
• --inline adds webpacks automatic refresh code inline with the compile application

https://github.com/webpack/docs/wiki/cli

--profile 

--colors 

--watch 

--display-error-details 

--display-cached 

--content-base /src

Profiling

If you wish to have a more in-depth idea of what is taking how long, you can use the --profile switch. This will cause WebPack to display more detailed timing informations. Combine this with the switches above to get a very detailed message and information set, which will contain the timings of your modules.

The timing "keys"

factory: The time it took to build the module information.
building: The time that was spent building the module (loaders, for example).
dependencies: The time that was spent gathering and connecting the dependencies

Process.env:

Webpack configuration can be a CommonJS module and can pick up on environment variables via Node's process.env object.

AMD

https://webpack.github.io/docs/amd.html

RENT - online resources real estate rent in US

http://www.trulia.com/
http://www.zillow.com/
https://losangeles.craigslist.org
https://www.youtube.com/watch?v=xM5Rzh60ug4

REPORTING - JavaScript/TypeScript Report Visualization/Generator frameworks

This topic discused here:
http://softwarerecs.stackexchange.com/questions/26543/reporting-and-report-generation-for-a-web-application-nodejs-angularjs

Stimulsoft
https://www.stimulsoft.com/en/products/reports-js

CARS - cars fuel consumption comparison web sites

http://www.fuelly.com/car/volkswagen/passat/2013/zcontest/432851

VW Jetta, Golf, Passat 

5.6 L/km
2013 Volkswagen Passat TDI SE
2.0L L4 DIESEL Automatic Dual Clutch 6 Speed

BMW 320 ds only DISELS

7 L/km

AUTH0 ANGULAR 2 - github links

Steps in creating and running demo Angualr2 + Auth0:
1. Create account on Auth0
2. Create Application (download Angular2 + Auth0 sample code)
3. Add Allowed Callback URLs separated by comma for Prod and Dev e.g http://localhost:3000/, http://localhost:8080/, http://localhost:8081/ (if it is not set you will got an error on login: error invalid origin)
4. Create User with login password

4. Build for prod: npm run watch:prod
5. Build for prod: npm run server:prod
C:\Users\Andre\Downloads\AUTH0\auth0-angular2-sample\webpack>npm run server:prod

> auth0-angular2-webpack@0.0.0 server:prod C:\Users\Andre\Downloads\AUTH0\auth0-angular2-sample\webpack
> http-server dist --cors

Starting up http-server, serving dist
Available on:
  http://93.126.95.40:8081
  http://127.0.0.1:8081

5. Build for prod: npm run server:prod
5. Build for prod: npm run server:prod
5. Build for prod: npm run server:prod
5. Build for prod: npm run server:prod
5. Build for prod: npm run server:prod
5. Build for prod: npm run server:prod


auth0 pricing
https://auth0.com/pricing

auth0-angular2
https://github.com/auth0/auth0-angular2/blob/master/webpack/package.json

angular2-jwt
https://github.com/auth0/angular2-jwt

Real world Angular 2 app authentication
https://auth0.com/blog/2015/05/14/creating-your-first-real-world-angular-2-app-from-authentication-to-calling-an-api-and-everything-in-between/

JWT - JSON Web Token for auth0 authorization
https://jwt.io/introduction/

ENGLISH - sentence dictionary

http://sentence.yourdictionary.com/increasingly

WEBPACK vs ANGULAR-CLI

Straggling with Angular-CLI
https://medium.com/@martin_hotell/angular-cli-and-real-development-productivity-4ba3c1865eda#.wj4u6hjeh 

Webpack with Sean T. Larkin (John Papa etc) 
http://podplayer.net/#/?id=15461508

Yakov Fain
https://yakovfain.com/2016/05/06/starting-an-angular-2-rc-1-project/

Webpack vs Grunt & Gulp
https://medium.freecodecamp.com/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8#.3r2ikrwzq

TYPESCRIPT - TypeScript compiler explained: Anders Hejlsberg on Modern Compiler Construction

TYPESCRIPT - Anders Hejlsberg on TypeScript 2