looking-through.md

https://medium.com/javascript-scene/why-im-thankful-for-js-fatigue-i-know-you-re-sick-of-those-words-but-this-is-different-296fae0c888f [Javascript Fatigue](https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4 Why so many React-based projects? Why not Angular/Vue.js/XXX

* [AWS Well-Architected](https://aws.amazon.com/architecture/well-architected/)

• Ultimate Guide to Web Hosting / Web Hosting Beginner Guide

  • Defining Static Web Apps

  • Github Search (sort by stars, for JS)

• Intro

  • The Art of Command Line

  • The Bash Guide

    • Web Fundamentals

• Atom Plugins

  • Project Manager

  • todo-show / imdone-atom

  • Integration

    • GitHub for Atom
    • Build
      • AtomBuild
    • Markdown Preview Plus

  • Hack

• commitizen

• Docker for Mac

  • Generator - Yeoman

Useful Apps

• Playground

  • RunKit

    • Critical Path CSS Generator

  • CSS

    • Gradient - Ultimate CSS Gradient Generator

  • DevTools Timeline Viewer

CSS Features

• CSS-Tricks's CSS Almanac

• Learning

  • What is the Internet, How does the Internet work

  • Mastering CSS Principles: A Comprehensive Guide

    • Everything You Need to Know About the CSS will-change Property

    • CSS and the critical path

    • Evolution of Script Loading, Browser script loading roundup

    • Workshop - Codelabs - Real time communication with WebRTC

    • An Abridged Cartoon

• CSS Modules

  • CSSNext

  • Styled-Components

    • Writing your styles in JS ≠ writing inline styles

  • Aphrodite

    • Inline CSS at Khan Academy: Aphrodite

• Best Practices

  • Skeleton.css

    • BEM
      • BEM 101 / MindBEMding
    • OOCSS
      • An Introduction To Object Oriented CSS (OOCSS)
    • SMACSS
    • RSCSS, SOLID CSS, ITCSS
    • CSS Guidelines, MaintainableCSS

  • Code Style

    • Idiomatic CSS
    • Airbnb CSS / Sass Styleguide
    • Airbnb CSS-in-JavaScript Style Guide
    • CSS + HTML
      • Isobar Front-end Code Standards

  • Rendering

    • How Browsers Work: Behind the scenes of modern web browsers,
      How Browsers Lay Out Web Pages

• HTML / DOM

  • You Might Not Need jQuery, You Don't Need jQuery

  • HEAD

  • favicon

    • Service Worker Cookbook

Flexbox Patterns

Next Generation CSS

• JSS, Radium

  • flexbox grid system - Flexbox Grid

Next Generation JS

• ES6+ Features

  • Overview of ECMAScript 6 features
  • Babel REPL / ES6 New Features Comparison

• Intro to ES6+

  • Dr. Axel Rauschmayer's blog
    • Exploring ES6
    • Exploring ES2016 and ES2017
  • ES6 In Depth
  • Nicholas C. Zakas's Understanding ECMAScript 6

• Re-intro to JS

  * [JavaScript Regular Expression Enlightenment](http://codylindley.com/techpro/2013_05_14__javascript-regular-expression-/)
  

• Important Proposals

  • ES Modules

  Promise

  • Composing Software

  • Books

    • Professor Frisby's Mostly Adequate Guide to Functional Programming

  • Lodash's FP Guide

  • Introduction to Immutable.js and Functional Programming Concepts

  • Why Ramda?

    • The Philosophy of Ramda
    • Favoring Curry

• FRP (Functional Reactive Programming)

  • The introduction to Reactive Programming you've been missing

    • DefinitelyTyped, TypeSearch

https://medium.com/the-node-js-collection https://blog.risingstack.com

• Writing forward-compatible websites

  • Feature Detection - Modernizr/feature-detects, feature.js

  • Graded Browser Support - Grade components, not browsers

• ECMAScript

  • ECMAScript compatibility table
  • Node.js ES2015 Support
    • Node 8.x - V8 5.9, Ignition + Turbofan launched
    • Node 8.0 LTS - V8 5.8, Five New Features You Need To Know
    • Node 7.6 - V8 5.5, Async functions
    • Node 6.0 LTS - V8 5.0, 93% of ES6 language features
  • Performance - Six Speed

• Proposal Status

  • W3C WG (World Wide Web Consortium Working Groups)

    • Web Platform Publication Status
      • JavaScript APIs, Mobile Web Applications, CSS
    • CSS current work
    • Current HTML5 Specifications
    • Inside
      • W3C TR (Technical Reports)
      • An Inside View of the CSS Working Group at W3C

  • WICG (Web Incubator Community Group)

    • Proposals

  • WHATWG (Web Hypertext Application Technology Working Group)

    • WHATWG Live Standards
    • Inside
      • W3C vs. WHATWG HTML5 Specs – The Differences Documented

  • ECMA TC39 (Ecma International Technical Committee 39)

    • Status, process, and documents for ECMA262
      • ECMAScript Proposals
    • Inside
      • The TC39 Process / The TC39 process for ECMAScript features

http://developer.telerik.com

* Next Generation
    * [Launching Ignition and TurboFan](https://v8project.blogspot.hk/2017/05/launching-ignition-and-turbofan.html)

• Device
  • The Ultimate Guide To iPhone Resolutions
  • Device Metrics / Screen Sizes

Universal Utility Libraries

• OOP
  • Stampit
• Async
  • Callback - Async
• Storage
  • IndexedDB / WebSQL / localStorage / Memory

npm Ecosystem

• Small Modules
  • Hyper Modular / One-line Modules

    • Small focused modules

    • In Defense of Hyper Modular JavaScript

• Isomorphic JS / Universal JS

  • Isomorphic JavaScript: The Future of Web Apps

    • React in patterns

  • Lightweight Alternative

    • Preact

http://hood.ie/blog

• GUI Architectures

  • Comparison

    • Scaling Isomorphic JavaScript Code
    • Comparison of Architecture presentation patterns MVP(SC),MVP(PV),PM,MVVM and MVC

  • MVC - A, B, C

UI Toolkits

• CSS
  • Material Components for the web
  • WeUI
  • MJML / Foundation for Emails 2
• React
  • Material-UI / React Toolbox
  • Reactstrap / React Bootstrap
  • React Foundation
  • Elemental UI
  • React WeUI
  • React Desktop
  • React Native Web

Server-side Best Practices

• Restful API

  • Heroku's HTTP API Design Guide https://devcenter.heroku.com/articles/platform-api-reference

    Microsoft's API Design Best Practices, REST API Guidelines, \

    Principles of good RESTful API Design

  • Multitenant

    • Manage Identity in Multitenant Applications

  • An Introduction to OAuth 2

    • The OAuth Bible

https://auth0.com

• Weak Signature Algorithm
• Security

  • Security Guide for Developers

  • OWASP Top Ten Cheat Sheet

  • WebAppSec/Secure Coding Guidelines

  • Node.js Security Checklist

Microservices / API Services (Node.js)

• Microservices

  • Micro / Seneca

• DocGen + CodeGen

  • API Blueprint / Swagger / RAML
  • JSON Schema
    • Understanding JSON Schema
    • JSON Schema Based Editor
  • See Tooling > Documentation

• Scaffold / Boilerplate / Generator

  • nodecube (author's own project)
  • Nodal
  • Fuge
  • Botpress

Server-side Libraries (Node.js)

• Email - Nodemailer

  • RDS ORM - Sequelize

• DBaaS

  • In-Memory Key-Value NoSQL - Amazon ElastiCache

    • Redis - Compose / Redise Cloud / Heroku Redis

  • Document NoSQL - Amazon DynamoDB / Google Cloud Datastore

    • MongoDB - Compose / mLab / MongoDB Atlas
    • MongoDB ORM - Mongooose
    • CouchDB - Couchbase / Cloudant

  • Wide Column NoSQL - Google Bigtable

• HTML Traversing - cheerio, jsdom

• opencv

Cloud Services (Global)

  * Object Storage + CDN
    * Global

• Amazon S3 + CloudFront - aws-sdk / awscli

• Google Cloud Storage + Cloud CDN - google-cloud / gcloud

  • Logging

    • Global
      • Amazon CloudWatch / Google Stackdriver

  • CaaS

    • Amazon ECS / Google Container Engine

• Storage

  • Object Storage

    • Amazon S3 / Google Cloud Storage

    • SQL - Amazon RDS / Google Cloud SQL

      • PostgreSQL - Compose / Heroku Postgres
      • MySQL - Compose

    • NewSQL - Google Cloud Spanner

    • Queue - Amazon SQS / Amazon Kinesis / Google Cloud Pub/Sub

      • Kafka - Heroku Kafka
      • RabbitMQ - Compose

    • Analytics - Amazon CloudSearch

      • Elasticsearch - Amazon Elasticsearch Service / Elastic Cloud / Bonsai

    • Warehouse - Amazon Redshift / Google BigQuery

    • CMS

      • WordPress.com REST API / Contentful / DatoCMS / GraphCMS / Baasic
  • Auth
    • Auth0 / Amazon Cognito / Firebase Authentication
    • OAuth.io

• CSS / Style Guide

  • KSS (Knyle Style Sheets)
    • kss-node
    • SC5 Style Guide Generator
  • React Styleguidist

Toolchain

• PostCSS

  • PostCSS

• Compiler / Transpiler / Preprocessor

  • Setting up ES6

  • StyleLint

    • task automation with npm run,
      How to Use npm as a Build Tool

• GraphQL

  • Schemas and Types

    • GraphQL Schema Language Cheat Sheet

  • graphql-tools

  • graphql-anywhere

    • Graphcool Functions

• API

  • GraphQL
    • Learning
      • Learn GraphQL
      • Queries and Mutations
      • Playground - GraphQLHub
    • React Apollo, Learn Apollo

• Viewer

• GraphQL Voyager, GraphQL Docs, GraphQL Visualizer / graphqlviz / graphqlviz

• angular-cli

Cloud Services (China)

The evil twins inside the Great Firewall of China

https://www.aliyun.com https://cn.aliyun.com https://help.aliyun.com https://data.aliyun.com

https://www.qcloud.com

https://www.daocloud.io

https://help.jinshuju.net https://leancloud.cn https://www.wilddog.com

http://ce.baidu.com

http://www.geetest.com http://sendcloud.sohu.com https://www.yunpian.com https://www.pingxx.com/products https://lbs.amap.com/getting-started/map http://lbsyun.baidu.com https://meiqia.com https://www.oneapm.com http://www.tingyun.com https://alinode.aliyun.com