Web前端入门基础教程

【23期】PHP培训班，最后一天报名！

课程主要讲解WEB前端基础，从了解WEB前端到安装搭建环境，使用WebStorm进行开发。本课程全面系统地阐述HTML和CSS基础知识以及实际运用技术，通过大量实例深入浅出地分析了网页制作的方方面面。主要涵盖HTML标签、CSS概念及字体设置，CSS选择器、CSS盒子模型，CSS浮动及清除浮动，初识javascript，运算符，字符串，对象和函数等。

难度：初级

共251章节

102178次播放

第1章 webstorm开发工具: web前端现状
09:45; 开发工具介绍
05:03; webstorm的安装
04:41; webstorm的使用
24:03
第2章 HTML基础: html介绍
16:57; html基本结构
12:24; 基本结构中的属性
16:18; 基本元素
21:13; 图片标签
10:30; 超链接
21:34; 锚点定位
09:20; 块元素和行内元素
26:00; 无序和有序列表
15:13; 自定义列表
06:44; 表格基本结构
11:56; 表格常用属性
17:47; 表格行和列的属性
08:56; 合并单元格
06:10; Iframe框架
19:45; 表单作用
11:53; 文本框和密码
12:32; 单选按钮和复选框
10:14; 按钮组
16:32; 下拉列表
12:39; 多行文本和lable标签
08:50; 表单域
11:05
第3章 HTML5新增: html5新增类型1
09:40; html5新增类型2
07:41; html5新增属性
09:58; div标签和span标签
16:09; html5新增结构标签1
06:51; html5新增结构标签2
14:14; datalist标签
06:04; 视频
06:44; 音频
09:34; embed标签
04:44; canvas标签1
16:31; canvas标签2
14:13
第4章 CSS: 认识css
07:50; css引入方式
22:14; css规则和注释
06:03; chrome调试工具使用
11:54; 元素选择器和通用选择器
09:58; 类选择器和ID选择器
14:38; css样式表特征
12:32; 合并选择器
08:25; div+css布局
09:32; 背景颜色和图像
21:42; 背景图片位置
10:10; 背景附着
06:15; 背景简写
04:47; 字体属性
09:38; 颜色透明度和内容溢出
22:14; 文本属性1
14:01; 文本属性2
13:12; 列表属性
12:00; 关系选择器
16:32; 属性选择器
17:16; 链接伪类选择器
12:55; 结构性伪类选择器
21:29; 伪对象选择器
11:01; 认识盒子
22:03; 外边距
12:57; 内边距
07:50; 外边距合并
18:40; 怪异盒子
30:14; 魅族官网
22:47; 弹性盒子
23:24; 弹性盒子应用
24:57; 浮动
12:58; 清除浮动
09:04; display属性
21:59; position定位
19:10; 浏览器内核及其前缀
17:27; z-index堆叠顺序
06:38
第5章导航图与轮播图: 金立官网导航条
23:06; 金立官网导航条2
13:42; 居中总结
09:01; 金立官网轮播图
15:50; 金立官网明星产品
09:42; 圆角
14:15; 阴影
15:21; 线性渐变
15:41; 径向渐变
17:02; 动画
18:36; 绘制图形
06:32; 多列
04:10; 微信导航栏
03:31; 小米白色导航条
34:16; 小米轮播图和滑动门
33:25; 小米小广告位
18:46; 小米闪购
34:47; 小米手机部分; 仿小米隐藏特效
05:21; 移动端导航条; 移动端轮播图
16:39; 移动端消息部分; 移动推荐餐厅; 移动端页脚; if分支
第6章 js基础: js初始
23:02; 变量类型和转换上
51:20; 其他运算符
32:42; 三目运算符
07:43; 数学运算符
33:54; 算术运算符
13:11; 字面量
23:50; break和continue
09:30; switch练习; switch练习（2）; while初识; 单层循环结束; 随机数
09:18; 小练习; 循环初始
27:09; 作业; 作业结束
11:03; break+continue嵌套+菱形; 嵌套循环; 质数初始; 质数简化操作; 字符串常用方法上
21:41; 字符串上
23:22; 字符串中
23:20; 字符串常用方法
46:58; 加密解密
15:00; 数组初始; 数组的遍历
19:30; 数组常用方法上
38:18; 数组常用方法下; 二维数组; 二维数组练习
第7章图书管理系统小实战: 图书管理系统
36:26; 对象的初识
30:53; 对象的操作; 函数的形参和实参; 函数的类型+补充; 作业——对象班图书管理系统; 闭包; 闭包的补充; 变量的声明提升; 函数的一等公民; 函数的作用域链+函数内变量提升; 值传递和地址传递; 函数出现同名参数; 模拟函数的重载
11:05; eval+instanceof; Math
27:59; 生成验证码
08:54; 作业
11:52; 函数作用域补充; 引用传递补充; 日期对象; date作业
第8章 DOM操作: dom初始
12:28; dom的常用属性上; location和dom常用属性中; title跑马灯
12:46; 选择页面元素; dom创建页面元素和属性+css实现导航
26:18; 设置内部样式
24:26; node常用属性上; node常用属性下; node常用方法; html元素; 事件概述+html事件; 非IEdom0事件; 非iedom2事件; ie中的dom2事件; dom2兼容性写法; 鼠标练习; 滑动哦难过的div; 调色板; 文档的加载顺序
23:35; div移动补充; onresize+setTimeOut
第9章事件: 焦点事件; 注册用户; 滚动事件; 有意义; 键盘事件; 作业1注册用户; 小div在大div中移动; 触摸事件; this; this小例子; event属性; 取消节点默认行为+取消事件传递; 新闻滚动
29:19; 兼容性写法; 鼠标滚轮; 新闻添加滚动事件
17:07; 图片验证
22:40; 二级联动; 三级联动; 事件委托
第10章 window: window初识
13:01; window.name; 常用方法; 右键IE和非IE对应的值; 自定义右键菜单; 定时调用和延时调用; 定时器的移动; 淘宝例子
15:19; 数据解析; 页面加载顺序; js文件的加载顺序; 回流和重绘; window.history; call和apply; 闭包; iife; 补充; 对应和排他; 面向对象+构造函数; 女孩行走1; 女孩行走2
第11章原型: 初识原型
15:55; 复用函数
20:47; 面向对象和面向过程; 模拟封装; 原型中的constructor; 原型链; 继承的练习; 原型练习; 设计模式; 设计模式结束
17:49; 正则初识
22:24; 表达式+范围+组匹配; 元字符模式; 量词模式; 正则对象中的方法
31:41; 正则高级-初位
10:31; 作业; 重复类; 贪婪和懒惰; 数组去重上; hash去重; 效率对比; 冒泡排序初始版本; 冒泡优化完整; 递归; 快速排序; 二分查找; json解析; 书城
41:09; 尺寸相关; 瀑布流
49:39; 错误解决; 无限滚动的瀑布流
20:08

讲师介绍

王林: 学生

能学到什么:: 课程主要讲解WEB前端基础，从了解WEB前端到安装搭建环境，使用WebStorm进行开发。本课程全面系统地阐述HTML和CSS基础知识以及实际运用技术，通过大量实例深入浅出地分析了网页制作的方方面面。主要涵盖HTML标签、CSS概念及字体设置，CSS选择器、CSS盒子模型，CSS浮动及清除浮动，初识javascript，运算符，字符串，对象和函数等。

暂无课件

取消回复发送

PHP中文网