xiangyutian / AFrontEndWebDevTour

『前端学习之旅』 A journey of learning front-end development.

AFrontEndWebDevTour

A journey of learning front-end development.

学习路线

入门

• 什么是前端
• 前端开发者所使用的技术
• 前端开发者是如何诞生的

1. 基础

• 工具
  • 编辑器
  • 浏览器
  • 调试工具
  • 辅助工具
• HTML
• CSS
• JavaScript 基础
• DOM
• HTTP
• 练习：写静态页面

2.进阶

• 练习：用原生 JS 写动态页面
• 后端：PHP/Java
• 数据库（MySQL）
• Ajax
• ES5, ES6
• Redux

3.实战

• 工程化
  • 依赖管理
  • 前端模块化
  • 前端构建工具
  • 编译工具
  • 单元测试
  • 自动化测试
  • Coding style
• 框架/库
  • jQuery
  • Bootstrap
  • 三大框架
    • React
    • Vue
    • Angular
• 移动端 web 开发
  • HTML5
  • CSS3
  • canvas
• 版本控制

4.延伸

• SEO
• NodeJS 开发
• 微信公众号开发
• React Native
• 小程序

5.厚积薄发

• 数据结构
• 算法
• 操作系统和计算机网络
• C 语言
• 一门静态编程语言，比如 Java

相关资源

指南

• front-end-handbook-2017
• MDN
• w3school

教程

• Front-End Web Development(The Big Nerd Ranch Guide)
• 阮一峰：ECMAScript 6 入门教程
• 廖雪峰的 JavaScript 教程

学习路线

• 零基础的前端开发初学者应如何系统地学习？
• Web 前端怎样入门？
• qiu-deqing/FE-learning
• 前端技能汇总 Frontend Knowledge Structure
• Learn these JavaScript fundamentals and become a better developer
• The 2018 Web Developer Roadmap

书籍

• 关于 JavaScript 的好书有哪些？
• 如果有人让你推荐前端技术书，请让他看这个列表：jobbole/awesome-web-dev-books

知识点

• 什么是 HTML5？
• 什么是 npm？

学习笔记

Front-End Web Development 学习笔记

React Native 学习笔记

小程序学习笔记

HTML 学习笔记

CSS 学习笔记

JavaScript 学习笔记