码迷,mamicode.com
首页 > Web开发 > 详细

web前端开发学习路径图

时间:2017-01-14 10:21:28      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:工程师   代码   标签   asc   表达式   企业级   jquery   构造函数   重要   

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



  HTML语句,HTML页面结构、css语法、style属性、linkstyle标签、id属性、等HTML语句中的相关属性;

  通过Dreamweaver制作出跨越平台限制和跨越浏览器兼容性的页面,掌握Dreamweaver成为Web前端工程是的关键。

  浏览器兼容性问题处理:XHTMLCSS校验,XHTML校验器,CSS校验器;解决如:ChromeSafarifirefoxopera 等主流浏览器的兼容问题。



  第二阶段 WEB前端移动端+响应式布局

  Bootstrap前端开发框架

  Html语法规范、CSS语法规范、Less Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具等;

  学习CSS3属性,结合Html制作静态页面效果,如:元素阴影、圆角、transitionbox-sizingrgbaH5表单新增属性等;

  移动端布局,测试环境Emulationviewportwindow.devicePixelRatio、物理分辨率、Media Queriesremwindow.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断等;

  电商网站页面布局;企业级整站布局:主流新媒体网站、宣传类企业网站、展示类企业网站等,并结合学习HTML5+CSS3实现炫酷的移动端页面效果。



  第三阶段 Javascript前端特效语句



  JavaScript基础语法、数组ObjectFunctionString 正则表达式、常用内置对象、JSON、错误处理、面向对象高级编程;

  JavaScrip的引入及插入位置、JS元素的获取及简单的函数引用、JS的页面输出及注释语句、变量及JS的数据类型、表单的简单应用及js的操作符等;

  带参函数及数组的运用;数组及滚动条事件;js中对象的移动;js中盒子的移动;js中的鼠标及键盘事件等;

  构造函数的基本知识;作用域的基本知识、原理与原型链;web开发综合案例;各种类库的使用熟悉各种类库的使用,并对其实现原理有一定了解;

  JavaScript运动特效,精通JS运动特效技术,能完整实现各类网站动画特效JavaScript调试;精通JavaScript事件对象及事件的工作机制,并能完成各类 跨平台应用模块的开发;

  浏览器对象、滚动条设置、窗口对象等;



  第四阶段 jQueryjavascript前端实战课程案例

  Jquery入门和实战jQuery使用户能更方便地处理HTML documentsevents、实现动画效果,并且方便地为网站提供AJAX交互。

  jQuery的基本语法;jQuery中的常用选择器;jQuery对于事件的处理;jQuery中的动画知识和应用;jQuery的文档操作;实现前端特效效果;

  AJAX1:AJAX的讲解;Web应用程序的解决方案;AJAX的工作方式;2:初始化对象;指定响应处理函数;处理服务器返回的信息;

  异常处理机制;中文乱码问题及其解决方案;XHR对象的基本知识;JSONXML的辨析jQueryAJAX的使用;利用jQuery实现AJAX的效果开发;

  DOM操作:前端开发的过程中,javascript极为重要的一个功能就是对DOM对象的操作,正则表达式等。

  ECMAScript中的类和构造函数,JS+JQ前端实战演练;

 

【html&css】欢迎进群免费领取学习资料,搜群【WEB前端学习交流群21   598399936】

 

web前端开发学习路径图

标签:工程师   代码   标签   asc   表达式   企业级   jquery   构造函数   重要   

原文地址:http://www.cnblogs.com/luludehuhuan/p/6284676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!