原创 前端开发需要学习些什么？

许多前端初学者在一开始学习的时候，遇到的首要问题就是不知道如何规划学习内容。因为很多人连自己要学习的内容都不太清楚，那么，前端开发到底需要学习些什么呢？简单来讲，前端开发需要学习HTML5+CSS3、移动Web网页开发、JavaScript网页编程、Node.js与AJAX、Vue.js以及React.js等内容，下面我们来看看具体的学习内容吧~

 

第一阶段：HTML5 + CSS3

1、HTML5

浏览器与浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML、新增标签

2、CSS3基础

CSS基本语法规范、常用的选择器用法与技巧、复合选择器使用、数值与单位、文字文本样式、CSS3新增选择器

3、CSS3进阶

CSS盒子模型、CSS背景技巧、圆角/阴影/过渡、定位和浮动、伪类和伪元素、chrome调试工具、CSS高级技巧（精灵图、CSS三角、图标字体等）、常见布局技巧大全、网页开发规范以及流程、CSS企业级网页开发、网页开发常见问题以及解决方案、CSS常见兼容性问题以及解决方案、CSS3新增属性、Photoshop 切图、cutterman插件一键切图

第二阶段：移动Web网页开发

1、CSS3动画

CSS3的2D和3D变换、animation动画、炫酷页面开发（地图大数据热点图、大风车、旋转木马轮播图等）

2、移动端页面开发

传统布局的局限性、移动端屏幕介绍、移动端浏览器介绍、物理像素&物理像素比、真机调试、viewport视口、移动端技术选型、移动端主流适配解决方案、移动端特殊样式、百分比布局&流失布局、Flex布局优势、盒子父级常见属性设置、盒子子级常见属性设置、携程网Flex移动端页面开发、rem单位使用、rem适配、预处理器less、media媒体查询、淘宝flexible.js移动端适配、cssrem插件使用、cutterman二倍图三倍图切图、移动端页面开发流程与规范、京东移动端首页开发

3、Bootstrap

传统布局的局限性、移动端屏幕介绍、移动端浏览器介绍、物理像素&物理像素比、真机调试、viewport视口、移动端技术选型、移动端主流适配解决方案、移动端特殊样式、百分比布局&流失布局、Flex布局优势

第三阶段：JavaScript网页编程

1、JavaScript基础

基本输入输出方法、变量、数据类型、类型转换、运算符、流程控制语句、数组、函数、自定义对象、内置对象和常用方法、网页版小娜小项目

2、WebAPIs编程

获取页面元素的常用方法、页面中的事件和事件机制、操作元素的样式和属性、新增元素和移除元素、BOM操作大全

3、网页应用/网页特效

轮播图、页面放大镜、待办事项列表、购物车、tabs6、JSON7、其它常用网页特效

4、jQuery快速开发

jQuery的优势、jQuery选择器、jQuery中的动画、jQuery中的DOM操作、链式编程和隐式迭代、插件使用和制作、常见网页特效制作大全

5、面向对象编程

面向对象思想、创建对象、JavaScript中的对象深入理解、闭包原理以及使用场景、原型以及原型链深入剖析、作用域链深入分析、函数的调用方式及this指向总结、Class类、constructor、super

第四阶段：Node.js与AJAX

1、AJAX编程

AJAX的作用、原生AJAX3、同步与异步、http协议、AJAX的封装、jQuery的AJAX7、缓存问题及解决方案、跨域请求及解决方案、前端模板引擎

2、git

git历史、git与svn、git基本使用、git分支、git远程仓库、git冲突及解决方案

3、ES6

es6简介、新增语法、内置对象扩展、Promise、Async函数、解构、展开运算

4、Node.js基础

node.js环境安装、如何用node.js运行代码、Commonjs、模块化、模块与包、NPM7、CNPM和Yarn、核心模块使用、第三方模块使用、RESTFulAPI

5、服务端开发(Node.js)

静态和动态网站、http模块使用、请求响应原理、HTTP协议、处理页面请求、处理表单、会话技术(Cookie、Session)

6、MySQL

MySQL的概念、MySQL安装、建库和建表、增删改查语句、Node.js操纵MySQL

7、Express

express的概念、express的安装、后端路由、静态资源托管、中间件的原理、常用中间件、模板引擎、异常处理、Express常用API、RESTFulAPI

第五阶段：Vue.js

1、Vue.js基础

Vue实例、文本与属性绑定、计算属性computed、侦听器watch、Class与Style绑定、条件渲染、列表渲染、事件处理、表单输入绑定、Vue实例生命周期、开发Vue插件和模板过滤器、自定义指令、Vue组件系统、Vue过渡和动画、VueRouter路由系统、组件通信、axios请求库、VueCLI脚手架工具、VueDevTools调试工具、在Vue中操作DOM

2、Vue进阶

组件封装进阶、MVVM数据绑定原理、Render方法原理、$nextTick方法的使用、发布订阅模式

第六阶段：React.js

1、React.js基础

create-react-app脚手架工具、JSX语法、条件渲染、列表渲染和key、React组件系统、PureComponent、setState()、事件处理、表单处理、组件通讯、render-props、高阶组件、虚拟DOM和Diff算法、ReactRouter路由系统、Redux状态管理架构、axios请求库、AntDesign组件框架、CSSModules

完成上面前端开发需要学习的内容规划，大家就能配合常用组件库解决项目中的一些共性问题，满足前端开发行业中的常见需求，，能够达到中级前端开发工程师水平。如果前端感兴趣，现在就在下面申请试学名额，即刻开始体验前端入门在线课程吧~