你一定要了解web前端由html、css、js三部分组成
我们要做的，就是通过阶段性学习，由浅及深一步一步地掌握它们
零基础的你，应该从这里学起：
第一阶段——HTML及CSS入门
熟悉HTML（5）常用标签和CSS（3）语法，理解盒子模型的各个组成。
能用不同方法实现九宫格布局。
对前端页面实现有初步了解，能够查询资料完成九宫格布局，并且不断的优化自己的代码，培养出良好的习惯。
第二阶段——常见WEB页面及自适应
初步了解移动端布局和内容自适应，熟练使用Bootstrap实现各种效果。
能够熟练使用第三方框架实现各种功能，并且能够理解Bootstrap 功能的实现，能找模仿实现出相同的效果。
第三阶段——企业官网
根据PSD图划分出各个模块进行开发，熟练使用Bootstrap进行布局，HTML代码 和CSS代码分离。
对项目构成有一个清晰的了解，并且能够独立负责一个项目，遇到问题可以通过搜索引擎找到解决方案。
第四阶段——Bootstrap、sass、less进阶
继续吸收新的实用知识同时巩固基础，熟悉Bootstrap的源码。
了解预编译语言的优缺点，通读Bootstrap中的栅格系统和导航栏部分的代码，并不依赖Bootstrap.，实现其效果。
这四个阶段完成后，基本上所有眼睛能看到的页面，你全部都能实现了
但是这样还不够，因为你现在能完成的只是静态页面，出去工作（假如有公司要的话），也只能做一个【页面仔】
如果要做一个正儿八经的web前端开发，那你还需要JS技能，为页面注入活力：
第一阶段——原生JavaScript入门
通过学习原生JavaScript,完成九宫格任务，对JavaScript有个基本的认识。
理解九宫格的需求，分解任务进行开发，功能完成后通过代码重构巩固原生JavaScript的学习。
第二阶段——业务逻辑的开发
原生JavaScript进阶，原生jQuery入门。
能够使用jQuery完成复杂的需求，初尝第三方插件。
第三阶段—— 与后端交互
学会通过AJAX实现与后端交互，获取并展示数据，对前后端分工有一定了解。
了解HTTP协议，会使用ajax异步获取数据，了解前端跨域相关知识，会使用ngnix反向代理
第四阶段——学习框架Angular
学习MVC框架：Angular 1.x ，并完成一个项目模块
对MVC框架有自己的理解， 能够读懂文档和熟练使用第三方插件，能够独立完成整个模块。
第五阶段——微信小程序
了解微信小程序的相关配置，微信SDK，并制作微信小程序。
了解敏捷开发相关流程， 通过合作，能够完成项目。
对微信平台的构成有一定认识，熟悉微信SDK的使用。
能够处理常见的API错误，熟练使用第三方插件和组件，独立负责整个模块。
第六阶段——升级你的框架
时代在召唤，升级你的框架，用新版本的前端框架完成你的项目
了解框架升级的目的和优点，能快速学习新框架并独立完成任务所要求的模块
第七阶段——复盘项目&&真实项目
骚年，通过前面任务和项目的学习，完成复盘项目，再参与一次真实项目，这里才是你的起点！
完成自己在项目所负责的模块，熟悉项目结构，代码出错能够迅速定位代码位置。
一阶段Html5+CSS3：主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less第二阶段JS交互设计：主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto
第三阶段Node开发：主要学习JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2
第四阶段前端框架：主要学习Vue基础、Vue进阶、TypeScript、React
第五阶段小程序+数据可视化：主要学习小程序基础、云开发、uni-app基础、数据可视化
第六阶段就业指导+项目提升：就业指导、企业面试复盘
web前端开发需要的学的东西在下面这张图
web前端学习哪些东西
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
如果您是零基础的话您可以按照顺序学习就可以的，先学习最基础的东西，有问题可以及时沟通。
