第一阶段
移动前端制作基础
(HTML5+CSS3基础)
学时3周。
第二阶段
移动前端交互
(JS+JQ+Ajax)
学时5周。
第三阶段
移动前端综合开发
(H5+C3+jQ Mobile )
学时5周。
第四阶段
项目实训
1、真实项目模拟
2、完整项目的整体流程实施过程
3、无缝链接轻松过渡到岗
学时5周。
Ios和Android先难后易,HTML5先易后难,起步学还是简单的。
"
以下是课程大纲,可以参考一下(1)HTML5+CSS3
经典表格布局制作简历
1. HTML5介绍 2. HTML5发展史 3. HTML5简介 4. HTTP协议介绍 5. HTTP消息类型 6. 互联网发展形式 7. web开发所需要的构件
8. 编辑器的使用 9. HTML基本语法与规范(标签元素、属性) 10. 第一个HTML网页 11.表格标签
规范代码盒模型布局小米等网站
1. 文档头和编码声明 2. 基础标签 3. 文本类标签 4. 列表标签 5. 语义化标签的使用 6. 字符实体 7. 表格标签 8. HTML5标签的兼容处理9. HTML5标签SEO的作用 10. HTML5表单新特性 11. 多媒体标签
3D旋转+动画制作正方体
1. CSS的定义 2. CSS引入 3. CSS选择器 4. CSS3与CSS2的区别 5. 长度单位 6. 颜色单位 7. 常用属性 8. CSS属性
流行的pc端,App页面响应式布局
1. W3C盒子模型 2. Div+CSS网页布局 3. 弹性盒子 4. HTML5兼容处理 5. 使用HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局
工作要求,实战大型电商网站静态页面
1. PS切图 2. 精灵图 3. CSS重制样式表Reset CSS、 Normalize.css 4. CSS命名规范,CSS常用名
(2)JavaScript jQuery实例 实战项目
前端核心语言javascript语法
1. JavaScript简介 2. 在页面中使用JavaScript 3. JavaScript的语法 a) 变量声明规范 b)语句结束 c)脚本注释 d)代码块 e)数据类型 f)类型转换 g)运算符 h)流程控制语句 i)函数 j)内置对象
原生Js功能开发
1. 更换页面皮肤 2. 五彩小球 3. 随机点名器 4. 轮播图 5. 网站时间显示 6. 商城抢购活动 7. 购物车的全选、反选、全不选 8. 选项卡前端后台交互功能开发9. 进度条 10. 拖拽div 11. 放大镜 12. 城市地址二级、三级联动 13. 随机浮动广告 14. 无缝连接 15. 仿百度登录
Jquery库交互特效开发
1. JQuery简介 2. JQuery安装 3. JQuery CSS操作 4. JQuery选择器 5. JQuery筛选 6. JQuery html 文档处理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他操作 11. JQuery插件
实战进阶-瞄准市场
1.PS切图 2.CSS重置样式表 3.网页规范 4.兼容性 5.SASS 6.Compass精灵图 7.代码压缩 8.常见网站效果 9.rem相对大小布局
(3)Node.JS MongoDB Express Vue.js
Vue.js前端热组件化开发框架
1. 介绍 2. 安装 3. 模板/数据绑定 4. Class/Style绑定 5. 事件 6. 组件 7. 混合 8. 插件 9. 服务/路由
后端Js-Node.js搭建前端脚手架
1. Node.js简介 2. Node.js安装 3. NPM工具使用 4. 模块、Package 5. 回调函数 6. Buffer,事件 7. 文件处理模块 8. Http,URL,Querystring Path等模块 9. POST/GET请求 10. 安装模板引擎
Mongodb数据库操作
1. NoSQL基础概念 2. MongoDB 简介 3. 数据库、集合、文档概念 4. 数据库操作 5. 集合操作 6. 文档CURD操作 7. 条件操作符 8. Limit与Skip方法 9. 排序 10. Node.Js的mongoose模块 操作MongoDB
基于node.js搭建express服务器
1. Express 简介 2. 安装 Express 3. 路由 4. 中间件 5. 视图 6. 模板引擎 7. AJAX 8. 跨域/JSONP 9. 搜索分页 10. 文件上传 11. 登陆注册
实战-大型单页应用
1. Web Socket 2. SSE 3. 网络爬虫(实现多人聊天时,服务器主动推送消息) 4. 常用工具使用Webpack 5. 压缩混淆 6. AMD/CMD规范 7. 结合Vue.JS实现单页面应用 8. Web APP 打包
(4)HTML5新特性 微信开发 微信小程序 学生项目
HTML5新特性
1. 音/视频 API 2. 本地存储LocalStorage/SessionStorage 3. Geolocation(地理定位) 4. 百度地图API 5.浏览器多线程Web Workers 6. 应用程序缓存 (Application Cache) 7. Canvas 画图、SVG 8. 拖拽事件、API 9. FileReader API 10. PAJAX 11. Bootstrap 12.插件:Swiper、图表、Iconfont
微信公众号开发
1. 接入微信公众平台 2. 账号申请 3. 微信JSSDK使用 4. 分享接口 5. 图像接口 6. 音频接口 7. 智能接口 8. 设备信息 9. 地理位置微信小程序开发10. 界面操作 11. WEUI框架 12. 微信小程序开发 13. 创建项目 14. 工具 15. 框架 16. WXML 、 WXSS 17. 组件 18. API
实战--团队协作工具
1. Git协作 2. 前端项目规范化 3. H5新特性 4. 即时通讯 5. 互联网服务接口调用