北京兄弟连IT教育
课程详情 学校简介 学校地址 网上报名
课程介绍
WEB开发工程师的优势
HTML5是目前Web开发方面热门的话题，给人的感觉就是酷、新、看上去很美。
HTML5对开发者的优势
过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。
HTML5工程师的优势
前端的发展趋势
现在主流的开发中包括页面模板制作、页面布局、 页面特效、页面美化、 网页游戏、微网站制作、常见的APP等，都基于前端开发技术完成。
人才稀缺程度
前端开发工程师是目前紧缺的开发人才，从招聘网站分析，用人数量已经超过了主流编程语言Java、iOS和PHP等的开发人员数量。
前端求职优势
这门课程在国内还没有完全普及，都是做UI的或是做后端的转过来的开发人员。所以只要能掌握我们课程60%就可以达到就业水平，并且工资相对于其他学科还要高出20%。
HTML5课程介绍
本课程共分成两个阶段：
第1阶段360课时，主要学习html、css、JavaScript，掌握网页布局和网页常见效果的制作；
第二阶段440课时，主要学习 node.js mogoDB Express vue.js、H5新特性、微信开发，微信小程序，可以实现，前后端数据交互的页面、app及微信开发，微信小程序开发。
随着前端技术的**发展，H5学科课程内容每年至少两次大的更新。课程中每个知识点都是从现在市场中常用、热门，新颖的技术总结而成，是一个“跟上时代”的前端程序员所必备的。
HTML5课程特点
1. 从零开始认识语言，循序渐进
2. 学习周期短，以**以在短的时间，达到可以从事Web开发的水平
3. 采用案例式教学，培养学生举一反三、学以致用的能力
4. 课程以前端为主结合前端必备技能和市场需求
5. 课程会涉及前端相关技能：设计切图、用户交互、基础网页布局、响应式布局、移动端布局、app打包、Node.js、mongoDB、前后端交互、微信开发、git
6. 课程的技术点完全采用编码规范，使学员熟练应用，提高编码效率
7. 就业多元化，方向可以是用户交互设计、PC页面开发、移动端页面开发、app制作、前后端交互、微信开发。。。
HTML5课程预期目标
1. 了解开发语言
2. 掌握各种终端网页布局
3. 掌握app、微信开发
4. 熟悉Web开发，能搭建好的网站运行平台，对Web服务器进行管理、维护以及安全防范
5. 熟悉编码规范，了解前端、构建、维护、优化
6. 熟练运用JavaScript开发各种动态效果和功能模块
7. 可以胜任独立开发或团队协作的开发环境
HTML5课程适合目标
1. 在校的本专科院校的大学生，有无基础都可以，但必须对互联网行业有兴趣
2. 刚毕业但想从事互联网开发行业的学生
3. 从事网站设计想转页面实现的人员
4. 会任意一门编程语言想从事web前端的人员
5. 出于个人爱好，想熟悉互联网业务的网站人员
HTML5课程内容
|
课程名
|
案例实战
|
涉及技术知识点
|
完成目标
|
课时
|
|
HTML5
CSS3
|
· 一个简单的页面 · 表格制作个人简历 |
1. HTML介绍 2. HTML发展史 3. HTML5简介 4. HTTP**介绍 5. HTTP消息类型 6. 互联网的发展形势 7. Web开发所需要的构件 8. 编辑器的使用 9. HTML基本语法与规范(标签元素、属性) 10. 第1个HTML网页 11. 表格标签 |
了解HTML语言，了解互联网原理，自己编写html完成一个页面 |
120
|
|
· 音、视频页面 · 用户信息录入验证 · 网站首页 |
1. 文档头和编码声明 2. 基础标签 3. 文本类标签 4. 列表标签 5. 语义化标签的应用 6. 字符实体 7. 表格标签 8. HTML5标签的兼容处理 9. HTML5标签SEO的作用 10. HTML5表单新特性 11. 多媒体标签 |
掌握HTML代码的规范编写，掌握HTML5新标签的特性，掌握多媒体在页面中的应用 |
||
|
· 网页导航栏制作 · 使用表单制作注册页面 · 常见过渡、动画特效 · 页面布局 |
1. CSS的定义 2. CSS引入 3. CSS选择器 4. CSS3与CSS2的区别 5. 长度单位 6. 颜色单位 7. 常用属性 8. CSS3属性 a) 尺寸 b) 边框 c) 背景 d) 内补白 e) 外补白 f) 布局 g) 定位 h) 字体 i) 文本 j) 列表 k) 表格 l) 用户界面 m) 多栏 n) 2D变换 o) 过渡 p) 动画 |
掌握CSS使用，CSS3:圆角边框、边框九宫格特效、多图背景、动画、渐变和倒影、多列属性布局、服务器端字体，可以实现基础网页布局，页面样式定义及CSS样式特效 |
||
|
· 两栏、三栏页面 · 门户网站首页制作 |
1. W3C盒子模型 2. div css网页布局 3. 弹性盒子 4. HTML5兼容性处理 5. 使用 HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局 |
掌握使用媒体查询技术及百分比布局，实现响应式页面，自动适应多种分别率设备 |
||
|
· PC/移动端网站首页 · PC/移动端网站列表页 · PC/移动端网站详情页 |
1. PS切图 2. 精灵图 3. CSS重制样式表reset CSS、Normalize.css 4. CSS命名规范，CSS常用名 |
掌握和设计人员对接，把一张PSD图片切成自己需要的图标，按照效果图实现网站 |
|
|
|
JavaScript
|
· JavaScript核心内容
（课堂小实例）
|
1. JavaScript简介 2. 在页面中使用JavaScript 3. JavaScript的语法 a) 变量声明规范 b) 语句结束 c) 脚本注释 d) 代码块 e) 数据类型 f) 类型转换 g) 运算符 h) 流程控制语句 i) 函数 j) 内置对象 |
掌握JS语法及语言特点，该模块作为JS的基础，为以后使用JS做页面效果做准备 |
40
|
|
· 更换页面皮肤 · 五彩的小球 · 随机点名器 · 轮播图 · 网站时间显示 · 商城抢购活动 · 购物车的全选、反选、全不选 · 选项卡 · 进度条 · 拖曳div · 放大镜 · 城市地址二级、三级联动 · 随机浮动广告 · 无缝轮播 · 仿百度登录框 |
1. JS的DOM操作 a) DOM 节点 b) DOM 方法 c) DOM 属性 d) DOM 访问 e) DOM 修改 f) DOM 内容 g) DOM 元素 h) DOM 事件 2. JS的BOM操作 a) Window b) Screen c) Location d) History e) Navigator f) PopupAlert g) Timing h) Cookies 3. AJAX |
掌握JS操作页面及浏览器元素，培养动手制作特效、表单验证的能力，掌握AJAX网页异步交互 |
80
|
|
|
· 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 插件 |
掌握jQuery实现页面特效，表单验证，及AJAX异步交互 |
40
|
|
|
学生项目
|
· 学生项目完成一套前端三级页面 · 登陆注册页面 · PC/移动端网站首页 · PC/移动端网站列表页 · PC/移动端网站详情页 |
1. PS切图 2. CSS重置样式表 3. 网页规范 4. 兼容性 5. SASS 6. Compass 精灵图 7. 代码压缩 8. 常见网站效果 9. rem相对大小布局 |
能够独立完成网页布局，页面效果，表单验证的一整套网页制作 |
80
|
|
Node.js
MongoDB
Express
Vue.JS
|
Vue.JS实例
完整的购物车应用和表单验证
|
1. 介绍 2. 安装 3. 模板/数据绑定 4. Class／Style绑定 5. 事件 6. 组件 7. 混合 8. 插件 9. 服务/路由 |
掌握Vue.JS使用方法，理解前端架构分层思想，掌握单页面应用实现原理及具体实现 |
32
|
|
NodeJS核心知识
实现文件操作管理
|
1. NodeJS简介 2. NodeJS安装 3. npm工具使用 4. 模块、package 5. 回调函数 6. buffer，事件 7. 文件处理模块 8. http，URL，querystring，path等模块 9. POST/GET请求 10. 安装模板引擎 |
NodeJS作为服务端语言，接收处理响应请求，掌握NodeJS搭建服务器 |
40 |
|
|
MongoDB
（学生信息录入）
|
1. NoSQL基础概念 2. MongoDB 简介 3. 数据库、集合、文档概念 4. 数据库操作 5. 集合操作 6. 文档CURD操作 7. 条件操作符 8. Limit与Skip方法 9. 排序 10. NodeJS的mongoose模块操作MongoDB |
理解数据库在程序开发中所起的作用，掌握MongoDB数据库操作，能够独立获取分析数据 |
16 |
|
|
Express
内容展示网站
|
1. Express 简介 2. 安装 Express 3. 路由 4. 中间件 5. 视图 6. 模板引擎 7. AJAX 8. 跨域/JSONP 9. 搜索分页 10. 文件上传 11. 登陆注册 |
Express基于 Node.js 平台，**、开放、极简的 web 开发框架。它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。熟悉Express可以更好的掌握互联网交互原理。 |
40 |
|
|
单页面应用开发实战
|
1. Web Socket 2. SSE 3. 网络爬虫（实现多人聊天时，服务器主动推送消息） 4. .常用工具使用webpack 5. 压缩混淆 6. AMD/CMD规范 7. 结合Vue.JS实现单页面应用 8. Web APP 打包 |
掌握常用工具，掌握聊天通讯，掌握前后端共同交互实现单页面应用，掌握APP打包制作 |
32
|
|
|
HTML5
新
特
性
|
自定义视频／音频播放器
下次登陆继续播放
京东购物车同步，登陆信息同步
拖拽上传
离线应用
Canvas钟表绘制
地理定位
|
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 |
集中讲解掌握H5核心API，同时配合网上提供的接口服务完成需求，对于前端水平全面提升 |
80
|
|
微信开发
微信
小程序
|
测测智商
测测上辈子是谁
天气预报
地图寻路
语音记录识别
照片分享墙
|
1. 接入微信公众平台 2. 账号申请 3. 微信JSSDK使用 4. 分享接口 5. 图像接口 6. 音频接口 7. 智能接口 8. 设备信息 9. 地理位置 10. 界面操作 11. WEUI框架 12. 微信小程序开发 13. 创建项目 14. 工具 15. 框架 16. WXML 、 WXSS 17. 组件 18. API |
微信小程序1月9日零点正式上线，互联网圈顿时掀起一番风浪。微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。作为一个跟上趋势的前端程序员，当今热门的小程序值得我们掌握 |
40
|
|
学生项目
|
整站开发
|
Git协作 前端项目规范化 H5新特性 即时通讯 互联网服务接口调用 |
培养具备整站开发能力，培养项目划分管理协作技巧，前端后端项目规范设计，这个项目让每一个学生参与项目的规范化协作工作，模拟真实的开发环境。 |
160
|
HTML5课程中的项目
我们的优势
机构：大品牌PHP做得专业，前端是我们强项，也会专业
课程：课程全面而系统，让你深入了解HTML5
上课：我们以项目、实战、练习、掌握为主
讲师：我们的讲师都是3年前端开发，一年讲课经验，并且都是专职老师
就业：PHP合作企业积累有数千家，也是我们前端主要用人单位，包就业
服务：严管，职业素质课，24开放机房。
为什么选择兄弟连HTML5
口碑好：建校9年，是地气的IT培训学校
PHP培训强：前端和PHP关联很大，PHP能做好的，前端一定靠谱
课程牛：结合实际行业应用，经过几十个前端专家多次讨论确认课程
讲课靠谱：刚从一线工作三年左右下来，并讲课一年是合适的讲师
实战教学：一步一个项目，稳稳当当掌握全部
高薪就业：不仅能推荐就业，而且就业对口，并能拿到高薪
兄弟连合作企业
常见问题
什么是前端开发？
以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。访客使用起来更简便。另外，现在前端工作还不仅仅只是网页的制作，还有微网站、APP的制作，游戏制作，例如可以将你开发的Web页面直接打包成手机使用的APP应用，游戏的互动界面更是以前端开发技术为主。
什么是HTML5？
HTML5就是HTML新标准，是现在Web程序开发的核心、标准通用标记语言下的一个应用HTML的第五次重大修改，这是一项推荐标准。虽然CSS3和HTML5是两个语言，但通常说HTML5也都泛指包括CSS3，因为它们两个常在一起配合使用的。当然还不指这些，从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主，但因为HTML5这个概念很流行，所以微网站开发、WebAPP或是微网站等应用，很多人都会说使用HTML5开发。
前端与HTML5的区别？
现在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是前端开发的总称。HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。
前端开发学习什么？
学习HTML、CSS和DIV CSS技术用来制作Web页面；学习JavaScript、DOM、BOM等用建立开发基础；学习photoshop和Axure等软件应用，完成页面UI设计；也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合；学习HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用；像Ajax、JQuery、jQuery Mobile、Bootstrap、AngularJS等更是前端开发必学的高级技术；HTML5地理位置应用、离线应用、webworker多线程实现、websocket、跨平台开发技术和webAPP开发等，这些企业级应用技术也是现在开发的主流；现在前端开发热门、要人多，就是使用canvas开发网页游戏动画，以及会用Cocos2d-js制作游戏等开发。
我们是谁？
LAMP兄弟连隶属于易第优（北京）教育咨询股份有限公司，成立于2006年（以下简称兄弟连）。专注于IT技术培训，是国内早及大的PHP/LAMP技术专业培训学校。
兄弟连现已开设PHP/Java/Android/iOS/手游/云计算/UI/前端（HTML5）等多学科，累计培养逾万名学员，截至2016年4月学员就业平均起薪高达6697元。
兄弟连已是第10个年头，这条路虽历尽艰辛，但我们痴心不改。我们就是想让学员们知道：不是所有的培训机构都是骗人的！
在兄弟连，你可以找到自我、重拾自信；在兄弟连，你会每天渴求成长，学到深夜；
在兄弟连，你把学习当成一种习惯；在兄弟连，你有更多的兄弟姐妹；
在兄弟连，有陪你一起熬夜的老师；在兄弟连，你会被“狠狠”的爱着……
兄弟连已在北京、上海、广州、沈阳和郑州设立校区，今后几年内将会陆续在成都、西安等地建设校区，每年有数十万名学员受益于兄弟连教育的职业培训、教学视频、网络公开课。
“我们不仅仅是老师，我们是学员的梦想守护者与职场引路人。”
我们在做什么？
我们不敢妄言改变中国教育，只是低下头认认真真做教育。兄弟连没有做什么惊天动地的大事，我们就是把别人不愿做的脏活累活做到极致，做教育就是需要这种工匠精神。
在中国，选择职业培训的学生，一定是对自己未来有憧憬、想改变命运的有志青年。主观上有学习的欲望，客观上自控能力差，需要外力协助其改变。
教学靠谱/变态严管/职业素养课我们的核心竞争力。
培训结束会有脱胎换骨的感觉，怕死别来兄弟连！
兄弟连教育十大优势：
1、中国PHP培训领导者，九年专注PHP教育，培养PHP程序员全国多，从兄弟连毕业，走到哪家企业都会有你的学哥学姐，堪称PHP程序员黄埔军校。
2、秉承“让学习成为一种习惯”的教育理念，授之以鱼更授之以渔，不仅教授技术更培养职业素质，坚持“无兄弟 不编程，不抛弃 不放弃”的信条，亦师亦友，教书育人。
3、业内唯一敢推出“一个月免费预科学习，不满意不缴费”政策，让学员更充分了解兄弟连，了解自己是否适合做软件开发后再做决定。
4、国内一家推出零学费入学工作后分期还学费的学习模式，业内学员毕业薪水高，就业明确薪水：平均薪水专科4000元、本科5000元、硕士6000元。
5、权威的师资阵容，严苛的讲师考核上岗及教学考评体系；实用领先的课程体系，与企业实际需求结合，避免大学式闭门造车的人才培养。
6、严格、科学、负责的教务管理体系，班主任全程监管，关注每个学员的学习状态，确保教学质量。
7、就业老师全程跟班，设有专业的职场实践课和就业指导课，企业进校招聘，为学员提供终身就业服务。
8、企业级项目实战训练，让学员参与真实的企业级项目研发，学员独立设计开发自己的上线项目。
9、业内唯一一家提供24小时开放机房的培训学校。
10、出版的PHP教材《细说PHP》，在当当网等各大电商PHP类图书中销量高。
学校名称：北京兄弟连IT教育
固定电话：010-64707530
授课地址：北京昌平区回龙观文华西路育荣教育园区 预约参观
