Web Learning & Practices List

本文上承接 AwesomeReference: 程序员成长道路上的阅读学习资料工具集锦,子索引包含:

Overview | 概述

  • 2015-Modern Web Development: This is the script for a talk I gave at Google Dev Fest MN in 2015. It was meant to be a lighthearted history of web development and a commentary on its future.

  • 2015-我的前端之路:数据流驱动的界面: 笔者从 jQuery 时代一路走来,经历了以 BootStrap 为代表的基于 jQuery 的插件式框架与 CSS 框架的兴起,到后面以 Angular 1 为代表的 MVVM 框架,以及到现在以 React 为代表的组件式框架的兴起。

  • 2016-我的前端之路:工具化与工程化: 近年来,随着浏览器性能的提升与移动互联网浪潮的汹涌而来,Web 前端开发进入了高歌猛进,日新月异的时代。这是最好的时代,我们永远在前行,这也是最坏的时代,无数的前端开发框架、技术体系争妍斗艳,让开发者们陷入困惑,乃至于无所适从。

  • 2017-What is the Future of Front End Web Development?: What websites are being asked to do is rising. Developers are being asked to build very complicated things very quickly and have them work very well and very fast.


  • 2019-前端开发 20 年变迁史: 我们经历了前端的洪荒时代、Prototype 时代、jQuery 时代 、后 jQuery 时期、三大框架割据时代,这其中均是由国外开发者主导,直到如今的小程序时代,才是中国开发者独创的。

Front-end Leader | 领袖意见

Resource | 资源

Book | 书籍

Blog | 博客

  • 2018-How JavaScript works #Blog#: the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack.


  • Front End Interview Handbook: Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore.

  • Frontend Case Studies: A curated list of technical talks and articles about real-world enterprise frontend development

  • How JavaScript works #Series#: the series dedicated to exploring JavaScript and its building components.

  • 2018-Roadmap to becoming a web developer in 2018: Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops.

  • 2020-fe-interview: 前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上 5 点纯手工发布面试题(死磕自己,愉悦大家),3000+道前端面试题全面覆盖。

Course | 课程



  • 2015-todomvc #Project#: Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more.

  • 2015-Real World #Project#: RealWorld solves this by allowing you to choose any frontend (React, Angular 2, & more) and any backend (Node, Django, & more) and see how they power a real world, beautifully designed fullstack app called "Conduit".

  • ui-element-samples #Project#: A collection of UI element samples written with vanilla web platform features.

  • fbjs #Project#: A collection of utility libraries used by other Facebook JS projects.


Interview | 面试