首页视频课程模拟题库新闻中心 IT文库读书招聘博客论坛

我的课课家

软考 photoshop oracle PHP hcnp Maya java

名课折扣免费课程套餐学习线路图

专题课程

老男孩Linux系统设计软件教程计算机考证

公众号/APP端

扫码关注课课家微信号，访问移动端

关注微信公众号，可下载APP应用。

帮助中心创建学院

下载安卓APP

给我发消息

客服QQ：3315713922

分享课程赚现金

请复制以下内容发送给他人，通过邀请链接访问完成注册，您即可享受长期收益：

奖学金的说明

IT培训 / Web开发教程 / Html/CSS视频教程 / HTML+CSS+JavaScript最佳入门实践视频教程

播放按钮

HTML+CSS+JavaScript最佳入门实践视频教程

下载课程

安装手机APP
下载课程到手机观看

￥推广可获39.90元/单

HTML+CSS+JavaScript最佳入门实践视频教程

共307节 · 50小时52分钟|

(1)|10531人学习

价　　格： ￥399.00（新用户单课程可享约7折优惠，前往领劵>>）

适合人群： 1、对web前端感兴趣的人员2、想学习第二专业的在校大学生3、想一起探讨教学方法的同行

付费特权：2424小时內讲师答疑看所有课时永久观看件专属课件资料下载返购买课程返学分倍PC倍数播放存APP缓存视频退15分钟内可以申请退款

1.仅限付费视频课程适用；
2.购买后15分钟内可以申请退款；
3.下载资料后不再享有退款特权；
4.最终解释权归课课家教育所有

课程标签： html html入门 css基础 css入门 css教程

课程概述
课程目录
课程笔记
课程讨论
课程评价
资料下载

qq图标

课程目标：希望你学习以后能入门前端，找到学习的方向

适合人群：1、对web前端感兴趣的人员2、想学习第二专业的在校大学生3、想一起探讨教学方法的同行

课程介绍：

1、通过本课程你将快速学习到html+css入门实战，大概一个星期的练习足够，能够做出QQ音乐首页算完成目标

2、本课程重点在javascript方面、会讲解javascript基础语法、事件、DOM和BOM

3、本课程涉及到前后台数据交互，ajax原生代码封装

4、本系列课程会讲解jquery的使用和实战

5、学习建议：A.希望你仰望星空的同时能够脚踏实地，一切以年收入几十万来诱惑你报

班的行为都是耍流氓，一切只谈理想，不重视课程质量的行为都是耍流氓

B.技术需要积累，编程入门简单精通难，好课程一套就够，切记今天看这个

机构课程，明天看那个机构课程，造成知识体系混乱，难以坚持

C.切记浮躁，想要年薪几十万，不是培训几天就能达到的，不是参加所谓的

什么高端课程就能够达到的，学好编程兴趣最重要

目录

章节1

html快速入门

第1节

01_web前端开发工程师需要学习的内容

第2节

02_html、css、javascript的作用

第3节

03_开发环境搭建-hbuilder的简单使用

00:08:48

第4节

04_html文档结构和元素之间的关系

00:14:21

第5节

05_注释和字符实体

00:14:05

第6节

06_html常用标签上

00:13:01

第7节

07_html常用标签中

00:11:31

第8节

08_html常用标签下

00:23:23

第9节

09_html部分总结

00:08:06

章节2

css快速入门

第1节

01_css的使用方式

00:10:20

第2节

02_学习css到底是学习什么

00:11:05

第3节

03_基础选择器

00:09:29

第4节

04_三种基础选择器的应用场景和区别

00:15:05

第5节

05_颜色的表示形式

00:10:05

第6节

06_边框的基本使用方法

00:07:00

第7节

07_边框的其他用法1

00:04:53

第8节

08_边框圆角

00:08:45

第9节

09_背景相关的属性

00:09:35

第10节

10_字体相关属性

00:06:04

第11节

11_文本相关属性

00:07:23

第12节

12_总结

00:03:26

章节3

div+css布局

第1节

01_学布局到底是学什么

00:05:17

第2节

02_盒子模型简单解释

00:10:58

第3节

03_margin

00:15:49

第4节

04_margin需要注意的问题

00:09:36

第5节

05_padding

00:13:15

第6节

06_padding补充

00:20:05

第7节

07_块级元素和行内元素

00:11:25

第8节

08_课堂练习_nodeing导航

00:16:52

第9节

09_初识浮动

00:10:02

第10节

10_浮动带来的问题以及清除浮动

00:21:07

第11节

11_浮动练习

00:32:24

第12节

12_了解BFC

00:06:51

第13节

13_相对定位

00:16:34

第14节

14_绝对定位

00:16:24

第15节

15_固定定位

00:06:10

第16节

16_定位练习

00:21:04

章节4

css选择器增强

第1节

01_相邻选择器

00:06:08

第2节

02_多元素选择器

00:04:57

第3节

03_后代选择器

00:06:04

第4节

04_子元素选择器

00:04:19

第5节

05_属性选择器

00:12:03

第6节

06_伪元素

00:10:48

第7节

07_伪类

00:09:47

章节5

综合案例实战

第1节

01_项目初始化

00:08:12

第2节

02_整体思路分析以及网页结构搭建

00:12:57

第3节

03_样式重置以及公共代码编写

00:07:06

第4节

04_header模块结构搭建

00:06:24

第5节

05_min-width解决页面错乱问题

00:04:56

第6节

06_header左边logo部分代码实现

00:18:57

第7节

07_header右边区域完成

00:10:36

第8节

08_菜单部分

00:19:22

第9节

09_菜单补充

00:05:24

第10节

10_详细信息模块实现

00:21:59

第11节

11_下载方式模块html结构搭建

00:11:21

第12节

12_下载方式模块左边部分实现

00:16:43

第13节

13_下载方式模块右边部分

00:06:15

第14节

14_footer模块实现

00:06:13

第15节

15_项目总结

00:05:48

章节6

表格

第1节

01_表格结构

00:08:16

第2节

02_表格相关属性了解

00:04:05

第3节

03_水平合并单元格

00:08:59

第4节

04_垂直合并单元格

00:07:11

第5节

05_知识总结

00:07:46

第6节

06_表格课堂练习-课程表

00:17:14

章节7

表单

第1节

01_初识表单

00:06:00

第2节

02_表单相关的属性

00:13:05

第3节

03_课堂练习_在自己网页中内嵌百度搜索框

00:11:18

第4节

04_input标签

00:13:22

第5节

05_其他相关属性

00:06:02

第6节

06_textarea和button标签

00:05:49

第7节

07_select下拉框

00:06:25

第8节

08_label标签

00:07:18

章节8

仿bootstrap源码-手写一个css库

第1节

01_项目需求

00:08:13

第2节

02_使用bootstrap库

00:07:40

第3节

03_样式重置

00:05:56

第4节

04_什么是栅格系统以及实现思路

00:07:36

第5节

05_栅格系统实现1

00:16:31

第6节

06_栅格系统的应用

00:06:21

第7节

07_栅格系统实现2-box-sizing

00:11:35

第8节

08_栅格系统实现3-代码优化

00:16:54

第9节

09_栅格系统小练习1-画盒子-京东首页

00:09:38

第10节

10_栅格系统小练习2-画盒子-京东首页

00:07:28

第11节

11_栅格系统实现4-代码优化补充以及小练习3

00:18:22

第12节

12_使用bootstrap列排序

00:13:05

第13节

13_列排序代码实现

00:11:52

第14节

14_栅格系统练习-QQ下载页头部结构搭建

00:11:14

第15节

15_栅格系统练习-qq下载页头部左边部分

00:05:22

第16节

16_栅格系统练习-qq下载页头部右边部分

00:10:33

第17节

17_按钮类封装

00:07:38

第18节

18_按钮类-预定义样式

00:09:57

第19节

19_情景文本和背景预定义颜色

00:09:00

第20节

20_表格类封装

00:09:52

第21节

21_列表类封装

00:11:24

第22节

22_panel面板封装

00:14:05

第23节

23_本章总结

00:05:40

章节9

企业网站实战

第1节

01_项目需求

00:03:29

第2节

02_切图工具准备

00:03:52

第3节

03_切图实战

00:14:39

第4节

04_顶部内容结构搭建

00:10:10

第5节

05_顶部内容css实现

00:05:56

第6节

06_logo-导航部分html结构搭建

00:02:27

第7节

07_logo-nav导航部分css代码实现

00:12:37

第8节

08_banner

00:03:03

第9节

09_服务模块代码实现

00:06:28

第10节

10_关于我们-公司公告模块html结构搭建

00:10:51

第11节

11_关于我们模块css代码实现

00:09:24

第12节

12_公司公告模块实现

00:17:38

第13节

13_特色模块html结构搭建

00:05:49

第14节

14_特色模块css代码实现

00:09:09

第15节

15_新闻资讯模块html结构搭建

00:07:51

第16节

16_画新闻评论交易等盒子

00:09:37

第17节

17_新闻资讯头部css实现

00:08:36

第18节

18_新闻列表css代码实现

00:10:04

第19节

19_每日评论模块css代码实现

00:12:04

第20节

20_交收信息模块

00:09:05

第21节

21_交收信息模块css代码实现

00:11:45

第22节

22_bug修复

00:03:46

第23节

23_数据表格模块html结构搭建

00:09:07

第24节

24_数据表格模块代码实现

00:07:33

第25节

25_预约开户css代码实现

00:15:32

第26节

26_扫码关注css代码实现

00:18:32

第27节

27_bug修复

00:04:22

第28节

28_合作伙伴模块实现

00:09:05

第29节

29_底部内容模块html结构搭建

00:09:46

第30节

30_底部导航css代码实现

00:08:11

第31节

31_服务热线模块css代码实现

00:12:40

第32节

32_底部友情链接css代码实现

00:05:57

第33节

33_本章总结

00:11:05

章节10

JS初体验

第1节

10.1_hello world

00:06:04

第2节

10.2_书写位置、输入输出

00:12:08

第3节

10.3_基础概念-关键字、注释、分号、大小写

00:09:34

第4节

10.4_初识变量

00:09:15

第5节

10.5_查找元素的方法

00:05:22

第6节

10.6_初识函数和事件

00:09:54

第7节

10.7_事件函数绑定

00:09:13

第8节

10.8_获取html元素的值

00:08:41

第9节

10.9_设置元素内容以及innerText

00:09:46

第10节

10.10_获取和设置input的内容

00:04:34

第11节

10.11_设置html元素的样式

00:08:42

第12节

10.12_课堂练习1

00:12:31

第13节

10.13_课堂练习2

00:08:24

第14节

10.14_初识数据类型

00:11:52

第15节

10.15_运算符

00:08:24

第16节

10.16_字体放大缩小效果

00:07:50

第17节

10.17_课堂练习3

00:09:35

第18节

10.18_流程控制

00:08:49

第19节

10.19_本章总结-如何学好编程语言

00:07:01

章节11

变量、数据类型、运算符

第1节

11.1_变量的相关细节

00:18:04

第2节

11.2_数据类型细节-数字类型

00:09:43

第3节

11.3_数据类型细节-String_字符串类型

00:10:07

第4节

11.4_数据类型细节-Boolean布尔类型开关应用

00:13:35

第5节

11.5_数据类型细节-null和undefined

00:04:41

第6节

11.6_强制类型转换-强制转换成数字

00:11:54

第7节

11.7_强制类型转换-布尔和字符串

00:08:43

第8节

11.8_自动类型转换

00:06:57

第9节

11.9_自增自减运算和三目运算

00:12:48

第10节

11.10_练习-京东购买商品数量计算

00:10:14

第11节

11.11_练习-图片切换

00:10:28

第12节

11.12_逻辑运算符

00:10:23

第13节

11.13_逻辑运算符短路问题

00:09:25

第14节

11.14_逻辑运算符短路应用

00:08:42

第15节

11.15_赋值运算符、字符串连接符、运算符优先级

00:05:26

第16节

11.16_本章总结

00:02:41

章节12

流程控制

第1节

12.1_if语句复习总结

00:14:03

第2节

12.2_练习-QQ号码登录验证

00:24:22

第3节

12.3_if...else if...else

00:09:43

第4节

12.4_练习总结-新手解决编程思路问题

00:10:09

第5节

12.5_switch语句

00:10:16

第6节

12.6_switch实现分数等级判断

00:11:00

第7节

12.7_初识for循环

00:04:37

第8节

12.8_for循环详解

00:09:07

第9节

12.9_for循环练习1

00:08:23

第10节

12.10_for循环练习2

00:08:14

第11节

12.11_for循环练习3-全选反选

00:12:51

第12节

12.12_while循环

00:05:57

第13节

12.13_while循环练习

00:07:26

第14节

12.14_do-while循环

00:04:38

第15节

12.15_break和continue

00:04:18

第16节

12.16_循环嵌套

00:13:15

第17节

12.17_循环嵌套练习-乘法表

00:08:06

第18节

12.18_本章总结

00:04:45

章节13

函数

第1节

13.1_函数的声明和调用

00:13:35

第2节

13.2_函数的参数

00:09:36

第3节

13.3_函数参数类型

00:16:14

第4节

13.4_函数的返回值

00:13:53

第5节

13.5_总结函数的三要素

00:04:38

第6节

13.6_什么是变量的作用域

00:08:15

第7节

13.7_js的预解析1-如有疑问请先看下节

00:11:51

第8节

13.8_js预解析2

00:07:14

第9节

13.9_js预解析规则

00:07:37

第10节

13.10_变量提升和作用域补充

00:07:04

第11节

13.11_作用域链

00:14:29

第12节

13.12_函数参数的作用域

00:06:27

第13节

13.13_本章总结

00:04:13

章节14

数组

第1节

14.1_数组的相关概念

00:07:32

第2节

14.2_数组的操作

00:11:34

第3节

14.3_数组的遍历

00:10:01

第4节

14.4_数组遍历练习1

00:08:08

第5节

14.5_数组遍历练习2

00:13:50

第6节

14.6_查找元素的其他方法

00:08:27

第7节

14.7_二维数组以及应用

00:05:47

第8节

14.8_二维数组的操作

00:07:35

第9节

14.9_二维数组的遍历

00:05:22

章节15

事件精讲

第1节

15.1_事件的相关概念以及如何学习事件

00:13:41

第2节

15.2_鼠标按下抬起事件

00:05:12

第3节

15.3_鼠标移入移出事件

00:12:30

第4节

15.4_右键菜单、鼠标移动、鼠标单击、双击

00:08:52

第5节

15.5_键盘事件

00:07:23

第6节

15.6_onsubmit事件

00:07:05

第7节

15.7_onchange事件

00:06:28

第8节

15.8_获取和失去焦点事件补录

00:12:14

第9节

15.9_onload事件

00:05:11

第10节

15.10_窗口改变

00:04:04

第11节

15.11_什么是事件对象以及兼容性

00:15:10

第12节

15.12_clientX、clientY

00:07:11

第13节

15.13_百度登录拖拽效果前置知识-offsetLeft和offsetTop

00:06:27

第14节

15.14_图解百度拖拽效果原理

00:16:07

第15节

15.15_百度登录拖拽效果原理代码实现

00:12:15

第16节

15.16_keyCode练习

00:14:41

第17节

15.17_什么是事件冒泡

00:12:13

第18节

15.18_事件冒泡带来的影响

00:05:01

第19节

15.19_阻止事件冒泡

00:10:33

第20节

15.20_事件源

00:06:01

第21节

15.21_创建和添加元素

00:07:34

第22节

15.22_事件冒泡的应用场景

00:12:34

第23节

15.23_本章总结

00:06:37

章节16

JavaScript原生对象

第1节

16.1_对象相关概念

00:13:31

第2节

16.2_数组相关方法1

00:08:43

第3节

16.3_数组相关方法2

00:15:21

第4节

16.4_字符串相关方法1

00:10:25

第5节

16.5_字符串相关方法2

00:10:50

第6节

16.6_字符串方法练习

00:16:48

第7节

16.7_Math对象相关方法1

00:06:59

第8节

16.8_Math对象相关方法2

00:14:15

第9节

16.9_创建Date对象的几种方式

00:04:40

第10节

16.10_Date相关方法

00:07:41

章节17

定时器管理setTimeout和setInterval

第1节

17.1_setInterval是什么？

00:06:31

第2节

17.2_获取随机数字

00:11:40

第3节

17.3_上次练习bug修复

00:06:28

第4节

17.4_切换背景图片

00:13:54

第5节

17.5_随机抽奖功能拆分

00:03:47

第6节

17.6_随机抽奖功能拆分-背景切换

00:14:09

第7节

17.7_难点以及注意事项补充

00:09:47

第8节

17.8_随机抽奖js代码实现

00:14:42

第9节

17.9_随机抽奖js代码完善1

00:09:35

第10节

17.10_随机抽奖代码完善2

00:09:51

第11节

17.11_前方有坑，亟待解决

00:01:27

第12节

17.12_自动书写代码效果

00:11:11

第13节

17.13_什么是setTimeout？

00:03:24

第14节

17.14_弹窗广告效果

00:05:02

第15节

17.15_递归函数1

00:11:26

第16节

17.16_递归函数2

00:12:55

第17节

17.17_发送验证码效果

00:13:37

第18节

17.18_clearTimeout

00:06:32

第19节

17.19_自定义属性

00:12:59

第20节

17.20_选项卡实现

00:13:16

第21节

17.21_给tab选项卡添加自动播放功能

00:07:13

第22节

17.22_完善自动播放功能

00:09:09

第23节

17.23_作业布置

00:02:03

第24节

17.24_封装获取元素样式的方法

00:13:44

第25节

17.25_简单匀速运动

00:06:55

第26节

17.26_解决目标点问题

00:10:44

第27节

17.27_匀速运动函数封装

00:13:36

第28节

17.28_代码简化和添加回调函数

00:10:18

第29节

17.29_匀速运动简单实例

00:10:11

第30节

17.30_mac版qq摆动效果原理

00:11:09

第31节

17.31_摆动函数封装

00:12:16

章节18

BOM和DOM以及事件深入

第1节

01_什么是DOM？

00:10:18

第2节

02_DOM和JavaScript的关系

00:09:18

第3节

03_什么是节点以及节点之间的关系

00:02:49

第4节

04_节点类型

00:04:37

第5节

05_节点类型使用场景

00:05:46

第6节

06_nodeName的应用场景

00:10:10

第7节

07_查找元素的方法

00:10:01

第8节

08_常用的属性

00:07:17

第9节

09_dom操作

00:12:58

第10节

10_宽高和位置总结1-鼠标坐标

00:07:46

第11节

11_宽高和位置总结2-offset系列属性

00:12:11

第12节

12_宽高和位置总结3-scroll系列属性

00:12:25

第13节

13_宽高和位置总结4-可视区宽高

00:06:53

第14节

14_宽高和位置总结5-各种宽高对比理解

00:11:57

第15节

15_文档、可视区宽高以及滚动距离计算

00:07:47

第16节

16_文档宽高、可视区宽高综合应用

00:17:44

第17节

17_bug修复和功能完善

00:07:34

第18节

18_ 什么是BOM以及相关方法

00:13:50

第19节

19_BOM相关属性

00:13:22

第20节

20_事件捕获

00:12:19

第21节

21_事件绑定形式总结

00:11:59

第22节

22_事件取消

00:09:18

第23节

23_事件默认行为

00:10:07

第24节

24_本章总结

00:03:42

章节19

正则表达式

第1节

01_什么是正则表达式

00:13:37

第2节

02_js中和正则相关的方法-test

00:11:49

第3节

03_js中和正则相关的方法-search

00:11:54

第4节

04_js中和正则相关的方法-match

00:04:14

第5节

05_js中和正则相关的方法-repalce方法

00:14:39

第6节

06_replace应用-敏感词过滤

00:10:13

第7节

07_小括号的作用-什么是子项

00:10:13

第8节

08_子项补充

00:14:38

第9节

09_中括号的作用

00:13:35

第10节

10_练习-去掉标签

00:10:56

第11节

11_转义字符1

00:14:59

第12节

12_转义字符2

00:09:17

第13节

13_量词

00:10:37

第14节

14_量词练习

00:11:24

第15节

15_练习思路讲解以及本章总结

00:12:20

笔记

共有0条笔记，参加学习后可见

全部讨论区

欢迎进入课程讨论区，你可以与本课程的老师和同学在这里交流。如果你有课程相关的问题，请发到老师答疑区；经验、思考、创意、作品、转帖请发到综合讨论区。欢迎分享，鼓励原创，杜绝广告，请大家共同维护一个包容、积极、相互支持的交流氛围，谢谢。了解更多请点击“讨论区使用规则”↗

对不起，请先购买课程后，就可以查看或提问题了。

评价

给该课程打分：

还可以输入200字

学员评价

2023-02-12

老师讲的很好，实用性很强。

课件

序号

标题

下载

1

html+css快速入门（80课资料）.zip

付费学员专享

2

html+css项目实战.rar

付费学员专享

3

js1-10章源码+笔记+文档.zip

付费学员专享

螺钉课堂

螺钉课堂

螺钉课堂是深圳创兑行教育科技有限公司旗下的IT培训品牌。创办多年来我们一直恪守住IT培训的原则与底限，扎扎实实研发课程、不断提升服务质量，在公司需求和学员进度中巧妙把握平衡，帮助学员打下坚实技术基础，不断向各大IT公司输送优秀开发人……>>更多

10531人在学习该课程

刘梦萱家长

飞麻烦

寮步妹

杨碧茹

小Ｃ

秃枝

搐浣メ

肱子

活下

侠盗星空

世界很奇妙

坤轩

你可能还感兴趣的课程换一换

共23节 · 5小时44分钟套餐优惠
Web前端开发第一季：HTML视频教程
￥39.0012607人在学
共49节 · 11小时49分钟套餐优惠
Web前端开发第二季：CSS布局视频教程
￥59.0011996人在学
共22节 · 10小时30分钟套餐优惠
中国首个开源HTML5框架AmazeUI视频教程(开发效率提升200%)
￥25.0021714人在学
共46节 · 10小时34分钟套餐优惠
Web前端开发第三季：CSS特效视频教程
￥99.0012507人在学