学习web前端开发，需要掌握哪些知识?
可以按照我的教学框架学习，能都掌握也就满足企业目前的人才需求。
一、PC端页面重构
1、认知行业、岗位、部分专业术语，就业趋势与行业未来展望；
2、HTML5核心元素及布局应用；
3、CSS3核心属性及布局应用；
4、图形、图像软件的使用（PS,FW,AI）；
5、浏览器兼容及解决方案；
6、图片整合、滑动门及宽高自适应等应用技术；
7、初步接触Javascript。
二、PC端交互开发（原生JS）
1、Javascript基础语法和变量、控制语句、循环语句、函数、事件处理、数组、常见排序算法；
2、DOM操作和BOM操作；
3、定时器、Cookie本地存储、内置对象、正则表达式、闭包、JS面向对象语法、JSON、堆栈结构；
4、Ajax动态读取数据、异步操作、与DOM、JSON的结合使用；
5、各种主流浏览器兼容性处理；
6、单例、工厂、代理、观察者等设计模式；
7、ECMA6.0新特性介绍。
三、PC端交互开发（JQuery）
1、初识jQuery、jQuery的优势、jQuery框架核心功能、容易混淆的几个概念；
2、jQuery各种选择器的使用，及选择器的应用优化；
3、Dom节点操作、插入、删除、复制、移动节点等操作；
4、事件处理、事件处理模型、事件处理机制、jQuery事件封装机制、jQuery事件应用；
5、jQuery中的动画、动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题；
6、表单开发，设计可用性表单、表单验证、增强型表单；
7、Ajax、XMLHttpRequest 基础、jQuery Ajax、工具函数、缓存；
8、在jQuery中编写插件、插件扩展、插件应用、jQuery.pagination分页、jQuery.qtip信息提示、jQuery.artDialog弹出层、jQuery.jscrollpane滚动条
9、理解模块式开发，以及requirejs插件的使用。
四、PC项目实训
1、前端开发框架-Bootstrap；
2、CSS预处理器-SASS；
3、分布式版本控制系统-GIT；
4、了解项目需求，项目流程；
5、了解项目管理，模块分配，项目时间预估；
6、了解产品周期，参与团队协作；
7、综合运用HTML+CSS,JS,JQ, Bootstrap,SASS,JQUERY UI, jquery easyui等技术，完成大型PC端项目开发。
五、HTML5+CSS3 精讲
1、HTML5与HTML4的区别, 表单域增强元素；
2、CSS3选择器, 文字与字体相关样式；
3、CSS3中的变形处理；
4、css3中的过度动画和关键帧动画；
5、弹性盒与媒体查询；
6、本地存储，本地缓存；
7、使用Canvas，svg绘制图形；
8、多媒体播放器开发 、workers。
六、WebAPP开发
1、移动端切图（viewport/meta，.Rem/vw的使用，iconfont，flexbox详解，移动web特别样式处理）；
2、页面交互（Tap，touch，ECMAScript 5，ECMAScript 6）；
3、前端工程（gulp，webpack）；
4、移动端常用框架（css framework，Zepto，iScroll/lazyload，swiper）；
5、css framework + SPA framework + Zepto + iScroll + swiper 构建WebApp；
6、微信场景项目。
七、HybridApp 开发基础
1、Phonegap
1 ) HybridApp介绍(独立App项目，嵌入式App项目，嵌入微信项目)
2 ) 工具与环境搭建
3 ) WebviewJsBridge(扫一扫，图像选择与上传，加速器，地理定位，通讯录，通知)
4 ) 构建，打包与发布
5 ) Hybrid里页面测试
2、微信接口开发
1 ) 熟悉WebAPP嵌入微信流程
2 ) 本地开发环境搭建与测试
3 ) JS-SDK使用
4 ) WebAPP X5浏览器兼容
八、Angular+ionic 框架
1、AngularJS
1 ) 基础知识（ng-app,Modules,Controller,$apply,$watch）
2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide)
3 ) 过滤器(date,limitTo,filter)
4 ) 表单(NgModelController，表单验证)
5 ) 服务（自定义服务，Angular提供的服务：$log,$timeout,$q,$http）
6 ) 其他（Controller as 语法，安全的依赖注入方法）
7 ) directive（指令，组件）
8) ng-router
2、ionic基础
1 ) ionic css布局
2 ) ionic js指令布局
3 ) ionic路由 页面切换
4 ) ionic-tabs
5 ) ionic侧边栏ion-side-menus
6 ) ionic列表 ion-list
7 ) 上拉下载更多与下拉刷新