一阶段 web页面制作基础 | |||
课程 | 要求 | 授课内容 | 课时 |
HTML5基础知识入门 | HTML5基础知识入门 | 1. HTML5是什么 2. HTML5在开发中的应用 3. HTML5的标准 4. HTML5末来中的移动应用生态 5. 后APP时代的HTML5新玩法 6. Web的工作原理 7. App的工作原理 8. 游戏的制作原理 9. Web的工作原理 10. App的工作原理 11. 游戏的制作原理 | |
HTML应用 | 1. 静态网页综合开发 2. 使用表格制作个人简历 3. 使用表单制作注册页面 4. 使用框架制作后台管理界面 5. 页面SEO设置方案 | 1. 掌握HTML语法基础及特性 2. HTML主体结构 3. HTML文档头部元素 4. 创建图像和链接 5. 使用HTMl表格 6. HTML框架结构 7. HTML表单设计 8. HTML5初级实战 9. 图片处理技巧 10. 嵌套合理化 | 1周 |
CSS应用 | 1. CSS的各种选择器的应用 2. CSS的常见属性演示 掌握CSS在开发中的使用 | 1. CSS的概念 2. 在HTML中 CSS的引入方式 3. CSS选择器与优先级 4. CSS常见的样式属性和值和页面布局有关的CSS属性 5. 盒子区块的定位 6. 使用盒子模型的浮动布 | 1周 |
DIV+CSS标准化 页面布局 | 学会页面标准化布局技术 1. 布局网站首页面 2. 布局登录和注册页面 3. 布局后面管理页面 | 1. DIV+CSS对页面布局的优势 2. 无意义的HTML元素 3. W3C盒子模型 4. 和页面布局有关的CSS属性 5. 盒子区块的定位 6. 使用盒子模型的浮动布局 7. DIV＋CSS的兼容性问题 | 1周 |
CSS3应用 | 了解和掌握CSS新增选择器和边框阴影等新特殊效果的使用方式，使用CSS3过渡和变换和渐变效果
| 1. CSS3的发展现状、CSS3中的新增选择器 2. CSS3边框效果的讲解与应用 3. CSS3阴影效果的讲解与应用 4. CSS3透明度效果 5. CSS3渐变效果、CSS3中对背景的相关操作 6. CSS3中倒影效果的讲解与应用 7. CSS3中的二维平面变形效果的讲解与应用 8. CSS3过渡与动画效果的开发 | 1周 |
二阶段 编程基础技术 | |||
JavaScript入门与实践 | 初步接触Javascript 掌握JS基本语法与流程控制相关操作，能够区分不同的数据类型及其特色，同时了解面向对象编程的思想。使用JS结合HTML实现代表性的JS特殊效果制作。了解特殊效果制作原理 | JS的引入方式 JavaScript的基本数据类型、常量变量 JavaScript的基本运算符 JavaScript的赋值运算，表达式 JavaScript的中的语句 函数的基本概念 数组的基本知识 字符串的基本知识 面向对象的编程 this关键字的用法 不同数据类型数据的操作方法 构造函数的基本知识 闭包、面向对象 作用域的基本知识、原型与原型链 Math对象的基本知识 Date对象的知识与应用 计时器的原理与应用 单例，工厂，，观察者等设计模式 ECMA6.0新特性介绍 |
2周 |
学会页面中DOM的灵活应用、事件处理，还有各种DOM对象的属性和方法，并可以独立完成网页中常见特殊效果的编写、以及第三方特殊效果插件的使用 掌握常用浏览器对象的使用 | DOM及DHTML的应用介绍 各种事件及事件处理程序的应用 DOM文档对象模型的基本知识和效果开发 BOM浏览器对象模型 浏览器事件机制及详解 | 2周 | |
三阶段 特殊效果开发实战 | |||
jQuery框架详解 | 掌握jQuery框架的使用方式，能够利用jQuery框架进行js特殊效果开发，提高工作效率 了解Ajax的运行原理，区分同步加载和异步加载机制的不同之处 | 初识jQuery，jQuery的优势，jQuery框架核心功能，嘴容易混淆的几个概念 jQuery各种选择器的使用，及选择器的应用优化 Dom 节点操作，插入，删除，复制，移动节点等操作 事件处理，事件处理模型，事件处理机制，jQuery事件封装机制，jQuery事件应用 jQuery中的动画，动画事件概念，基本动作方法，复杂动画方法停止动画参数说明，jQuery动画的队列问题 表单的开发，设计可用性表单，表单验证，增强型表单 Ajax，XMLHttpRequest基础，jQuery Ajax，工具函数，缓存 在Jquery中编写插件，插件拓展，插件应用 jQuery.pagination分页，jQuery.qtip信息提示，jQuery.artDialog弹出层，jQuery.jscrollpane滚动条 理解模块式开发，以及requirejs插件的使用 | 2周 |
LESS用法 SASS使用 | 1. LESS和SASS的应用介绍 2. 开发环境搭建 3. LESS的基本语法 4. SASS的基本语法 5. 编译与部署 | 1周 | |
1. 前端开发框架Bootstrap 2. css预处理器－sass 3. 分布式版本控制系统－GIT 4. 了解项目需求，项目流程 5. 了解项目管理，模块分配，项目事件预估 6. 了解产品周期，参与团队合作 7. 综合运用HTML+CSS，JS，JQ，Bootstrap，SASS，JQuery UI等技术 完成大型项目 |
1周 | ||
HTML5的应用 | 掌握HTML5新增的智能表单的使用，熟悉音视频标签的使用方式及API操作，制作属于自己的播放器 可以熟练掌握图像标签的使用及对图片素材的优化方式，同时能够使用框架进行页面布局 对搜索引擎优化进行讲解，掌握优化的各种方式，能够使网站在搜索引擎排行考前面的页面出现 | 1. HTML5桌面平台开发用到的标签 2. 标签语义化及标签的默认属性特点 3. 标签的常用用法 4. 新增的智能表单的应用 5. 音频和视频标签的应用 6. 制作属于自己的视频播放器 7. HTML5初级实战 8. 静态网页综合开发 9. 背景图合并技术 10. 图片处理技巧 11. 框架的基本知识 12. 嵌套合理化浏览器兼容问题及解决方案 13. SEO基本知识、关键词选择、白帽与黑帽优化技巧 14. 代码优化的基本方法 15. 行业需求技术分析 16. 模型模板项目开发 | 2周 |
响应式页面布局 | 1. 响应式布局介绍 2. Media Query的使用方法 3. 在移动设备上设置原始大小显示 4. 响应式网站的内容设计 5. 响应式网站的设计流程 |
1周 | |
四阶段 移动互联网的应用 | |||
HyBird App开发 |
HybridApp 开发基础 | Phonegap HybridApp介绍（独立App项目，嵌入式App项目，嵌入式项目） 工具与环境搭建 WebviewJsBridge（扫一扫，图像选择与上传，加速度，地理定位，通讯录通知） Hybrid里页面测试 接口开发 熟悉WebApp嵌入流程 本地开发环境搭建与测试 JS－SDK使用 WebApp X5浏览器兼容 |
3周 |
Angular+ionic 框架 | 1. AngularJS应用介绍 2. AngularJS核心概念与基本用法 3. AngularJS核心原理解析 4. AngularJS企业应用方案 2ionoc基础 ionic css 布局 ionic js指令布局 ionic路由 页面切换 ionic－tabs ionic侧边栏ion－side－menus ionic列表ion－list 上拉加载更多与下拉刷新 | ||
五阶段 项目 | |||
项目名称 | 授课内容 | 项目简介 | 难度 |
企业网站 | 对大型企业网站进行页面的架构与布局 | 开源图片幻灯片切换效果插件的使用。掌握企业网站的基本布局方法 项目技术点：HTML、CSS、JS、jQ等知识的综合运用和提升。 | 初级 |
大型购物商城 | 整体设计思路 特殊效果的制作 商品分类框架 服务列表的设计 具体代码实现 | 掌握购物网站的开发人员的布局思路，使用全新的设计理念和设计技巧，完成大型购物网页开发 项目技术点：CSS，js，jQuery，Ajax异步 | 中级 |
Web App数据报告宣传页 | 模块化开发项目 产品原型 交互设计 视觉设计 标注和切图 程序开发 发布上线 | 模拟互联网公司中的开发流程进行授课与项目的开发，让你更真实的体验互联网公司的工作流程与工作的方式 项目技术点：js，jQuery，CSS，Canvas 以“组件，类”组织代码便于功能扩展 | |
Web App小说阅读器 | 案例技术点分解 开发流程，需求分析 项目基本架构与开发过程 具体实现 | 该项目是Html5移动端开发，让你体验更灵活的Web App开发 以互联网公司工作方式与授课结合，开发出一款商业化的小说阅读器Web APP 项目技术点：ES6，Ajax异步请求，html5本地储存，Touch事件应用 | |
以上就是web前端培训课程的全部内容介绍，如需了解更多的web前端培训班、课程、价格、试听等信息，也可以点击进入 web前端 相关频道，定制专属课程，开始您的学习之旅。
温馨提示
温馨提示
苏公网安备32010402001741
