Full Stack

ES6 isn't natively supported by all Browser yet, or at least not all Features are. It's important to know which Features may or may not be used. This compatibility chart should be helpful to you: https://kangax.github.io/compat-table/es6/

Angular Language Service Extension: https://angular.io/guide/language-service IntelliSense for CSS class names in HTML: This class scan your workspace look for CSS class and then provide autocomplete in HTML template. https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion TSLint Extension (Typescript Lint): TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. https://marketplace.visualstudio.com/items?itemName=eg2.tslint Prettier – Code Formatter: VS Code package to format your JavaScript / TypeScript / CSS https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Git History: Anyone who uses Git this will more useful. https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory Path Intellisense: That autocompletes filenames. https://marketplace.visualstudio.com/items?itemName=christian-...

Placeholder images: http://lorempixel.com/ Text:  http://www.blindtextgenerator.com/lorem-ipsum Fake Online REST API:  http://jsonplaceholder.typicode.com/

A curated collection of useful CSS snippets you can understand in 30 seconds or less. Link

Load images only when they are in (and remain in) the viewport — in only about 350 bytes of javascript. <img class="lazyestload" src="images/placeholder/sunset.jpg" data-src="images/sunset.jpg" > <script src="js/lazyestload.min.js"></script> </body>

https://en.wikipedia.org/wiki/Usage_share_of_web_browsers