零基础入门实战班

Web前端开发的基础课程

适合初入行业,或者转行的朋友

让您能够真正的学会和打好基础

课程优势

COURSE ADVANTAGE

积累

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

全实战内容

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

即时更新

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

细致耐心

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

结课标准

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

终身服务

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

学员要求

REQUIREMENTS FOR THE PARTICIPANTS

基本条件

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

办公软件

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

热爱

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

课程大纲

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 OF COURSE

基础

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

提升

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

高级

掌握CSS中偏门的一些小知识、技巧

提升

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

课程信息

COURSE INFORMATION

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

常见问题

COMMON PROBLEM

01

我零基础,可以学会吗?

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

02

学费能不能分期付款?

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

03

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

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

04

前端薪资如何?

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

05

我们有哪些优势?

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