HTML5+CSS3(移动端)实战班

专业的移动端知识讲解

深入的响应式、移动端实战内容

让您在任何公司都是移动端的担当

课程优势

COURSE ADVANTAGE

创新

近200+个基础实例及移动端和响应式案例

积累

六年的积累,让我们更懂得如何做好课程

即时更新

即时更新的课程实例、知识点

细致耐心

细致耐心的练习辅导,随时提问的教学体质

结课标准

清晰明确的结课标准+移动端实战项目辅导

终身服务

一次学习,可享终身免费重学和售后服务

学员要求

REQUIREMENTS FOR THE PARTICIPANTS

基本条件

熟悉CSS/JS,编写网页及效果

必备条件

熟练使用JavaScript实现网站功能及效果

目标

对于提升自己的价值,有内心的渴求

移动端方向课程大纲

FRONT

你目前拥有的,都将随着你的死亡而成为他人的。那为何不现在就布施给真正需要的人呢?

01

移动前端制作基础(HTML5+CSS3基础)

该课程包含 Web前端实战班-CSS实战课程 - 课程大纲(高级及移动端 - HTML5课程的CSS部分) - 注:是包含全部的CSS课程中的CSS3部分

02

angular.js

angular.js解决了前端什么问题、M-V-whatever体系架构思想、自定义属性、H5的data-*属性与data-ng-*属性、引入angular.js文件、初始化module,controller,view、怎么理解依赖注入、第一个service->$scope、injector,annotate、$filter,$log、如何使用第三方模块、插值表达式、$timeout、directive,two way data-binding、深入学习指令、ng-model、$apply、ng-if 、ng-class、ng-show、ng-hide、ng-repeat、ng-click、$http、多视图、多控制器、hashchange事件与$location、ngRoute、$routeProvider、template、自定义service、自定义directive、compile、link、transclusion、angular.js项目实战

03

Node.js

CLI命令学习、V8引擎架构理解(c++ core与js core)、B/S架构、作为服务器端的JavaScript要解决的问题、Node源代码分析、安装Node.js、Modules、exports、require、事件与事件发射器、异步代码、libuv,事件循环,流,buffer,文件操作等、http详解、创建一个自己的web服务器、npm详解、如何做一个自己的npm模块并提交到npm组织、express详解、moongoose中间件、使用express制作一个自己的博客、使用express给我们的模拟项目提供restful API

04

localStorage与地理信息

本地存储和cookie的区别,localStorage和sessionStorage的区别、localStorage的支持情况,兼容性检测、添加、删除数据,删除数据、localStorage使用的注意事项、实例:基于localStorage的待办事项、localStorage的方法和属性,setItem、getItem、清空localStorage,遍历localStorage的方法、实例:基于localStorage的记事本、localStorage的事件,onstorage的兼容性写法,事件对象的各种属性:key、oldValue、newValue、url/uri、Json对象的方法,stringify、parse,parse和eval的区别、调试工具的使用、窗口间通信

05

canvas

线条、beginPath、closePath、lineCap、lineJoin、miterLimit、drawImage、图形变换、线性渐变、径向渐变、加载图片、video、离线canvas、曲线 arc(),arcTo()、画贝塞尔曲线、 字型、字号与字体、文本的度量与对齐、globalAlpha、globalCompositeOperation、剪辑区、isPointInPath、坐标系转换、webAudio核心API、放大镜实现、遮罩实现、动画效果、可视化音乐、画图效果实现

06

echarts

grid组件、网格、坐标轴、xAxis、yAixs、boundryGap,onZero,onGap,clickable、splitLine、splitArea、折线图、柱状图、tooltip、itemStyle、lineStyle、symbol,K线图、散点图、南丁格尔玫瑰图、仪表盘,gauge、漏斗图、缩放漫游、值域漫游、气泡图、scatter、funne、markpoint、markLine,echarts主题的设置

07

实战

综合实战项目

移动端制作

课程内容

该课程包含 Web前端实战班-CSS实战课程 - 课程大纲(高级及移动端 - HTML5课程的CSS部分) - 注:是包含全部的CSS课程中的CSS3部分

培训目标

掌握CSS3基础功底,为工作打下一个很好的基础。

项目实践

各种3D变幻的效果,iHover

移动端
事件基础

课程内容

touch事件、touchstart、touchmove、touchend、touches、targetTouches、changedTouches、移动端拖拽、默认事件处理、transitionend事件

培训目标

了解移动端事件和PC端事件的区别和使用方法

项目实践

移动端焦点图

angular.js

课程内容

angular.js解决了前端什么问题、M-V-whatever体系架构思想、自定义属性、H5的data-*属性与data-ng-*属性、引入angular.js文件、初始化module,controller,view、怎么理解依赖注入、第一个service->$scope、injector,annotate、$filter,$log、如何使用第三方模块、插值表达式、$timeout、directive,two way data-binding、深入学习指令、ng-model、$apply、ng-if 、ng-class、ng-show、ng-hide、ng-repeat、ng-click、$http、多视图、多控制器、hashchange事件与$location、ngRoute、$routeProvider、template、自定义service、自定义directive、compile、link、transclusion、angular.js项目实战

培训目标

使用angular构建项目

Video
Audio

课程内容

audio 、video、source、视频容器、controls、autoplay、loop、currentTime、duration、volume、autobuffer、paused、、编解码器、转码、压缩

培训目标

了解视频编码要求、压缩、转码、audio和video的使用,在移动端应用的场景,注意事项等

项目实践

移动端场景制作、专题制作、活动页面等

地理信息

课程内容

本地存储和cookie的区别,localStorage和sessionStorage的区别、localStorage的支持情况,兼容性检测、添加、删除数据,删除数据、localStorage使用的注意事项、实例:基于localStorage的待办事项、localStorage的方法和属性,setItem、getItem、清空localStorage,遍历localStorage的方法、实例:基于localStorage的记事本、localStorage的事件,onstorage的兼容性写法,事件对象的各种属性:key、oldValue、newValue、url/uri、Json对象的方法,stringify、parse,parse和eval的区别、调试工具的使用、窗口间通信

canvas

课程内容

线条、beginPath、closePath、lineCap、lineJoin、miterLimit、drawImage、图形变换、线性渐变、径向渐变、加载图片、video、离线canvas、曲线 arc(),arcTo()、画贝塞尔曲线、 字型、字号与字体、文本的度量与对齐、globalAlpha、globalCompositeOperation、剪辑区、isPointInPath、坐标系转换、webAudio核心API、放大镜实现、遮罩实现、动画效果、可视化音乐、画图效果实现

echarts

课程内容

grid组件、网格、坐标轴、xAxis、yAixs、boundryGap,onZero,onGap,clickable、splitLine、splitArea、折线图、柱状图、tooltip、itemStyle、lineStyle、symbol,K线图、散点图、南丁格尔玫瑰图、仪表盘,gauge、漏斗图、缩放漫游、值域漫游、气泡图、scatter、funne、markpoint、markLine,echarts主题的设置

综合

培训目标

综合实战内容

表格版课程大纲

结课标准

STANDARD CLASS

基础

能够使用HTML5+CSS3独立开发移动端或PC端项目

提升

video、audio、移动端的专题页面。transform、transition、animetion熟练

高级

能够使用前端框架构建项目,了解canvas、echarts相关api及使用

提升

毕业前面试及笔试考核,专属每个学员的职业建议,职业发展

课程信息

COURSE INFORMATION

上课时间 学习时长 课程收费 上课地点
全日制:周一到周六
日出 9:00 日落 8:00
2.5个月~3个月 3600
报名HTML(CSS)+JS可赠送HTML5课程
北京市昌平区沙阳路18号(北京科技职业技术学院)
咨询报名 / 联系方式
上课时间 学习时长
全日制:周一到周六
日出 9:00 日落 8:00
2个月
课程收费 上课地点
5900元 北京市昌平区沙阳路18号(北京科技职业技术学院)
咨询报名 / 联系方式

常见问题

COMMON PROBLEM

01

我零基础,可以学会吗?

零基础学员可以掌握课程里面的知识,但前提是你必须要付出100%的努力,一定要认真完成我们布置的练习,另外,我们希望你主动积极的去提问。

02

学费能不能分期付款?

学费可以分期,目前我们的分期方式如下: 第一期:开课之前交一部分 第二期:上完一个月左右补交另外一部分 如果你实在有困难,可以跟我们说清,我们会针对你的情况,将分期适当的进行调整。具体的方式可以联系方式。 我们愿意为想学习的你,提供力所能及的帮助。

03

我很笨,怕学不会/学的慢?

我们有一套自己的教学方法,确保每一个学员都能跟上,都能学会。笨不可怕,慢也不可怕,只要您肯去努力,我们就绝不放下每一个学员。正所谓:"努力不一定成功,但放弃一定失败"。何不多给自己一次机会呢?

04

前端薪资如何?

就目前来看,我们的学员薪资平均在9~12k左右。高的也有,低的也有。

05

我们有哪些优势?

小班授课,师徒模式传授。同时,我们有六年的培训经验,培训不仅仅是我们的一种生活方式,更是对学员的一份责任。