web前端开发学习路径图

　第一阶段 WEB前端工程师课程

　　HTML语句，HTML页面结构、css语法、style属性、link和style标签、id属性、等HTML语句中的相关属性；
　　通过Dreamweaver制作出跨越平台限制和跨越浏览器兼容性的页面，掌握Dreamweaver成为Web前端工程是的关键。
　　浏览器兼容性问题处理:XHTML与CSS校验，XHTML校验器，CSS校验器；解决如：Chrome、Safari、firefox、opera 等主流浏览器的兼容问题。

　　第二阶段 WEB前端移动端+响应式布局
　　Bootstrap前端开发框架
　　Html语法规范、CSS语法规范、Less 和 Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具等；
　　学习CSS3属性，结合Html制作静态页面效果，如：元素阴影、圆角、transition、box-sizing、rgba、H5表单新增属性等；
　　移动端布局，测试环境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断等；
　　电商网站页面布局；企业级整站布局：主流新媒体网站、宣传类企业网站、展示类企业网站等，并结合学习HTML5+CSS3实现炫酷的移动端页面效果。

　　第三阶段 Javascript前端特效语句

　　JavaScript基础语法、数组Object、Function、String 和 正则表达式、常用内置对象、JSON、错误处理、面向对象高级编程；
　　JavaScrip的引入及插入位置、JS元素的获取及简单的函数引用、JS的页面输出及注释语句、变量及JS的数据类型、表单的简单应用及js的操作符等；
　　带参函数及数组的运用；数组及滚动条事件；js中对象的移动；js中盒子的移动；js中的鼠标及键盘事件等；
　　构造函数的基本知识；作用域的基本知识、原理与原型链；web开发综合案例；各种类库的使用熟悉各种类库的使用，并对其实现原理有一定了解；
　　JavaScript运动特效，精通JS运动特效技术，能完整实现各类网站动画特效JavaScript调试；精通JavaScript事件对象及事件的工作机制，并能完成各类 跨平台应用模块的开发；
　　浏览器对象、滚动条设置、窗口对象等；

　　第四阶段 jQuery与javascript前端实战课程案例
　　Jquery入门和实战jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
　　jQuery的基本语法；jQuery中的常用选择器；jQuery对于事件的处理；jQuery中的动画知识和应用；jQuery的文档操作；实现前端特效效果；
　　AJAX；1:AJAX的讲解；Web应用程序的解决方案；AJAX的工作方式；2：初始化对象；指定响应处理函数；处理服务器返回的信息；
　　异常处理机制；中文乱码问题及其解决方案；XHR对象的基本知识；JSON与XML的辨析jQuery中AJAX的使用；利用jQuery实现AJAX的效果开发；
　　DOM操作：前端开发的过程中,javascript极为重要的一个功能就是对DOM对象的操作，正则表达式等。
　　ECMAScript中的类和构造函数，JS+JQ前端实战演练；

WEB前端学习交流群20 103791667