Web前端课程建设
1、面授大纲
阶段
课程
目标
备注
前端基础
行业规划
·认识行业，把控行业发展
·了解实训的全套课程体系
·规划属于自己学习路线
HTML5
·熟练掌握HTML常用标签的使用，能设计出
  交互性很强的表格及表单
·熟悉HTML5语义化标签（视频、音频、表
  单元素等等）
CSS3
·熟练掌握CSS语法，能快速分析大型网页
  的结构并完成其标准化布局
·熟悉CSS3的新特性、动画、过渡等，尤其
  是使用CSS3的媒体查询器完成响应式布
  局和设计。到此为止，你已经拥有了淘宝、
  京东、小米等静态页面的能力，为了给网
  页添加更多的生命力，准备好向 JavaScript进军吧！
JavaScript
·熟练掌握JavaScript基础语法
·掌握好良好的编程习惯及代码规范
·熟悉JavaScript的面向过程和面向对象
  的两种编程网格。
·熟悉DOM和BOM的操作，并能灵活使用使
  用其完成绝大部分网页特效的程序设计和 
  开发，给网页注入了强大的生命力。
前端设计
平面设计
·熟练掌握Photoshop和AI的基础使用及
  常用实战技巧。并需要学习一些美术基础
  和彩搭配视觉设计
·熟悉PC端网站设计和移动端网站设计
前端交互
了解服务端
·了解服务端架构及Cookie、Session、
  Restful机制
·熟悉HTTP协议、请求和响应
·熟悉常用服务器的项目部署（Tomcat、
  Apache/Nginx、IIS）
·熟悉Ajax的实现及使用XML、JSON完成
  其数据交换（需要服务端支持）
HTML5高级
·熟悉使用HTML5的绘图增强页面交互性·
·熟练使用HTML5完成常见亮点功能：拖放
  、地理定位、摇一摇等等。
jquery框架使用·了解HTML5其它特性：Web存储、应用缓
  存、服务器发送
jQuery
·一款简化JavaScript开发的JS框架，一
  直秉承大道至简的理念。
· 熟练掌握jQuery语法、动画及对原生Ajax
  实现的简化
·熟悉常用的jQuery插件完成漂亮的验证、
  图形报表展示等，并有能力编写自己的
  jQuery插件方便日后的开发！
jQuery UI
·熟悉jQuery UI里的常用组件使用：如友
  好的对话框、自动补完、日历UI、折叠菜
  单等等，方便我们在项目里实现快速开发，
  并能实现不同网页皮肤的切换！
前端跨屏
ZeptoJS
·Zepto是一个轻量级的针对移动端浏览器
  的JavaScript库， 它与jQuery有着类似
  的api。 如果你会用jQuery，那么你也会
  用zepto。
jQuery Mobile
·jQuery Mobile 是创建移动 web 应用程序
  的框架，它适用于所有流行的智能手机和
  平板电脑，使用 HTML5 和 CSS3 通过尽可
  能少的脚本对页面进行布局。
·熟练掌握jQuery Mobile,能快带上手移动
  端Web应用程序的布局
·熟悉jQuery Mobile的列表、视图等设计
·熟悉移动端常见的事件，提高移动端的交
  互性、增强体验
Bootstrap
·一款简洁、直观、强悍的前端开发框架，
  让响应式web开发更迅速、简单。
·能熟练使用Bootstrap进行网页的跨屏布
  局，实现一次编写到处运行
·熟悉的基础CSS样式、内置组件和内置插
  件，加速响应式和流式布局的Web站点开
  发。扩展了解Less和Sass的语法来编写
  和运行CSS！
前端拓展
AngularJS（可选）
·Angular JS (Angular.JS) 是一组用来开
  发Web页面的框架、模板以及数据绑定和 
  丰富UI组件。兼容主流浏览器，与 jQuery
  配合良好。学习完最酷最实用的特性无疑
  是你面试中的一块重要敲门砖！
前端优化
·熟悉SEO的常见优化，提高网站的收录和
  排行，能编写对搜索引擎友好的代码
·掌握常见的JS模块化加载框架—Sea.js   
·习惯养成优化代码和重构代码，由此来提
  高网页的快速渲染和增强代码的可读性、
  可维护性
真实项目开发
某电子商城：
    设计一个类似小米商城，要求页面独立完成产品的界面设计和交互设计，并完成代码的编写，产品需要兼容PC端和移动端！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。