零基础想学习web前端？这套教程是你正在苦苦寻找的吧
不过，天下事难则不会，会则不难，你只需要掌握11项技能就可以成为web前端“大拿”
一、入门必备的技能：
第1项技能：html超文本标记语言：
技能要点：
html文件的结构
html文件的编写方法
html基本标记
文字与段落标记
框架
使用表单
xhtml页面结构
第2项技能：javascript脚本
技能要点：
javascript基本语法
流程控制
函数
对象与数组
程序调试与错误处理
事件处理
处理文档对象
文档对象模型
window窗口对象
第3项技能：css网页样式布局
技能要点：
css定位与div布局
div 标记与 span 标记
css+div美化与布局
css与javascript的综合应用
css与xml的综合运用
css与ajax的综合应用
二、晋级提升必会的技能
技能要点：
html5语法
新增的input输入类型
新增的form元素
html5音频与视频
html5多媒体技术
web存储
websql混合开发
workers多线程处理
第5项技能：常用javascript框架
技能要点：
jquery框架
prototype框架
yui框架
extjs框架
dojo框架
第6项技能：javascript ajax应用
技能要点：
javascript的常用对象
dom文档对象模型
xml请求与响应
json
post/get请求
第7项技能：响应式web设计
技能要点：
range对象与selection对象
学会绘制图形
history api
css 3 模块与模块化结构
css3中的属性选择器
使用选择器在页面中插入内容
文字与字体相关样式
css 3中的变形处理
css 3中的动画功能
第8项技能：常用交互设计工具
技能要点：
流程图工具
导航设计工具
思维导图
原型设计工具
uml工具
站点地图工具
第9项技能：web交互设计
技能要点：
指示牌和面包屑
可用性测试
可访问性/级联样式表
第10项技能：网站信息架构
技能要点：
用户需求及其行为分析
信息架构基本信息
组织系统
标签系统
搜索系统
叙词表、受控词表，以及元数据
流程和方法论
设计和文件说明
第11项技能：rest软件架构
技能要点：
统一接口get/post/put/delete
识别资源
表述解析json/xml/html
查询
web缓存
条件请求
扩展性与版本控制
写到这里，给你送一整套web自学教程吧， 下面给大家简单介绍一下！
链接：https://zhuanlan.zhihu.com/p/80833145
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
html+css:
html进阶、css进阶、div+css布局、html+css整站开发、
javascript基础：
js基础教程、js内置对象常用方法、常见dom树操作大全、ecmascript、dom、bom、定时器和焦点图。
js基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、js制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
js高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
jquery：基础使用
悬着器、dom操作、特效和动画、方法链、拖拽、变形、jqueryui组件基本使用。
第二阶段：html5和移动web开发
html5：
html5新语义标签、html5表单、音频和视频、离线和本地存储、svg、web socket、canvas.
css3:
css3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、transition、动画、景深和深透、3d效果制作、velocity.js框架、元素进场、出场策略、炫酷css3网页制作。
bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、bootstrap常用模板、less和sass。
移动web开发：
跨终端web和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端javascript事件、手机中常见js效果制作、zepto.js、手机聚划算页面、手机滚屏。
第三阶段：http服务和ajax编程
web服务器基础：
服务器基础知识、apache服务器和其他web服务器介绍、apache服务器搭建、http介绍。
php基础：
php基础语法、使用php处理简单的get或者post请求、
ajax上篇：
ajax简介和异步的概念、ajax框架的封装、xmlhttprequest对象详细介绍方法、兼容性处理方法、ajax框架的封装、ajax中缓存问题、xml介绍和使用。
ajax下篇：
json和json解析、数据绑定和模板技术、jsonp、跨域技术、图片预读取和lazy-load技术、jquery框架中的ajaxapi、使用ajax实现爆布流案例额。
链接：https://zhuanlan.zhihu.com/p/80833145
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
第四阶段：面向对象进阶
面向对象终极篇：
从内存角度到理解js面向对象、基本类型、复杂类型、原型链、es6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征：
继承性、多态性、封装性、接口。
设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段：封装一个属于自己的框架
框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充：
jquery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段：模块化组件开发
面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程：
amd设计规范、cmd设计规范、requirejs，loadjs、淘宝的seajs。
第七阶段：主流的流行框架
web开发工作流：
git/svn、yeoman脚手架、npm/bower依赖管理工具、grunt/gulp/webpack。
mvc/mvvm/mvw框架：
angular.js、backbone.js、knockout/ember。
常用库：
react.js、vue.js、zepto.js。
第八阶段：html5原生移动应用开发
cordova：
webapp/nativeapp/hybirdapp简介、cordova简介、与phonegap之间的关系、开发环境搭建、cordova实战（创建项目，配置，编译，调试，部署发布）。
ionic：
ionic简介和同类对比、模板项目解析、常见组件及使用、结合angular构建app、常见效果（下拉刷新，上拉加载，侧滑导航，选项卡）。
react native：
react native简介、react native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和ui组件、原生常用api。
html5+：
html5+中国产业联盟、html5 plus runtime环境、hbuilder开发工具、mui框架、h5+开发和部署。
第九阶段： node.js全栈开发：
快速入门：
node.js发展、生态圈、io.js、linux/windows/os x环境配置、repl环境和控制台程序、异步编程，非阻塞i/o、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、http服务端与客户端、http://socket.io。
web开发基础：
http协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的node.js开发web应用程序、web开发工作流、node.js开发blog案例。
快速开发框架：
express简介+mvc简介、express常用api、express路由模块、jade/ejs模板引擎、使用express重构blog案例、koa等其他常见mvc框架。
node.js开发电子商务实战：
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车，订单结算、在线客服即时通讯模块。
欢迎加入新建的q群：600610151，不管你是小白还是大牛我都欢迎，希望大家诚心交流！
还有大牛整理的一套高效率学习路线和教程与您免费分享，与企业需求同步。
好友都在里面学习交流，每天都会有大牛定时讲解前端技术!