课程详情

阶段HTML5+CSS3

课程主题PC端网站布局

WebApp页面布局

实用项目PC端项目：《东易买商城》《新浪积分商城》《拉勾网》《音乐》《佳航出国留学官网》《火山体育官网》《智德和善官网》《美乐乐商城》

移动端webApp项目：《京东到家》《优就业U学》

响应式项目：《星巴克官网》《青竹良品商城》

培养目标了解常用浏览器和浏览器内核；了解语义化的概念；掌握HTML5语法及使用技巧；掌握HTML5常用标签。

掌握CSS语法及使用技巧；掌握DIV+CSS布局方式；掌握常见网页布局模式。

掌握Photoshop切图以及插件切图；能够熟练使用开发人员工具进行页面调试；能够根据PSD文件独立完成静态页面的开发工作。

掌握HTML5新布局标签、多媒体标签；掌握CSS32D、3D变换、动画效果；能够使用CSS3新属性美化修饰网页；了解移动端屏幕、移动端浏览器、操作系统的不同。

掌握常用移动端调试方法；掌握常用移动端适配方法；掌握CSS预处理器less的使用；掌握常用移动端框架使用方法；掌握常见移动端页面开发；掌握响应式布局开发；掌握Bootstrap开发响应式页面；掌握适配不同终端的网页开发技术选型。

第二阶段JS交互设计

课程主题JavaScript基础语法

JavaScript进阶

JavaScript编程

jQuery案例

项目

实用项目JS部分案例及项目:《百度搜索页布局与交互》《京东页商品懒加载》《东易买商品拖拽添加购物车》《优学登录页面布局与信息存储》《163邮箱注册》《面向对象小游戏》《暴风会员视频网站》《爱奇艺视频网站》

JQuery部分项目:《美乐乐商城交互效果》

培养目标能够掌握JavaScript基本语法；掌握常见JavaScript算法；掌握DOM的各种操作；熟练使用面向对象思想进行DOM编程；掌握JavaScript的语法；掌握JavaScript常见兼容性方案。

独立完成视频网站的页面搭建（包括HTML结构、CSS样式、JavaScriptAE）；掌握应对业务编程的能力；掌握团队合作开发流程。

熟练使用jQuery操作DOM；熟练使用和编写jQuery案例。

第三阶段Node开发

课程主题ECMAScript6

Webpack拈打包器

Node基础

Express框架

前端拈化

MongoDB

项目

实用项目Node基础:《Node基础案例》《在线相册》

Node全栈项目:《及时聊天系统》《个人博客系统》

培养目标了解ES6和JS的关系；掌握ES6的基础用法和兼容性；熟练掌握ES6的语法；熟练使用ES6实现前端拈化开发。

熟练使用Webpack拈打包器；熟练掌握前端自动化工具；能够建立客户端服务器交互模型，熟悉网络通信相关概念；能够使用Node.js进行Web服务端开发；能够掌握JavaScript异步编程模型；能够掌握JavaScript拈化编程方式；能够使用Node.js操作MongoDB数据库；能够理解HTTP；能够独立开发基于后台接口的动态网站、Ajax数据交互的项目；能够独立完成网站从前台到后台的基本开发工作。

第四阶段前端框架

课程主题数据可视化

Vue

React

Angular

项目

实用项目数据可视化:《多变的统计图》《百度地图》

Vue:《vue基础实例》《洋网店小程序》《东易买后台管理系统》

React:《react基础实例》《仿简书APP》《淘车网》

Angular:《angular基础实例》《手机通讯录》

培养目标掌握使用D3.js进行大数据可视化交互开发；能够掌握使用Vue技术栈进行项目开发；能够掌握使用React技术栈进行项目开发；能够掌握源代码管理工具的使用；能够熟练掌握前后端分离开发模式；能够掌握使用主流框架开发门户网站、管理系统、移动Web客户端；能够掌握Webpack项目构建配置流程；能够掌握Web项目的部署与发布模式；能够掌握常见网站业务拈开发。

掌握Angular常用的指令：掌握如何定义和使用拈与组件：掌握路由的配置。

第五阶段小程序与APP开发

课程主题小程序

小游戏开发

ReactNative

项目

实用项目小程序：《仿网易云音乐》《优就业在线书城》

小游戏：《星际传奇》《飞机大战》

ReactNative:《优讯APP》《星座运势》

培养目标能够掌握小程序的开发基础；能够独立开发小程序项目；能够掌握Canvas的使用；能够掌握小程序的部署与发布；能够掌握小程序开发框架mpvue的使用；掌握第三方AI平台的使用。

能够掌握小游戏开发基础；能够独立开发小游戏项目；能够掌握小游戏的部署与发布；能够独立使用ReactNative开发原生App。