HTML5已成为移动互联网领域的主宰者

你的生活每天都被HTML5充斥着

不做5K菜鸟 来百知做高薪大牛

一站式解决你就业/转行/升职/加薪四大问题 百知出品就业速度至少快一倍!平均薪资至少高5000!

HTML5全栈人才重金难求!

单一的前端/后端工程师已无法满足企业需求,HTML5全栈工程师时代已经到来
我学完能拿多少薪资?
30W+学员共同见证,TA的工程师生涯由此开始
姓名 专业 学历 月薪(元) 入职企业
  • 王** 计算机科学与技术 专科 15000 联**团
    张** 数字媒体 本科 13500 软**企业
    赵* 软件工程 本科 14000 思**图
    周** 室内设计 本科 13000 深圳**威科技
    刘* 电子商务 专科 13500 科**锋
    王* 计算机科学与技术 本科 12000 **游戏
    何** 电子信息工程 本科 11000 众***电子
    任* 自动化 本科 13000 北京**科技
    冯** 工业工程 本科 12000 *讯
    孙* 电子信息工程 本科 10000 思**图
    于** 网络工程 本科 11000 新**购
  • 吴** 酒店管理 专科 12000 北京海*台
    张** 工程力学 本科 10000 弘*知行
    朱** 商务日语 本科 9000 河南**力
    焦** 工商管理 本科 10000 联**到
    唐** 计算机网络 专科 9000 惠*科技
    马** 高中 高中 8000 黑龙江*康
    申** 园林技术 专科 13000 叮**动
    党** 计算机科学技术 本科 13000 金*科技
    刘** 动漫设计与制作 本科 12000 家**购北京总部
    王** 木材科学与工程 本科 10000 北京万**科技有限公司
    王** 室内装潢设计 本科 13000 泰*智能
查看全部就业薪资>>

真实商业项目核心技能,会这些薪资就翻倍

企业最需要的技术, 在这里都能学到。 HTML5、交互、JS动效、Web APP轻应用, 4项核心技能让你成为全栈式前端人才。

HTML5

CSS3

JavaScript

jQuery

AngularJS

PHP

NodeJS

Python

  • 课程入门Ⅰ
    HTML+CSS
  • 课程入门Ⅱ
    PS+Axure
  • 课程中级
    JavaScript
  • 课程高级Ⅰ
    jQuery+AJAX
  • 课程高级Ⅱ
    Server&Http+HTML5
  • 终级阶段Ⅰ
    Bootstrap+Angular Js+ jQuery Mobile
  • 终级阶段Ⅱ
    Node.js
  • 终级阶段Ⅲ
    ReactJS/React Native

课程入门Ⅰ重点:HTML+CSS

课程模块 实训模块 课程内容 培养目标 课时
HTML基础 1、超文本标记 1、Web基础知识、HTML快速入门、编辑工具、基本结构、常用标签、W3C标准 熟练掌握各种HTML标签,培养学员熟练使用超文本标记语言能力;快速实现页面骨架搭建。 3天
3、元素在网页中的应用 2、图像和链接、表格、结构标记、URL路径
2、行内元素与块级元素 3、列表、表单、其他常用标记
CSS基础 购物网站局部页面设计:
1、网站样式效果
2、页面广告效果展示
1、CSS结构、语法、样式表分类,优先级、块级元素、内联元素、选择器 熟练掌握各种常用CSS选择器以及CSS样式的定义和使用,能够完成各种页面样式的定义和编写。 4天
2、网页排版、font属性、多种类型背景设置与应用
3、盒子模型、内外边距、计算方式、标准文档流
4、浮动布局、清除、溢出处理、定位网页元素
Project 01 综合HTML和CSS制作京东商城首页 综合HTML和CSS构建网页布局,应用盒子模型,浮动、定位等完成布局,进行细节优化 培养学生自主创新的能力,可以熟练的完成网页的布局,应用HTML和CSS更加的熟练。 3天

课程入门Ⅱ重点:Photoshop+Axure

课程模块 实训模块 课程内容 培养目标 课时
Photoshop
美工设计与切图
1、学习切图及PS一些简单的应用 1、Photoshop软件基础(基本操作、工具使用、图层处理等) 熟悉UI设计基础,培养学员熟练的网页设计能力;帮助学员了解前端整体设计过程;帮助学员掌握基础的网页图形设计制作;让学养成较全面的网页制作能力,以适应企业人才需求。 2天
2、网页素材制作 2、Photoshop页面布局及切图
Axure原型设计 1、网页动态设计 1、Axure基础(界面、元件、原型生成、模板管理、页面属性、交互事件等、触发事件、条件生成器等) 熟悉页面原型设计,培养学员快速构建前端网页能力;帮助学员掌握在企业中界面预演能力。 2天
2、设计产品的需求 2、Axure RP触发事件,动态面板的用途,弹出框设计,Axure动态面板滑动等
Project02 京东点击与老师在线沟通>>页 结合HTML+CSS+PS,完成从切图到界面布局 熟悉UI设计,培养学员前端设计能力。 3天
CSS3CORE 360安全卫士首页 1.应用CSS3新增加的动画、完成图片的滚动 了解及熟练应用CSS3提供的动画效果,制作更炫酷的页面效果,给予用户更高的体验。 3天
2.图像的渐进渐出效果
3.图片的旋转
课程亮点 本阶段着重开发学员的网页开发及设计能力,熟练应用HTML和CSS完成页面的布局,解决不同浏览器的兼容性,熟练查找W3C手册,养成自主学习能力,为接下来的课程打好扎实的基础

课程中级重点:JavaScript

课程模块 实训模块 课程内容 培养目标 课时
JavaScript 1、首页页面设计 1、JavaScript语法、函数、系统对象方法、程序调试 熟练掌握JavaScript语言,掌握网页端逻辑语言的应用于设计;培养学员对整个网页前端逻辑语言运用、应用能力。 20天
2、浏览器的适配 2、BOM对象模型与DOM对象模型
3、网页中的特效 3、JavaScript闭包、JavaScript正则表达式
4、网站中基础功能的实现 4、定时、数组、JavaScript面向对象编程
5、通过JavaScript的学习,制作2048和俄罗斯方块游戏
课程亮点 该阶段是Web前端的核心内容,学习时间较长,百知学院经过对课程的深入剖析,课程涵盖了数组、定时器、循环、原型、继承等JavaScript的核心知识点,通过本阶段的学习,成为JavaScript编程达人。

课程高级Ⅰ重点:jQuery&AJAX

课程模块 实训模块 课程内容 培养目标 课时
jQuery&AJAX 1、利用JavaScript,快速实现网站特效,例如轮播图 1、jQuery基础语法、工作原理、DOM对象与jQuery对象 熟练掌握jQuery库、能使用jQuery完成各种网页交互与用户处理;熟练掌握XMLHttpReques ques01t对象的使用,熟练掌握JSON的数据传输,熟练掌握AJAX与Struts等MVC框架的整合,了解AJAX跨域处理,了解服务器推送技术。 7天
2、jQuery语法、各种jQuery选择器、过滤器、常用属性、事件和方法
3、jQuery动画、操作CSS、自定义动画
4、jQuery表单操作、各项验证技术及插件
2、实现后台与前台异步信息传输 5、jQuery实现AJAX技术、XML与JSON格式数据的处理

课程高级Ⅱ重点:SERVER&HTTP+HTML5

课程模块 实训模块 课程内容 培养目标 课时
SERVER&HTTP 了解服务器与HTTP协议 1、服务器概述、数据库服务器、WEB服务器 了解后端技术与前端技术相结合的重要性。 3天
2、PHP语言基础、PHP操作、MySQL数据库
3、URL、HTTP协议、HTTP优化
HTML5 1、实现更加绚丽的页面场景 1、使用Canvas、场景、状态、图形组合与变换 熟练掌握HTML5中的绘图、音频视频处理、表单新特性等;学习HTML5网页游戏制作。 6天
2、利用其本地存储特性使网页更加快速启动。 2、渐变、图形处理、文字绘制
3、Canvas三维图形设计 3、文本效果、字体、过渡
4、使用HTML5、CSS3以及JavaScript完成网页游戏制作
Project 飞机大战游戏 结合HTML5, CSS 3, JavaScript等前端UI技术 体验HTML5的新特性,画布来制作游戏,Canvas的作用越来越凸显,应用的也很广泛。 4天
课程亮点 该阶段是WEB前端工程师所需掌握的典型知识体系,包含了HTML5的新特性,其中重点的Canvas,Video,Radio等等,结合游戏,让学员的体验更好。

终级阶段Ⅰ重点:Bootstrap+AngularJS+Jquery Mobile

课程模块 实训模块 课程内容 培养目标 课时
Bootstrap框架 1、通过现成的UI组件迅速搭建前端页面 1、Bootsrap环境搭建、样式、排版、HTML5辅助设计 熟练掌握Bootstrap框架、能够使用框架能独立开发企业及网站。 5天
2、用less重新设计组件 2、Bootstrap框架结构、布局、辅助样式、响应式样式
  3、Bootsrap插件制作与使用、栅格系统
AngularJS框架 1、数据的双向绑定实现 1、AngularJS WEB应用 理解AngularJS的框架原理、掌握MVC编程模式,熟练使用AangularJS实现网页的重构。 5天
2、实现代码的模块化设计制作 2、MVC编程、模块化及模板使用
3、实现代码独立作用域 3、数据绑定、语义化标签、依赖注入、服务器交互
Jquery Mobile移动网站开发 WebApp制作
1、页面扁平化设计风格
2、主题与SVG图片的设计
3、默认的UI组件引用
1、jQuery Mobile框架、UI组件、各种视觉效果制作 掌握jQuery Mobile框架及各种组件的使用,熟练使用jQuery Mobile完成移动网站的开发。 5天
2、jQuery Mobile列表、表单、配置、动态内容、事件处理
3、jQuery Mobile项目实战
Project 1、因特尔网页 结合Bootstrap、Angular JS、jQuery Mobile快速开发项目 经过此阶段让学员熟练使用Bootstrap、Angular JS、jQuery Mobile这些Web前端工程师必须掌握的技能。 5天
2、开饭啦App
课程亮点 本阶段学习的内容是目前各大中型企业要求Web前端工程师必备技能,学员熟练掌握,为今后高薪打下坚实的基础。

终级阶段Ⅱ重点:Node.js

课程模块 实训模块 课程内容 培养目标 课时
Node.js 1、基于事件驱动 1、路由、中间件 掌握Node后台开发环境,通过Node.js编写出后台代码,支持前后端交互,从前端到后台整栈的接口设计和代码实现。 15天
2、非阻塞的异步I/O 2、static静态文件
3、单进程、单线程 3、Cookie和Session以及哈希算法和MD5加密
4、模块化开发 4、Node核心模块Express
5、V8引擎 5、MongoDB数据库和Mongoose操作MongoDB模块
  6、环境变量和DEBUG
Project 1、CRM客户管理系统 通过Express生成器搭建项目平台,前台使用HTML/CSS和JS实现页面的布局和基本操作, 运用所有Node内置模块和自定义模块内容实现基本逻辑和业务,通过MongoDB存储数据 经过此阶段让学员能够真正具备项目中接口的设计能力,写出设计文档。能够实现从前端到后端全栈式开发。 5天
2、留言分页系统
3、百知博客
课程亮点 注重理论和实践结合,所有阶段都有企业级项目案例和代码。保证学员能够具备设计和编写项目能力,从前台到后台的全栈是开发,重点培养学员的知识的运用能力和综合项目实战能力。

终级阶段Ⅲ重点:ReactJS/React Native

课程模块 实训模块 课程内容 培养目标 课时
ReactJS/React Native 1、跨浏览器兼容 1、JSX语法 掌握ReactJS中的JSX语法,组件法开发和虚拟DOM,了解React Native跨平台开发技术,完美运行在OS和Win不同平台下 15天
2、Component模块化 2、自定义组件和复合组件
3、Virtual DOM虚拟DOM 3、路由reactRouter
4、JSX 4、组件生命周期和传值
5、单向数据流 5、AJAX
6、同构JavaScript 6、React-Native OSX
7、跨平台混合开发 7、React-Native Win
Project 1、百知留言板 运用ReactJS中的组件开发,路由Router和AJAX数据请求,运用之前学习的Node.js后台数据处理,综合React Native混合式开发技术的综合性实战项目。 经过这个阶段学员可以将之前学习的所有技术点综合运行,ReactJS, JSX和Node后台以及React Native混合开发的技术点融合。提升学生的综合分析和处理问题的能力。 5天
2、百知前沿生活
课程亮点 混合式开发,能够运用ReactJS和React Native和Node阶段的所有知识点,了解不同平台下的差异性,了解混合式编程技术,开发出一款完美运行在不同平台下的应用。
了解课程详情

跟着大牛写代码

我们的讲师全部来自企业中工作多年的项目经理、技术总监或知名应用 开发者, 随时掌握行业新兴技术,企业需要什么,你就能学到什么。
  • 讲课风趣幽默,深入浅出,能够激发学生的学习兴趣。注重细节,推崇实战开发,奉行实践是检验真理的唯一标准。

    陈鹏轩

  • 帅气外表和潇洒的气质也遮盖不住他在软件开发教育行业上的潜质,龙哥被誉为Java界的一大活宝,以幽默风趣,细致入微的讲课方式以及超级丰富的开发经验带你一窥Java奥秘。

    彭云龙

  • 全栈式技术型讲师,致力于一线技术研究以及教学领域深化,对技术有着一探究竟的执着。

    蒋中洲

  • 治学严谨、对学生认真负责。能以学生的角度去考虑问题,通过生活中的例子把复杂问题简单化、明确化,学生学习过程中的传道士。

    候秋娜

  • 授课深入浅出,细致耐心,善于举例,思维严谨灵活。对待学生极有责任心,教学一丝不苟,非常注重学生实战能力和动手能力,深受学员好评!

    王鹏程

  • 犀利的目光如瀚海,透露内心的睿智,授课风格独具一格,讲解深入浅出。

    徐双元

  • 柔弱的外表下蕴含着极大的能量,江湖人称“小丽哥”,从事IT培训6年,专注精英培养无数。

    许丽

百知与300余家高校强强合作

联手打造百知独家"秘技"

  • 开启大数据研发"薪"玩法

    百知作为百度的战略合作伙伴,为百度人工智能,大数据,云计算技术输出,提供技术输出产品开发支持,为百度云智学院校企专业共建提供落地服务,双方共同努力,为高校人工智能,大数据,云计算专业建设升级赋能。

  • 科研与教育"薪"鲜碰撞

    与南阳理工软件学院30亿体量大数据项目正式启动,中关村互联网+人才基地大数据课程体系研发导师龚才春博士作为项目总负责人带领并组织整个团队共建大数据联合实验室,完善并优化大数据专业建设课程体系、师资培养体系、教学案例、数据资源等。

1 2
百知•中关村双创示范基地

中关村软件园人才基地官方唯一合作伙伴

  • 世界一流 中国第一

    中关村软件园--中国著名的软件基地,被国家发改委、信息产业部、商务部命名为"国家软件产业基地"和"国家软件出口基地",有中国"硅谷"之称。党和国家领导人曾多次莅临视察,赋予高度关注、殷切希望。

  • 产业集聚,规模最大,层次最高

    园区聚集世界500强企业、国内外众多一流软件企业、走在IT技术前沿的新兴企业及其他知名企业350多家,国家规划布局重点软件企业21家,占全国1/8,集聚一批国际级研发中心如IBM全球八大研究院之一、IBM第五大研发中心、Oracle亚太研发中心等。

名企直招 就业老师全程指导

百知会定期举办上门招聘、企业定制、名企面对面、企业双选会、大型IT专场招聘会 确保每位学员都能找到适合自己的职位

Web前端培训知识更多>>