- 001-HTML概述
- 动力节点-JavaSE-杜聚宾-002-web概述
- 动力节点-JavaSE-杜聚宾-003-第一个HTML
- 动力节点-JavaSE-杜聚宾-004-浏览器的安装
- 动力节点-JavaSE-杜聚宾-005-HTML基本标签
- 动力节点-JavaSE-杜聚宾-006-HTML基本标签
- 动力节点-JavaSE-杜聚宾-007-HTML基本标签
- 动力节点-JavaSE-杜聚宾-008-HTML实体符号
- 动力节点-JavaSE-杜聚宾-009-HTML表格table
- 动力节点-JavaSE-杜聚宾-010-HTML表格单元格合并
- 动力节点-JavaSE-杜聚宾-011-HTML表格的th标签
- 动力节点-JavaSE-杜聚宾-012-thead tbody tfoot
- 动力节点-JavaSE-杜聚宾-013-背景色和背景图片
- 动力节点-JavaSE-杜聚宾-014-图片img
- 动力节点-JavaSE-杜聚宾-015-超链接
- 动力节点-JavaSE-杜聚宾-016-W3C以及BS结构原理
- 动力节点-JavaSE-杜聚宾-017-超链接的target属性
- 动力节点-JavaSE-杜聚宾-018-无序列表
- 动力节点-JavaSE-杜聚宾-019-有序列表
- 动力节点-JavaSE-杜聚宾-020-表单有什么用
- 动力节点-JavaSE-杜聚宾-021-表单提交数据格式
- 动力节点-JavaSE-杜聚宾-022-用户注册表单
- 动力节点-JavaSE-杜聚宾-023-下拉列表多选
- 动力节点-JavaSE-杜聚宾-024-file控件
- 动力节点-JavaSE-杜聚宾-025-hidden隐藏域
- 动力节点-JavaSE-杜聚宾-026-readonly和disabled
- 动力节点-JavaSE-杜聚宾-027-表单项的maxlength属性
- 动力节点-JavaSE-杜聚宾-028-HTML的id属性
- 动力节点-JavaSE-杜聚宾-029-div和span图层
- 动力节点-JavaSE-杜聚宾-030-嘱咐
- 动力节点-JavaSE-杜聚宾-001-DreamWeaver
- 动力节点-JavaSE-杜聚宾-002-回顾HTML
- 动力节点-JavaSE-杜聚宾-003-CSS概述
- 动力节点-JavaSE-杜聚宾-004-内联定义方式
- 动力节点-JavaSE-杜聚宾-005-样式块方式
- 动力节点-JavaSE-杜聚宾-006-标签选择器和id选择器
- 动力节点-JavaSE-杜聚宾-007-类选择器
- 动力节点-JavaSE-杜聚宾-008-链接外部独立的样式表文件
- 动力节点-JavaSE-杜聚宾-009-隐藏的样式
- 动力节点-JavaSE-杜聚宾-010-文本装饰样式
- 动力节点-JavaSE-杜聚宾-011-列表样式
- 动力节点-JavaSE-杜聚宾-012-设置鼠标悬停效果
- 动力节点-JavaSE-杜聚宾-013-内外补丁
- 动力节点-JavaSE-杜聚宾-014-float浮动样式
- 动力节点-JavaSE-杜聚宾-015-光标样式
- 动力节点-JavaSE-杜聚宾-001-xmind文件转word
- 动力节点-JavaSE-杜聚宾-002-JS概述
- 动力节点-JavaSE-杜聚宾-003-JavaScript三大块
- 动力节点-JavaSE-杜聚宾-004-嵌入JS的第一种方式
- 动力节点-JavaSE-杜聚宾-005-嵌入JS的第二种方式
- 动力节点-JavaSE-杜聚宾-006-嵌入JS的第三种方式
- 动力节点-JavaSE-杜聚宾-007-标识符和关键字
- 动力节点-JavaSE-杜聚宾-008-JS变量的理解
- 动力节点-JavaSE-杜聚宾-009-JS变量的声明和赋值
- 动力节点-JavaSE-杜聚宾-010-JS函数初步
- 动力节点-JavaSE-杜聚宾-011-JS函数初步
- 动力节点-JavaSE-杜聚宾-012-回顾昨天内容
- 动力节点-JavaSE-杜聚宾-013-全局变量和局部变量
- 动力节点-JavaSE-杜聚宾-014-JS函数可以重载吗
- 动力节点-JavaSE-杜聚宾-015-JS数据类型概述及typeof运算符
- 动力节点-JavaSE-杜聚宾-016-web api
- 动力节点-JavaSE-杜聚宾-017-Undefined类型
- 动力节点-JavaSE-杜聚宾-018-Null类型
- 动力节点-JavaSE-杜聚宾-019-Number类型
- 动力节点-JavaSE-杜聚宾-020-Number类型
- 动力节点-JavaSE-杜聚宾-021-Number类型
- 动力节点-JavaSE-杜聚宾-022-Number类型
- 动力节点-JavaSE-杜聚宾-023-Boolean类型
- 动力节点-JavaSE-杜聚宾-024-JS中的10除以3
- 动力节点-JavaSE-杜聚宾-025-String类型
- 动力节点-JavaSE-杜聚宾-026-Object类型的prototype
- 动力节点-JavaSE-杜聚宾-027-类的定义
- 动力节点-JavaSE-杜聚宾-028-类型的定义对象的创建和使用
- 动力节点-JavaSE-杜聚宾-029-null NaN undefined区别
- 动力节点-JavaSE-杜聚宾-030-JS的常用事件
- 动力节点-JavaSE-杜聚宾-031-JS的常用事件
- 动力节点-JavaSE-杜聚宾-032-事件注册的第一种方式
- 动力节点-JavaSE-杜聚宾-033-根据id获取节点访问节点属性
- 动力节点-JavaSE-杜聚宾-034-事件注册的第二种方式
- 动力节点-JavaSE-杜聚宾-035-代码的执行顺序
- 动力节点-JavaSE-杜聚宾-036-使用onload解决代码顺序问题
- 动力节点-JavaSE-杜聚宾-037-改造onload
- 动力节点-JavaSE-杜聚宾-038-事件处理的完美案例
- 动力节点-JavaSE-杜聚宾-039-捕捉回车键
- 动力节点-JavaSE-杜聚宾-040-void运算符
- 动力节点-JavaSE-杜聚宾-041-JS的控制语句
- 动力节点-JavaSE-杜聚宾-042-内置对象Array
- 动力节点-JavaSE-杜聚宾-043-Array的常用函数
- 动力节点-JavaSE-杜聚宾-044-内置对象Date及常用函数
- 动力节点-JavaSE-杜聚宾-045-回顾昨天内容
- 动力节点-JavaSE-杜聚宾-046-BOM和DOM的区别和联系
- 动力节点-JavaSE-杜聚宾-047-innerHTML和innerText区别
- 动力节点-JavaSE-杜聚宾-048-复选框的全选和取消全选
- 动力节点-JavaSE-杜聚宾-049-获取文本框的value
- 动力节点-JavaSE-杜聚宾-050-获取下拉列表选中项的value
- 动力节点-JavaSE-杜聚宾-051-周期性调用函数
- 动力节点-JavaSE-杜聚宾-052-网页时钟
- 动力节点-JavaSE-杜聚宾-053-窗口的开启和关闭
- 动力节点-JavaSE-杜聚宾-054-alert和confirm
- 动力节点-JavaSE-杜聚宾-055-将当前窗口设置为顶级窗口
- 动力节点-JavaSE-杜聚宾-056-历史记录
- 动力节点-JavaSE-杜聚宾-057-发送请求的多种方式
- 动力节点-JavaSE-杜聚宾-058-eval函数
- 动力节点-JavaSE-杜聚宾-059-JSON概述
- 动力节点-JavaSE-杜聚宾-060-JSON对象的创建和使用
- 动力节点-JavaSE-杜聚宾-061-JSON对象作为属性的值
- 动力节点-JavaSE-杜聚宾-062-描述全班学生的JSON对象
- 动力节点-JavaSE-杜聚宾-063-JSON用于交换数据
- 动力节点-JavaSE-杜聚宾-064-解析json动态生成表格
- 动力节点-JavaSE-杜聚宾-065-正则表达式
- 动力节点-JavaSE-杜聚宾-066-正则表达式
- 动力节点-JavaSE-杜聚宾-067-表单验证
- 动力节点-JavaSE-杜聚宾-068-表单验证
- 动力节点-JavaSE-杜聚宾-069-表单验证
- 动力节点-JavaSE-杜聚宾-070-获取元素的三种方式
老杜教你javaScript视频教程【最容易听懂】 - 从零开始掌握前端核心技术
内容简介:最近很多同学在找靠谱的JavaScript入门教程,这套《老杜教你javaScript视频教程【最容易听懂】》可以说是自学前端的绝佳选择。老杜用10年教学经验打造的这套课程,用生活化案例帮你轻松突破JS学习瓶颈。
【课程描述】
这门课不是传统填鸭式教学,而是采用"问题驱动+实时调试"的独特方式。比如在讲解闭包时,会先从网购车的实际需求出发,带你看如何用JS实现购物车功能,然后现场演示调试过程。
最特别的是DOM操作部分,老杜直接用浏览器开发者工具边操作边讲解。比如要修改网页元素时,会先演示常见的错误写法,再对比正确写法,这种对比教学让记忆特别深刻。
BOM编程这块也很有意思,不是干讲API,而是结合京东商城页面来分析window对象的实际应用。你会看到如何用location对象实现页面跳转,用history对象做返回功能,甚至用screen对象做设备适配。
事件处理是课程的一个亮点。老杜设计了20+生活化场景,比如快递柜取件、电影院选座这些你天天遇到的操作,原来都是JS事件驱动的。从最基本的onclick到高级的事件委托,每个知识点都有看得见的案例。
面向对象这块也很易懂,老杜用"动物世界"来比喻原型链:猫继承哺乳动物,哺乳动物继承动物...这种形象的类比让抽象概念变得具体。学完后你会惊讶发现,原来jQuery的链式调用原理这么简单。
学习目标
- 3天掌握JS基础语法
- 2周能独立开发动态网页
- 1个月达到初级前端工程师水平
- 最终能写出企业级交互代码
适合哪些人学
- 转行前端的职场新人
- 计算机专业在校生
- 想提升技能的产品/运营
- 需要做毕设的学生党
课程大纲
第1章 JavaScript基础入门(12讲)
- 半小时搞懂变量与数据类型
- 运算符的特殊应用场景
- 流程控制的经典误区
- 函数定义与调用的6种姿势
第2章 玩转DOM编程(8讲)
- 快速定位元素的3种绝招
- 修改样式的正确姿势
- 动态创建节点的性能优化
- 表格操作的防坑指南
第3章 BOM核心技术(6讲)
- 浏览器窗口智能控制
- location对象的妙用
- 定时器的实际应用
- 本地存储方案对比
第4章 高级特性(10讲)
- 原型链的动物世界模型
- 闭包的购物车案例
- JSON与后端数据交互
- ES6新特性实战
这套教程最大的特点是"学了就能用"。很多同学反馈学完DOM操作那章,马上就能改自己博客的样式;学完事件处理,立即给公司官网加了轮播图。老杜的教学就像搭积木,帮你把零散的知识点串联成完整的前端知识体系。








