课程详情

一、H5技术介绍：H5技术，前端开发技术的俗称。它适应于传统PC平台系统的前端展现，Hybrid移动端应用开发，移动端页游 开发甚至应用于智能设备上应 用开发，具备多浏览器兼容、免升级、UI自适应、技术上手快等技术特点。前端开发是页面展现(甚至UI设计)以及页面程序技术的综合体， 因此课程从html/css/js“三剑客”技术开始偏重各种页面展现(选项卡，马卡龙等等特效实现);以JQuery/CSS3/H5进阶技术进行面向 对象应用、UI控件以及基于cocos2dxjs思想的游戏引擎封装，偏重程序设计，打下了前端开发技术的基础；对于前端开发工程师来说，掌握后台开发 技术以及与后台通讯技术是必不可少的，可为自身后续发展提前打下基础，因此课程接下来是基于MVC+DAO+工厂+单例等设计模式的PHP后 台管理架构和基于HTTP/AJAX/JSON技术的通讯处理器组件开发。基于前面的课程，最后对各个H5应用方向进行技术综合应用，加入Bootstrap/Angular/ThinkPHP/cocos2dxjs等特定领域开发框架，开发出不同应用领域的前后台结合项目(如：WEB APP/Hybrid APP/微信 APP+PHP后台)

H5/PHP课程就业方向适合混合式移动APP开发、基于游戏引擎(cocos2dx)的手机页游开发、PHP WEB开发以及基于微信的微信APP开发

二、Web 前端开发基础：

阶段课程大纲

1. Html 基本标签、CSS 快速入门、页面布局设计、静态网页设计实践、JavaScript 语法基础、JavaScript 流程控制、JavaScript 自定义函数、JavaScript 事件、面向对象（类和对象）、内置对象、BOM / DOM1、BOM / DOM2、DOM 应用、JS 错误和验证、项目开工会、项目评审

2. Html 基本标签、CSS 快速入门、页面布局设计、静态网页设计实践、JavaScript 语法基础、JavaScript 流程控制、JavaScript 自定义函数、JavaScript 事件、面向对象（类和对象）、内置对象、BOM / DOM1、BOM / DOM2、DOM 应用、JS 错误和验证、项目开工会、项目评审

3. Html 基本标签、CSS 快速入门、页面布局设计、静态网页设计实践、JavaScript 语法基础、JavaScript 流程控制、JavaScript 自定义函数、JavaScript 事件、面向对象（类和对象）、内置对象、BOM / DOM1、BOM / DOM2、DOM 应用、JS 错误和验证、项目开工会、项目评审

三、实战项目：

【开发环境】：Html、CSS、JavaScript

【开发工具】：WebStorm、DreamWeaver、PhotoShop、Axure Pro

【项目名称】：传一 MOOC 门户网站

【项目简介】：传 一慕课是传一自主研发的在线教育平台。其将发布资源、学习管理系统以及将学习管理系统与更多的开发网络资源综合起来构成新的在线学习模式。旨在提供免费和 收费的在线课程体系。学生可以在线查看自己喜欢的课程，并进行课程的在线视频学习和互动，对于收费课程提供在线购买服务。

【技术要点】：扎实的 Web 前端开发基础、扎实 HTML/CSS 基础、扎实的 DIV+CSS 布局排版能力、PS 切图操作、初步领悟 JavaScript 基于对象编程和设计、熟练的 DOM 控制、积累自己的样式库和脚本库