大前端学习路线
导语:
Hi,你好呀!为了让你在学习 大前端 的路上少走弯路,我们准备了这份指南。让我们开始吧!
开发前准备
代码编辑器
工欲善其事,必先利其器
-
WebStom
WebStorm 是 jetbrains 公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与 IntelliJ IDEA 同源,继承了IntelliJ IDEA强大的JS部分的功能。
-
Sublime text
Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。它具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。
-
Visual Studio Code
Visual Studio Code 是微软推出的一款轻量开源编辑器,采取了和VS相同的UI界面,搭配合适的插件可以优化前端开发的体验。
代码调试
-
Chrome Dev Tools
版本管理
-
Git
-
SVN
编程基础
算法
数据结构
设计模式
HTML
HTML基础
HTML语义
CSS
CSS基础
Grid
Flex
响应式设计和媒体查询
- Bootstrap
CSS 预处理
JavaScript
ECMAScript
DOM
BOM
ES6
核心
-
函数:一等公民
-
内存机制
JavaScript 工作原理(一)——内存管理与四种常见内存泄漏的处理方法;
Java内存区域模型、对象创建过程、常见OOM; Java 栈和栈帧
-
编译
词法分析
语法分析
语义分析
-
运行时
执行环境(执行上下文)
作用域链
this
闭包
-
异步机制
-
高阶函数
-
原型 && 原型链 && 原型
函数式编程
前端框架(React && React Native)
框架基础
-
搭建环境
-
JSX 语法
-
Props && State
-
生命周期函数