Bookmarks

A comprehensive list of new ES features, including ES2015 (ES6), ES2016, ES2017, ES2018, ES2019

HTML5

CSS

• My favorite CSS hack
• Design Shack - CSS snippets and UI
• What’s the Deal with Margin Collapse?
• Under the hood: CSS & JS animation and how to optimize them
• Using a bunch of modern CSS to create a night mode for an app
• How to start with variable fonts on the web
• Level up your CSS selector skills
• A Reference Guide For Typography In Mobile Web Design
• If you really dislike FOUT, font-display: optional might be your jam
• New flexbox guides on MDN

Javascript

Sinon.js

• Stub dependecies with Sinon.js
• Excelling with Sinon.js
• Best Practices for Spies, Stubs and Mocks in Sinon.js
• Getting to 99.9% test coverage with Mocks, Stubs & Spies
• Testing Vue: note on Sinon & Vue DOM Event Handler

Coverage - istanbul

• Learn Istanbul

Vanilla JS

First-class functions

• First-class functions MDN

• JavaScript Weekly: An Introduction to First-Class Functions

• JavaScript’s Memory Model

• 4 Dangerous Problems in JavaScript Easily Solved by the Builder Design Pattern

• JavaScript Internals: Prototypal Inheritance

• Check out these useful ECMAScript 2015 (ES6) tips and tricks

• Here are examples of everything new in ECMAScript 2016, 2017, and 2018

• Understanding JavaScript Proxies by Examining on-change Library

• JavaScript — Object Oriented Programming using ES6

• Service Workers

• Javascript : Prototype vs Class

• Lazy Loading Images and Video

• Build a JavaScript Single Page App Without a Framework

• How to Use Webpack for Killer Refactoring

• The Best Explanation of JavaScript Reactivity

• How to Improve Your JavaScript Skills by Writing Your Own Web Development Framework

• 5 simple (?) algorithms for JavaScript Developers.

4. HTTPS/AJAX/REST API
   • API Directory
5. Optimization
   • Front-End Performance Checklist
   • Page Performance with Chrome Dev Tools
6. Vue.js
   • Vuex patterns
   • Vue render functions
   • Vue.js SEO Tips
   • Renderless Components in Vue.js
   • A Killer Vue.js Blog Demo: Launch in 2 Hours Tops
   • The Best Explanation of JavaScript Reactivit
   • Vue.js Tutorial: An Example to Build and Prerender an SEO-Friendly Site
   • 5 Tools for Faster Vue.js App Development
   • Getting Started with Vue.js Plugins [Production-Ready Example]
   • 7 secret vue patterns
7. React
   • React Performance – A Definitive Guide to Optimize Major Performance issues in React
8. Desgin
   • How to Design for the Modern Web

Node.js

NPM

• The Mystical & Magical SemVer Ranges Used By npm & Bower
• But what the hell is package-lock.json?