《前端工程师技术 / 学习列表》

语言学习

• JavaScript

  • ECMAScript 6 入门
  • 你不知道的 JS (中文版)

• TypeScript (JavaScript 超集)

  • TypeScript 文档 中文 English

• Dart

  • Dart

指南

• JavaScript 风格指南
• React / JSX 风格指南
• CSS / Sass 风格指南
• CSS 视觉指南

精选片段

• 30 Seconds of JS(JS 精选片段)

• 30 Seconds of CSS (CSS 精选片段)

函数式编程

• 傻瓜函数编程

• JS 函数式编程指南

• 我眼中的 JavaScript 函数式编程

• JavaScript函数式编程

  一﹒二﹒三

数据结构

• 学习JavaScript数据结构与算法

设计模式

• 单例模式
• 简单工厂模式
• 观察者模式
• 适配器模式
• 代理模式
• 外观模式
• 策略模式
• 模版方法模式
• 中介者模式
• 迭代器模式
• 组合模式
• 备忘录模式
• 职责链模式
• 享元模式

WebVR

• WebVR API
• WebVR开发教程——标准入门
• 开发一款实时的 VR 应用
• WebVR 入门指南 (可能需要翻墙)

WebAR

• 实现一个简单但有趣的AR效果
• 前端WebAR实现简单版 pokemon Go
• 在 Web 上快速启动 AR (可能需要翻墙)
• Web 前端中的增强现实（AR）开发技术

WebRTC

• 使用 WebRTC 构建简单的前端视频通信
• WebRTC API
• WebRTC 的前世今生

Progressive Web Apps (渐进式Web应用程序)

• 什么是 PWA
• 下一代 Web 应用模型
• 简单介绍一下Progressive Web App(PWA)
• Progressive Web Apps 谷歌开发者

常用开源框架

• React 中文文档 English
• React Native 中文网 English
• Vue
• Angular

前端构建工具

• webpack 中文文档 English
• gulp

在线工具

• can i use(查看浏览器特性支持情况)
• ECMAScript 6 各浏览器支持情况
• 为浏览器量身定制的 Polyfills
• 前端清单(根据清单检查你的 Web 应用)

技术资源

• MDN Web 文档 (前端工程师最好的文档)
• 免费的编程书籍