基本功·HTML5·CSS3·移动端·响应式·Less·Sass·BootStrap·Pure·Puerh·Ratchet·Animated·模块化·组件化·WebApp·Gulp·项目实战

课程优势

COURSE ADVANTAGE

积累

五年的积累,让课程更专业,让品牌最具口碑

全实战内容

500+个基础实例及100+个整站实例

即时更新

即时更新的课程实例+知识点,使课程与时俱进,保持新鲜

细致耐心

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

结课标准

清晰明确的结课标准+大型实战项目辅导

终身服务

唯一一家做到,一次付款,终身免费学和售后服务。

STUDENTS
REQUIREMENTS

学员要求

REQUIREMENTS FOR THE PARTICIPANTS

BASIC CONDITIONS

基本条件

基本电脑操作(安装程序、查找文件等)

OFFICE

办公软件

如果再会使用office办公软件、或再有点儿英语水平就太好了

DEEP LOVE

热爱

如果没有也没关系,只要你一颗热爱学习的心,和良好的心态,剩下的交给我们

PROGRAM DREAM

编程梦

让真正想学变成的人,享受编程的乐趣

课程大纲

COURSE OUTLINE

01

坚持

我们始终坚持随时遇到新的东西,就去更新课程(注意:这里看到的大纲不一定是新的哦,课程是新的)。

02

动力

课程更新的动力,来源于我们对前端的热爱及学员对我们的肯定。

03

标准

衡量完美的课程的标准,就是学员能不能做东西和有没有好的思路。

04

扩展

课程内部我们提供了拓展思路的很多练习。为的就是拓宽大家的思路。

我们把几年积攒下来的经验,用几个月的时间,都告诉你。为了让你遇见一个"更好"的自己。

表格版课程大纲

课程内容

COURSE CONTENT

01

初识HTML+CSS

浏览器语言:HTML、CSS、JS、开发工具、第一个HTML页面(含详解)、CSS基础样式、基本标签、A、img、什么是css?、css基本语法、选择器(部分)、width、height、border、background...

02

样式重置与选择符

如何初始化(重置)样式、选择符、选择符优先级、ID和Class区别、细节标签...

03

块和内嵌、浮动

块和内嵌特点、块和内嵌转换、标签嵌套规范、浮动详解、浮动的各种bug、如何清除浮动...

04

定位与JS布局

相对定位、相对定位特点、绝对定位、绝对定位特点、固定定位、透明度、透明度问题、透明度的使用、透明度复杂案例...

05

表格、表单

表格详解、应用、表单、表单样式、表单兼容性、表单应用、丰富的表单制作。了解表格和表单在网页中的应用,熟练使用自定义表单...

06

Css Sprite

Css Sprit详解 (精灵/雪碧 -。- No No 不是可口可乐那个)、拼图的技巧、对滑动门的拼图、Sprite样式写法、优缺点分析。熟练使用图片合并,并掌握图片合并的各种方法和技巧。

07

CSS 样式中的兼容性、滑动门

调试兼容性的方法、兼容性汇总、overflow问题、Css Hack、条件注释语句、调试的各种技巧、滑动门详解、优缺点分析、实战应用。熟练掌握css中的各种兼容性,并了解滑动门的原理...

08

一线互联网公司面试题

内部测试题(至少70道)、面试题、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中兴趣题解答(大家感兴趣的布局或面试题)...

09

CSS3基础

新增的标签(nav、header、figure、article、section、audio、video等)、input新的可用type、新的“可用”选择器、属性选择器、伪类选择器、伪元素、box-shadow、border-radius...

10

transform、transition、animation

translate、scale、rotate、skew、transform-origin、transform-style、perspective、transition(各种详细参数)、animation(各种详细参数)、animation库、各种实战项目、手机动画专题页面制作...

11

响应式和移动页面

viewport、IOS设备专用meta、媒体查询(Media Query)、媒体类型、响应式布局技巧及注意事项、移动端布局注意事项、移动页面制作技巧及如何适应不同分辨率,真实工作案例分享...

12

Less、Sass

Less是什么?、编译工具、浏览器中调用、Less中的注释、变量、参数、@arguments 变量、!important关键字、模式匹配、Guard表达式、嵌套规则、运算、函数、插值、导入...
sass:安装环境、编译工具、注释、变量、变量范围、嵌套、混合(mixin) 、继承、运算、函数、循环、SassCore库、其他.熟练使用Sass编写页面....

13

栅格化

如何使用栅格化、栅格化对web的作用、栅格化在工作的实际应用。了解栅格化在网页中的应用

14

BootStrap、Pure、Puerh、Animated

讲解各种库的核心思想,给大家真正有价值的东西。

15

组件化

组件化课程包含如何使用Less或Sass或原生CSS封装自己的组件。以及封装组件的注意事项,思想等。掌握组件化的封装原理,使用Less或Sass封装组件。

16

Gulp

课程内容gulp安装、插件管理、版本控制、postcss、使用gulp管理自己的项目,压缩CSS、js、图片合并等,以及postcss的使用

查看更多

初识HTML+CSS

课程内容

浏览器语言:HTML、CSS、JS、开发工具、第一个HTML页面(含详解)、CSS基础样式、基本标签、A、img、什么是css?、css基本语法、选择器(部分)、width、height、border、background、margin、padding、基础样式、文字操作、颜色写法、HTML书写规范

培训目标

了解目前行业情况,课程入门基础的工具使用,掌握HTML语法基础及CSS基础样式,达到老师上、下课所布置的任务。

项目实践

各大互联网公司的精品页面局部内容的制作。包括布局和样式、根据情况设定的针对性练习

样式重置与选择符

课程内容

如何初始化(重置)样式、选择符、选择符优先级、ID和Class区别、细节标签

培训目标

掌握浏览器之间的样式默认样式差异化,掌握如何进行样式的重置及选择器的使用。问题等

项目实践

BAT及其他网站的小模块内容制作。

块和内嵌、浮动

课程内容

块和内嵌特点、块和内嵌转换、标签嵌套规范、浮动详解、浮动的各种问题、如何清除浮动、清浮动的原理、为什么要清浮动

培训目标

掌握块和内嵌的特点,为后面的课程打基础。

项目实践

分页、导航、彩票、360新闻、360应用排行榜、淘宝女装、土豆、网易云音乐、花瓣瀑布流

定位与JS布局

课程内容

相对定位、相对定位特点、绝对定位、绝对定位特点、固定定位、透明度、透明度问题、透明度的使用、透明度复杂案例、Js布局

培训目标

掌握定位和一些技巧,熟练掌握js布局,为网页中的js内容打好基础。

项目实践

时间轴、优酷土豆登陆、焦点图制作、树形导航菜单、支付宝、携程旅游、优酷音乐、酷我音乐热门歌手

表格、表单

课程内容

表格详解、应用、表单(input、select、textarea、radio、checkbox、password、text、file...)、表单样式、表单兼容性、表单应用、丰富的表单制作、模拟file框

培训目标

了解表格和表单在网页中的应用,熟练使用自定义表单。

项目实践

QQ注册、新浪微博注册、360问答、个人资料页

Css Sprite

课程内容

Css Sprit详解 (精灵/雪碧 -。- No No 不是可口可乐那个)、拼图的技巧、对滑动门的拼图、Sprite样式写法、优缺点分析

培训目标

熟练使用图片合并,并掌握图片合并的各种方法和技巧。

项目实践

QQ旋风、淘宝帮助中心、淘宝首页导航、腾讯软件、腾讯应用宝、新浪微博分类

CSS 样式中的兼容性、滑动门

课程内容

调试兼容性的方法、兼容性汇总、overflow问题、Css Hack、条件注释语句、调试的各种技巧、滑动门详解、优缺点分析、实战应用

培训目标

熟练掌握css中的各种兼容性,并了解滑动门的原理

一线互联网公司面试题

课程内容

内部测试题(至少70道)、面试题、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中、兴趣题解答(大家感兴趣的布局或面试题)

培训目标

了解各种面试题,各种布局的原理、思想。为以后的面试打基础,并且内部有很多测试题。

CSS3基础

课程内容

新增的标签(nav、header、figure、article、section、audio、video等)、input新的可用type、新的“可用”选择器、属性选择器、伪类选择器、伪元素、box-shadow、border-radius、text-shadow、text-transform、calc()、background新的用法、CSS3 遮罩、线性渐变、渐变 – 圆形(径向)、渐变应用、Box-sizing、Box-sizing的问题、弹性布局、弹性布局对齐方式、弹性布局应用、box-reflect、-webkit-filter、@font-face等...

培训目标

掌握HTML5+CSS3新增标签及基础的样式

项目实践

基础样式练习,微信App、微博App、微信公共账号底部菜单

transform
transition
animation

课程内容

translate、scale、rotate、skew、transform-origin、transform-style、perspective、transition(各种详细参数)、animation(各种详细参数)、各种实战项目、手机动画专题页面制作

培训目标

掌握CSS3的各种变化,了解景深是什么。并熟练使用。

项目实践

各种变幻练习、ihover库效果逐一实现

响应式和移动页面

课程内容

viewport、IOS设备专用meta、媒体查询(Media Query)、媒体类型、响应式布局技巧及注意事项、移动端布局注意事项、移动页面制作技巧及如何适应不同分辨率,真实工作案例分享

培训目标

了解viewport及ios的各种应用,能够使用响应式写出真实的案,并且对移动页面有独立的制作能力。

项目实践

微软中国官网、微软中国电商、手机淘宝HTML5版,京东、医药网站、苏宁易购

Less

课程内容

Less是什么?、编译工具、浏览器中调用、Less中的注释、变量、参数、@arguments 变量、!important关键字、模式匹配、Guard表达式、嵌套规则、运算、函数、插值、导入、zless库的应用、作用域、避免编译、命名空间

培训目标

掌握less的基本语法和在工作中的实际应用。

项目实践

Less版新浪微博和优酷淘宝任选其一

Sass

课程内容

安装环境、编译工具、注释、变量、变量范围、嵌套、混合(mixin) 、继承、运算、函数、循环、SassCore库、其他

培训目标

熟练使用Sass编写页面

项目实践

Sass版淘宝

栅格化

课程内容

如何使用栅格化、栅格化对web的作用、栅格化在工作的实际应用。

培训目标

了解栅格化在网页中的应用

项目实践

360热搜、优酷首页

BootStrap
Pure

课程内容

bootstrap 3 核心思路讲解、使用方法

培训目标

了解并掌握bootstrap使用

Puerh
Animated

课程内容

讲解各种库的核心思想,给大家真正有价值的东西。

培训目标

了解各种库或框架的核心原理和思路

组件化

课程内容

组件化课程包含如何使用Less或Sass或原生CSS封装自己的组件。以及封装组件的注意事项,思想等。

培训目标

掌握组件化的封装原理,使用Less或Sass封装组件。

Gulp

课程内容

gulp安装、插件管理、版本控制、postcss

培训目标

使用gulp管理自己的项目,压缩CSS、js、图片合并等,以及postcss的使用

综合实战

项目实践

平时积累的小型项目+整站,和最后的这个项目实战内容,构成了整体课程的结课标准。

节课标准

STANDARD CLASS

TASK

任务

完成老师课上课下布置的练习

INTERNAL ASSESSMENT

内部考核

结课前的内部测试,我们提供了很多基础测试题和提高测试题

PROJECT

项目

至少3~5个整站项目,包括淘宝、优酷、微软中国、游戏页面等

课程信息

COURSE INFORMATION

上课时间 学习时长 课程收费 上课地点
全日制:周一到周六
日出 9:00 日落 8:00
2个月 6000元(RMB) [1阶段/15800元] 北京市昌平区沙阳路18号(北京科技职业技术学院)
咨询报名 / 联系我们
上课时间 学习时长
全日制:周一到周六
日出 9:00 日落 8:00
2个月
课程收费 上课地点
6000元(RMB) [1阶段/15800元] 北京市昌平区沙阳路18号(北京科技职业技术学院)
咨询报名 / 联系我们

常见问题

COMMON PROBLEM

01

我零基础,可以学会吗?

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

02

学费能不能分期付款?

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

03

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

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

04

前端薪资如何?

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

05

我们有哪些优势?

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

确定