WEB前端开发入门班第四期
课时102 课时
招生人数25
开班期数 第 4 期
开课时间9月1日
授课讲师壁虎
¥2200
课程介绍 课程目录 常见问题 报名流程
特色课程,让您无法SAY NO!
  • 金牌讲师
    课程质量保证
  • 实时授课、即时答疑
    语音对话,互动性强
  • 免费观看课程录像
    丰富的课后练习

1、课程质量保证:我要自学网金牌讲师-于景波,把最新最实用的技术交给大家。
2、实时授课:互动性强、即时答疑,远程教育软件声音清晰,可进行实时语音对话,互动方便,真正的培训课堂体验。

3、学习更有效:丰富的课后练习,班级QQ群可以与老师和助教进行交流。
4、培训后可办理正规的“HTML5前端开发工程师”证书:凡参加本期培训的学员,学完后,可报名参加考证(注:办证需另交办证费用)

课程目标
1.具备完成各种互联网系统的页面布局、外观实现及动态交互的能力;
2.能开发简单的企业官网前端页面;
3.达到企业的前端开发初级工程师水平;
4.具备自学前端其他进阶框架的能力。

详细说明
1、每周4次课,逢周一、二、四、六晚上7:30-10:30;培训周期2个月。
2、满30人开课,50人封顶,报名从速。
3、只要网络上行下行速度均达到100KB/S以上,即可体验上课。
4、如果学员当节缺课,本站提供课程录像下载。
课程简介
此培训课程让学生能迅速掌握并使用HTML+CSS+JS设计兼容各种主流浏览器及手机端的前端页面。
培训后可以达到以下目标:

1.具备完成各种互联网系统的页面布局、外观实现及动态交互的能力;
2.能开发简单的企业官网前端页面;
3.达到企业的前端开发初级工程师水平;
4.具备自学前端其他进阶框架的能力。获取>>试听视频

培训平台优势

1、课程质量保证:我要自学网金牌讲师-于景波主讲,把最新最实用的技术交给大家。
2、实时授课:互动性强、即时答疑,远程教育软件声音清晰,可进行实时语音对话,互动方便,真正的培训课堂体验。

3、学习更有效:丰富的课后练习,班级QQ群可以与老师和助教进行交流。
4、培训质量有保障,可以免费观看后期的课程录像。

5、培训后可办理正规的“HTML5前端开发工程师”证书:凡参加本期培训的学员,学完后,可报名参加考证(注:办证需另交办证费用)

 

 

报名流程:① -> ② -> ③ -> ④

上课方式

1、由本站发送"远程教学软件"给学员安装。
2、学员安装后中,通过学员端口登录,即可进入远程课堂。
3、老师讲课,并在上课过程中,并通过此软件跟学员互动交流。

前端开发简介
课程知识结构
实战项目截图

    

    

    

详细计划

序号

教学课题

教学内容

课时

授课方式

教师

  1.  1

前端入门(1)

Web为何物
HTML简介
标题、水平线、注释、段落标签
文本格式化标签
排版古诗
发布网页到服务器

3

实时授课

于景波

  1.  2

前端入门(2)

photoshop的简单用法
Hbuilder编辑器
翻墙工具使用
谷歌浏览器安装二维码插件
在手机上查看自己写的网页
网页中的颜色

3

实时授课

于景波

  1.  3

前端入门(3)

什么是CSS
HTML和CSS的关系
CSS出现的位置
CSS边框
CSS背景

3

实时授课

于景波

  1.  4

前端入门(4)

文字
文本
内边距
外边距
内边距与外边距的区别
盒子模型

3

实时授课

于景波

  1.  5

作业讲解

入门课作业讲解

3

实时授课

于景波

  1.  6

HTML常用标签

DOCTYPE文档类型
.html,xml,xhtml,html5的概念
a标签的基本用法
a标签的文件下载
a标签的锚点
a标签的状态
Img标签
其他标签
语义化标签

3

实时授课

于景波

  1.  7

CSS2选择器

id选择器与标签选择器
类选择器与群组选择器
包含选择器与通配符选择器
选择器优先级
面试题
样式重置

3

实时授课

于景波

  1.  8

标签类型划分、嵌套规则

块元素特征
行内(内联)元素特征
区别块元素和行内元素
块元素特征和行内元素特征的转换
inline-block
百度翻页小例子
标签嵌套的规则
之前作业讲解

3

实时授课

于景波

  1.  9

浮动

浮动定义、特征
文档流与脱离文档流
浮动和inline-block区别
清除浮动造成影响的N种方法

3

实时授课

于景波

  1.  10

作业讲解

浮动作业讲解

3

实时授课

于景波

  1.  11

定位

定位的基本概念
相对定位的特征
绝对定位的特征
可视区以及填充可视区
固定定位
层级
居中

3

实时授课

于景波

  1.  12

BFC

BFC的基本含义
触发BFC的规则
BFC的布局规则
Layout
定位作业讲解

3

实时授课

于景波

  1.  13

表格表单

Table
合并单元格
课程表
基本的表单标签
表单传输数据到后端演示
仿百度搜索
其他属性和标签
表单重置

3

实时授课

于景波

  1.  14

作业讲解

表格表单作业讲解

3

实时授课

于景波

  1.  15

浏览器兼容性

兼容性概述
环境配置
IE6-9下的各种奇葩兼容性问题
HTML5兼容性问题
png-26兼容问题
CSS Hack
HTML Hack

3

实时授课

于景波

  1.  16

百度首页

百度首页实战

3

实时授课

于景波

  1.  17

CSS3

CSS3属性选择器
CSS3伪类选择器
RGBA
字体阴影
盒模型阴影
圆角

3

实时授课

于景波

  1.  18

CSS3

多重背景
背景大小
background-clip background-origin
box-sizing盒模型设置
自定义字体

3

实时授课

于景波

  1.  19

HTML5表单

新增输入类型
新增表单属性
表单美化相关伪元素选择器
手机、电脑浏览器内核以及兼容性讲解
表单美化例子

3

实时授课

于景波

  1.  20

作业讲解

HTML5表单作业

3

实时授课

于景波

  1.  21

弹性盒模型

flex的定义
flex-flow
主轴和交叉轴的布局方式
色子例子
order、flex-grow、flex-shrink
flex-basis、flex

3

实时授课

于景波

  1.  22

弹性盒模型应用

垂直居中
两列布局
双飞翼布局
三列布局
百分比应用
手机淘宝底部导航

3

实时授课

于景波

  1.  23

CSS3动画(1)

transition过渡
transform变换
3D变换

3

实时授课

于景波

  1.  24

CSS3动画(2)

animation动画
animate动画库
作业讲解

3

实时授课

于景波

  1.  25

移动端开发和适配(1)

PC和移动的区别
谷歌浏览器模拟器
设备信息
网络环境
传感器
CSS像素和物理像素

3

实时授课

于景波

  1.  26

移动端开发和适配(2)

viewport
媒体查询
横竖屏以及media应用
media布局
百分比布局
Flex布局
em
rem布局

3

实时授课

于景波

  1.  27

实战

手机淘宝首页界面编写

3

实时授课

于景波

  1.  28

Javascript入门(1)

Js可以做什么
Js组成
书写位置
注释
Window.onload
变量和命名
函数

3

实时授课

于景波

  1.  29

Javascript入门(2)

js操作属性
js字符串
If...else
If...else if
流程控制例子

3

实时授课

于景波

  1.  30

Javascript入门(3)

图片切换
初识数组
图片切换
getElementsByTagName
getElementsByClassName
querySelector和querySelector
批量改变dom元素
for循环
循环嵌套
This
自定义属性

3

实时授课

于景波

  1.  31

Javascript入门(4)

javascript选项卡
作业讲解

3

实时授课

于景波

  1.  32

美团项目实战(1)

项目前的准备工作
如何“借鉴”别人网站的字体文件
收藏按钮悬浮实心效果
箭头和翻转

3

实时授课

于景波

  1.  33

美团项目实战(2)

搜索框布局和实现
底部导航栏布局
边框箭头
条件过滤区域布局
单行文字省略
图文列表布局
评分星星的实现方式

3

实时授课

于景波

  1.  34

美团项目实战(3)

Tab
网站信息布局
网站信息布局
优化

3

实时授课

于景波

 

讲师简介
壁虎 (讲师)

许友爻(壁虎)老师曾经在北京某金融公司任移动端研发经理一职,后技术入股某创业公司,做后端架构,属全栈型开发者,其功力深厚,对各类语言手到擒来。 授课方面经验丰富,2012年便开始录制Java教程,相继推出安卓课程,并连续带了两年的安卓远程班,属于自学网金牌讲师。
擅长技术:Java、JavaWEB、Android、PHP、Hadoop大数据
主要参与项目:
金融脸谱
王府井网上商城系统
印象笔记
某在线教育网站等

适合人群
1、初中以上学历,对编程有兴趣。
2、渴望通过前端开发培训获得高薪就业,但是经济拮据的朋友。
3、不满足于单向视频教程的自学速度,渴望快速进入前端开发行业的朋友。
4、学习遇到难题,需要老师及时指导。
上课方式

由本站发送"远程教学软件"给学员安装。

学员安装后,通过学员端口登录,即可进入远程课堂。

老师讲课,并在上课过程中,并通过此软件跟学员互动交流。