 班级规模及环境--热线:4008699035 手机:15921673576( 微信同号) |
|
坚持小班授课，为保证培训效果，增加互动环节，每期人数限3到5人。 |
| 上课时间和地点 |
上课地点：【上海】：同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【深圳分部】：电影大厦(地铁一号线大剧院站)/深圳大学成教院 【北京分部】：北京中山学院/福鑫大楼 【南京分部】：金港大厦(和燕路) 【武汉分部】：佳源大厦（高新二路） 【成都分部】：领馆区1号（中和大道） 【沈阳分部】：沈阳理工大学/六宅臻品 【郑州分部】：郑州大学/锦华大厦 【石家庄分部】：河北科技大学/瑞景大厦 【广州分部】：广粮大厦 【西安分部】：协同大厦
最近开课时间(周末班/连续班/晚班）：即将开课，详情请咨询客服！ |
| 实验设备 |
☆资深工程师授课
☆注重质量
☆边讲边练
☆合格学员免费推荐工作
★实验设备请点击这儿查看★ |
| 质量保障 |
1、培训过程中，如有部分内容理解不透或消化不好，可免费在以后培训班中重听；
2、课程完成后,授课老师留给学员手机和Email,保障培训效果,免费提供半年的技术支持。
3、培训合格学员可享受免费推荐就业机会。 |
大纲 |
| |
Html
1、掌握静态网页UI的核心标签
2、静态网页工作原理及相关知识点入门
3、HTML静态网页的实战经验分享
HTML页面（全局标签、常见标签、表单标签、元素、属性格式化、样式等）
必备基础1：前端发展历史
必备基础2：浏览器发展历史
实战经验1：HTML静态网页字符集问题
实战经验2：HTML静态网页的路径读写常见问题及解决方案
XML
XML的标签与数据组织方式
XML（结构、元素、属性），仍然无处不在的表达，要强化！
XHTML
XHTML的历史，与HTML的关系
XHTML（结构、元素、属性） ,为什么夭折了？
HTML5总决式
1、HTML 、XML 、HTML、HTML5对比
2、重点讲解HTML5新增标签和使用场景
爱之初体验：HTML5-o-Matic过程，几行代码更改，Html变为Html5
HTML5基础（元素、属性格式化、样式等）
1、特色教学：从HTML 、XML 、HTML再到HTML5，因为难产所以伟大！
2、HTML5的文档头和编码声明 UTF-8的故事
3、特色标签相关：语义化标签，HTML5标签的兼容处理，HTML5标签SEO
4、HTML5表单新特性、新的input类型、新的元素选择器
5、HTML5中的选择器
6、placeholder的使用和兼容
7、表单自动校验
8、其余涉及锐智个性课程，此处隐去
从CSS2到CSS3
1、使用HTML+DIV+CSS完成比较复杂的静态页面开发
2、理解从CSS2、CSS3两种版本的样式表开发方式
3、分享CSS3的在开发一线的常用模板，并能应用到本阶段项目中
1、HTML5的标配样式：CSS定义及使用场合
2、CSS之内部样式
3、CSS之外部样式
4、CSS之行内样式
5、经验：选择器及样式的优先级的判断口诀
6、特色教学：以“王宝强”现象认识层间浮动
7、CSS的盒子模型简述
8、CSS的调试工具简述
9、DIV技术
10、拿来主义：使用DIV+CSS网页的企业常用模板汇总
11、技术提升：CSS2与CSS3（布局方式等）的异同点
CSS3的框架应用
1、理解框架的巨大价值
2、了解CSS3的一个知名框架（Velocity.js）
答疑解惑:框架到底是什么，为什么无处不在
在HTML5流行框架中，目前的分类有哪些，细节部分留待4阶段具体阐述
技术提升：CSS3的Velocity.js框架简析
HTML5破剑式：破解CSS3 在HTML5的一切应用
以海量的专题应用讲解CSS3为HTML5准备的新增功能
CSS3新版本新增功能汇总
专家解析1：CSS3的兼容性，浏览器前缀，不需要前缀的样式 实例：CSS3旋转、CSS3运动框架基础
专家解析2：transition基本使用，transition的参数，不同运动形式的区别 transition运用范围，transition和JS平滑结合，transition的问题 实例：纯CSS3滑动二级菜单、淡入淡出幻灯片
专家解析3：border-radius，圆角单位，圆角大小的测量（PS中），圆角参数 实例：圆角图片框
专家解析4：rgba的使用，rgba和opacity的区别，rgba的应用，rgba和渐变 实例：半透明遮罩文字的新写法
专家解析5：ext-shadow的用法，各种参数，配合rgba的另类用途 实例：文字模糊效果
专家解析6：box-shadow的用法，内投影和外投影，扩展阴影 实例：CSS3按钮、CSS3模拟PS的外发光效果、文本框模糊效果
专家解析7：线性渐变的使用，最简形式，渐变方向的控制，多点渐变和rgba结合 实例：CSS3进度条的绘制
专家解析8：圆形渐变的使用，中心点位置，形状和大小 实例：CSS3彩虹圈
一线工程师开发经验
本节内容为核心精华，讲解阶段至今各种开发应用中出现的高级专题或通用难题，作为学员独立开发时出现类似问题的统一解决方案，也作为学员在企业面试时与兄弟培训机构同类学员竞争的优势之一
1、浏览器内核原理剖析
2、各类浏览器兼容问题
3、中文乱码问题及其解决方案
4、白帽与黑帽优化技巧
5、代码优化的基本方法
6、异常处理机制
7、SEO基本知识
8、模型模板项目开发
9、关键词选择
10、怪异盒模型
阶段项目辅导
综合案例与项目制作
1、Html标签+ccs3结合
2、制作基于HTML5的网页页面
3、制作基于HTML5的网页页面
JavaScript
JavaScript作为传统的前端交互技术，本部分内容重在学习后期高级应用必须了解的核心，其余编程细节锐智的课程设计将匠心独运地做去粗取精的取舍
1、Javascript脚本基础
2、精华：JavaScript的常用函数汇总
3、JavaScript交互实现
4、JavaScript的文档对象模型DOM
5、JavaScript的浏览器对象模型BOM
6、实战应用:Window对象控制表单、对象控制、窗口控制联动提升页面交互体验
7、JavaScript各类特效应用
8、JavaScript异步操作基础
面向对象JAVASCRIPT
1、面向对象与面向过程的区别
2、JAVA与JAVASCRIPT的区别
3、JQuery、EXT与JSON的区别
4、以Jquery为主学习面向对象的Javascript开发
1、高手进阶：弱类型语言与强类型语言的区别
2、要让网页动起来，多少还是需要编程的，不多编程对好多小盆友来说都是苦差事，所以东方锐智想了个代码简单但功能一样的好办法，先学代码量少的面向对象JS编程。等有了基础，到三阶段长大了再搞定传统代码量相对较多的面向过程JS。
3、传统面向对象的Javascript简介，不做编程，将简单化开发进行到底。本阶段的衡量标准就是先出成果、早出成果、易出成果作为课程成败。放眼全国机构，都是先教传统再教进化的吧，东方锐智的课程体系就是要倒过来，这叫独具匠心，而不是盲目抄袭。
4、Object-Orieneted Javascript，入选者概览：JQuery、EXT、JSON、其它… （本课程以JQuery为主）
5、谈“对象”，菜鸟工程师与正牌工程师那是有相当差距的，建议来试试
6、基本选择器、层次选择器、过滤选择器、表单选择器
7、对象也可以有行为，行为怎么用？
8、事件、特效、动画
9、DOM文档对象模型的操作与妙处
10、表格操作
11、表单函数
HTML5破刀式：破解脚本 在HTML5的一切应用
核心专题课：Jquery高级技术在各类专题内容的应用
专题1：Jquery如何异步加载数据
专题2：正则表达式专题
专题3：Jquery实现页面的拖拽、方法链、变形
专题4：jQuery的第三方插件（jSignature等）
AJAX
1、掌握异步通信技术
2、能够将Jquery与Ajax合用进行各类较复杂网页的开发
1、AJAX的机制与传统WEB页面的区别
2、文档对象模型
3、XMLHttpRequest的用法
4、JSON与JSON解析
5、与AJAX相关的JSONP、zy_load等基础技术
6、Ajax同源请求
7、Ajax同源策略与跨源策略
8、Ajax跨源请求
9、AJAX发送异步请求的步骤
10、Jquery中使用Ajax获取JSON格式数据示例代码
11、Jquery与Ajax的合用经验汇总
实战应用1: AJAX的验证用户名
实战应用2: 级联下拉框
实战应用3: 基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
实战应用4: 百度效果代码示例
Bootstrap
1、学习Bootstrap前端框架
2、重点掌握如何根据个性需求裁剪Bootstrap框架的源码，体现锐智学员的技术学习深度
1、经验：何谓框架Bootstrap？Bootstrap框架的各类版本兼容性问题，出现版本冲突时企 业是如何解决的？项目实战中如何用好框架？
2、Bootstrap组件（下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象...）
3、赋予Bootstrap中的组件“生命”的13个jQuery插件
4、高手成长1：对Bootstrap中的CSS变量进行修改、依据自己的需求裁剪代码
5、高手成长2：对Bootstrap中的代码根据需求自己裁剪
6、Less核心:CSS的预处理器，Less让 CSS 具有动态性
7、Sass
8、Less 和 Sass 中的嵌套
9、Bootstrap Less栅格模型
10、Bootstrap的综合应用
Bootstrap高级应用
归纳Bootstrap框架在各种实际典型场景下的应用与实现方式
1、模拟弹框（通过href触发、通过data-target触发）
2、动画过度（transetions插件）
3、标签页
4、弹出框（弹出框不同尺寸控制的两种方式）
5、轮播图（carousel插件）
6、折叠面板（collapse插件）
7、滚动监听（scrollspy插件）
8、提示工具（tooltip插件）
PC端网站的布局技巧
特色课程：如何抓住用户心理布置一个关注度高的网站
经验分享：PC端网站的用户交互习惯研究
PC端网站设计中的布局设置分类
根据不同类型用户的交互习惯选择本网站的合适布局，提高核心信息的关注度
版本控制与团队合作
1、学习版本管理控制的概念与几种通用的软件SVN、CSS、GIT
2、巩固文件传递工具FTP
3、重点分享如何通过版本管理进行团队合作，以及团队开发中应该注意的其它问题
1、企业工程师在成长：企业级HTML5项目的版本控制
2、版本控制工具SVN的安装、搭建与部署
3、分布式版本控制系统－GIT的安装、搭建与部署
4、版本控制工具CSS的安装、搭建与部署
5、FTP工具
6、将任一版本控制软件用于阶段项目实战中
7、经验：项目团队开发中的分工合作方式和常见问题
项目实战
1、主流综合类网站的设计分析
2、项目需求讲解
3、讲师演示项目最终效果
4、个人辅导与集中辅导相结合
1、主流综合类网站的设计分析
2、专项网站设计（学习专项网站的各类元素。如电商页面布局；企业级整站布局
3、应用实战：H5时尚互动网站设计
4、阶段项目指导 |
首页 课程表 在线聊 报名 讲师 品牌 QQ聊 活动 就业
合作伙伴与授权机构