课程简介
本课程是一门深度实战型全栈开发课程,系统覆盖现代Web开发的核心技术栈。学员将从前端基础(HTML/CSS/JavaScript)入手,逐步掌握jQuery、ES6+新特性、Ajax异步交互、Canvas图形绘制等关键技术,并深入后端开发(Node.js、PHP)、数据库操作(MySQL、SQL语句)以及Git版本控制。课程通过多个实战项目(如购物车系统、轮播图组件、贪吃蛇游戏、瀑布流布局等)强化编程思维,同时涵盖移动端适配、性能优化、模块化开发等企业级开发技巧。学完可独立完成全栈项目开发,具备前端渲染、后端API设计、数据库管理及项目部署的全流程能力。
下载地址
课程目录
含笔记和代码
01 JavaScript基础
02 循环与函数
- while/do-while/for循环、函数、递归
03 作用域与对象
04 数组
05 字符串
06 JSON与本地存储
07 BOM与DOM基础
08 DOM操作
09 模板引擎与购物车
10 事件处理
11 购物车项目
12 ES6新特性
13 轮播图
14 面向对象
15 模块化与贪吃蛇
16 PHP与HTTP
17 AJAX
18 列表页与跨域
19 瀑布流与Promise
- 瀑布流布局、Promise、Async/Await
20 正则表达式
21 闭包与继承
22 设计模式与jQuery
23 jQuery动画
24 jQuery AJAX
25 Node.js基础
26 Sass
27 Gulp
28 Git
29 H5多媒体
30 CSS3
31 Flex与Canvas
32 Canvas绘图
33 移动端与文件上传
--- 点击展开详细目录 ---
01
- 🎬 03_JS的注释.wmv
- 🎬 04_JS的输出语法.wmv
- 🎬 06_变量命名规则和命名规范.wmv
- 🎬 07_JS的基本数据类型_数值.wmv
- 🎬 09_JS的基本数据类型_布尔值.wmv
- 🎬 10_JS的基本数据类型-空.wmv
- 🎬 11_检测数据类型.wmv
- 🎬 12_数据类型转换_转数值.wmv
- 🎬 13_数据类型转换_转字符串.wmv
- 🎬 14_数据类型转换_转布尔.wmv
- 🎬 15_运算符_数学运算符.wmv
- 🎬 16_运算符-赋值运算符.wmv
- 🎬 17_运算符_比较运算符.wmv
- 🎬 18_运算符_逻辑运算符.wmv
- 🎬 19_运算符-自增自减运算符.wmv
- 🎬 20_条件分支语句_if.wmv
- 🎬 22_条件分支语句_switch.wmv
- 🎬 23_switch小练习.wmv
02
- 🎬 01_循环结构语句_while.wmv
- 🎬 02_while循环小案例.wmv
- 🎬 04_dowhile循环小案例.wmv
- 🎬 05_循环结构语句_for.wmv
- 🎬 07_昨天作业.wmv
- 🎬 08_水仙花数字.wmv
- 🎬 09_打印三角形.wmv
- 🎬 10_等腰三角形.wmv
- 🎬 11_12_最大公约数和循环控制语句_break.wmv
- 🎬 13_最小公倍数.wmv
- 🎬 16_判断一个数字是不是质数.wmv
- 🎬 17_在页面打印闰年.wmv
- 🎬 20_函数的参数.wmv
- 🎬 21_函数参数的个数关系.wmv
- 🎬 22_23_arguments.wmv
- 🎬 26_打断函数.wmv
- 🎬 28_递归函数.wmv
- 🎬 31_复习.wmv
03
- 🎬 00_作业.wmv
- 🎬 01_预解析补.wmv
- 🎬 02_预解析案例.wmv
- 🎬 03_预解析的无节操.wmv
- 🎬 05_作用域.wmv
- 🎬 06_变量的三个机制.wmv
- 🎬 08_作用域里面的预解析.wmv
- 🎬 10_了解对象数据类型.wmv
- 🎬 11_对象的操作语法.wmv
- 🎬 15_数据类型赋值上的区别.wmv
- 🎬 16_函数也是一个对象.wmv
- 🎬 17_数组数据类型.wmv
- 🎬 18_数组的操作.wmv
- 🎬 21_选择排序.wmv
04
- 🎬 01_数组常用方法1{push,pop,unshift,shift}.wmv
- 🎬 02_数组常用方法2{reverse,sort,slpice,slice,concat,join}.wmv
- 🎬 04_数组常用方法4{fill,copyWithin,includes,flat,flatMap,find,findIndex}.wmv
- 🎬 06_插入排序.wmv
- 🎬 07_数组去重.wmv
- 🎬 08_复习.wmv
05
- 🎬 00_作业.wmv
- 🎬 01_字符串的创建.wmv
- 🎬 02_字符串的操作.wmv
- 🎬 03_模板字符串.wmv
- 🎬 04_ASCII码.wmv
- 🎬 05_字符串常用方法1.wmv
- 🎬 07_字符串常用方法3.wmv
- 🎬 08_反转字符串.wmv
06
- 🎬 01_json格式.wmv
- 🎬 02_小案例.wmv
- 🎬 04_本地存储.wmv
- 🎬 06_数字转换进制.wmv
- 🎬 07_保留小数.wmv
- 🎬 11_获取和封装时间差.wmv
- 🎬 13_随机颜色字符串.wmv
- 🎬 15_定时器返回值.wmv
- 🎬 16_广告弹出层.wmv
- 🎬 17_秒杀.wmv
- 🎬 18_格式化时间.wmv
- 🎬 19_复习.wmv
07
- 🎬 01_BOM.wmv
- 🎬 02_浏览器窗口尺寸.wmv
- 🎬 04_浏览器的地址栏.wmv
- 🎬 05_浏览器的历史记录.wmv
- 🎬 06_浏览器的版本信息.wmv
- 🎬 08_09_浏览器卷去的高度和宽度.wmv
- 🎬 10_浏览器滚动到.wmv
- 🎬 11_自己完成浏览器回到顶部.wmv
- 🎬 15_操作元素类名.wmv
- 🎬 16_操作元素文本内容.wmv
- 🎬 17_全选.wmv
- 🎬 18_选项卡.wmv
08
- 🎬 00_作业.wmv
- 🎬 01_操作元素样式.wmv
- 🎬 02_了解DOM节点.wmv
- 🎬 04_节点属性.wmv
- 🎬 06_插入节点.wmv
- 🎬 07_删除节点.wmv
- 🎬 09_克隆节点.wmv
- 🎬 10_带有删除和添加功能的表格.wmv
- 🎬 12_获取元素尺寸.wmv
- 🎬 13_获取元素的偏移量.wmv
- 🎬 14_浏览器窗口尺寸.wmv
- 🎬 15_元素常用的事件类型.wmv
- 🎬 16_二级菜单渲染.wmv
- 🎬 17_复习.wmv
09
- 🎬 01_分页器分页渲染.wmv
- 🎬 02_滚动刷新分页渲染(上).wmv
- 🎬 03_模板引擎语法.wmv
- 🎬 05_购物车案例.wmv
10
- 🎬 03_事件的解绑.wmv
- 🎬 04_封装事件绑定和解绑.wmv
- 🎬 06_鼠标事件的事件对象信息.wmv
- 🎬 07_实时显示坐标点.wmv
- 🎬 08_鼠标跟随.wmv
- 🎬 09_判断移入角度.wmv
- 🎬 10_键盘事件的事件对象信息.wmv
- 🎬 11_事件的传播.wmv
- 🎬 14_阻止事件传播.wmv
- 🎬 16_阻止浏览器默认行为.wmv
- 🎬 17_复习.wmv
11
- 🎬 01_购物车.wmv
- 🎬 02_认识html结构.wmv
- 🎬 03_业务逻辑分析.wmv
- 🎬 04_渲染页面.wmv
- 🎬 05_改变显示状态.wmv
- 🎬 08_拖拽.wmv
- 🎬 09_自执行函数.wmv
12
- 🎬 03_ES6定义变量.wmv
- 🎬 04_变量的块级作用域.wmv
- 🎬 05_06_箭头函数及特点.wmv
- 🎬 07_函数的参数默认值.wmv
- 🎬 08_模板字符串.wmv
- 🎬 09_点点点运算符.wmv
- 🎬 10_解构赋值.wmv
13
- 🎬 01_运动函数.wmv
- 🎬 03_左右切换轮播图生成焦点.wmv
- 🎬 04_左右切换轮播图复制元素.wmv
- 🎬 06_左右切换轮播图运动结束.wmv
- 🎬 07_左右切换轮播图移入移出.wmv
- 🎬 08_左右切换轮播图点击事件.wmv
- 🎬 10_渐隐渐显轮播图.wmv
- 🎬 11_swiper.wmv
14
- 🎬 02_四种创建对象的方式.wmv
- 🎬 03_构造函数的书写和使用.wmv
- 🎬 05_prototype.wmv
- 🎬 06_proto.wmv
- 🎬 07_对象访问机制上.wmv
- 🎬 08_构造函数相关的this.wmv
- 🎬 09_面向对象选项卡.wmv
- 🎬 12_检测数据类型.wmv
- 🎬 13_数据劫持.wmv
- 🎬 16_ES6类的语法.wmv
PART3
PART3
15
- 🎬 00_作业.wmv
- 🎬 01_分页器基础结构.wmv
- 🎬 02_分页器业务逻辑.wmv
- 🎬 03_了解模块化开发.wmv
- 🎬 04_模块化的前是今生.wmv
- 🎬 05_ES6的模块化标准.wmv
- 🎬 06_贪吃蛇布局.wmv
- 🎬 07_贪吃蛇实现.wmv
16
- 🎬 01_前后端交互.wmv
- 🎬 03_php基础语法.wmv
- 🎬 05_php的json格式.wmv
- 🎬 06_查询的sql语句.wmv
- 🎬 09_http传输协议.wmv
- 🎬 10_响应状态码.wmv
- 🎬 12_cookie.wmv
- 🎬 13_前端操作cookie.wmv
- 🎬 15_php操作cookie.wmv
17
- 🎬 01_session.wmv
- 🎬 03_ajax.wmv
- 🎬 04_ajax的异步.wmv
- 🎬 05_ajax的兼容.wmv
- 🎬 06_发送带有参数的请求.wmv
- 🎬 09_封装ajax基础步骤.wmv
- 🎬 11_免密登录.wmv
- 🎬 12_复习.wmv
18
- 🎬 01_列表页布局.wmv
- 🎬 02_渲染分类列表.wmv
- 🎬 03_渲染分页器.wmv
- 🎬 05_各种事件绑定.wmv
- 🎬 09_jsonp跨域请求.wmv
- 🎬 10_模拟百度搜索引擎.wmv
19
- 🎬 01_代理跨域.wmv
- 🎬 03_瀑布流布局.wmv
- 🎬 05_瀑布流渲染.wmv
- 🎬 07_了解回调函数.wmv
- 🎬 08_Promise.wmv
- 🎬 09_promise的all.wmv
- 🎬 10_async_await语法.wmv
- 🎬 11_generator函数.wmv
- 🎬 13_Set数据结构.wmv
- 🎬 14_Map数据结构.wmv
20
- 🎬 03_元字符-基础元字符.wmv
- 🎬 07_小练习.wmv
- 🎬 08_元字符-特殊符号.wmv
- 🎬 09_正则验证数字.wmv
- 🎬 13_正则表达式的标识符.wmv
- 🎬 14_正则的两个方法(下).wmv
- 🎬 17_字符串和正则合作的几个方法.wmv
- 🎬 18_表单验证需求1.wmv
- 🎬 22_复习.wmv
21
- 🎬 01_了解函数.wmv
- 🎬 02_一个不会被销毁的函数执行空间.wmv
- 🎬 03_闭包.wmv
- 🎬 04_销毁闭包空间.wmv
- 🎬 05_闭包的应用.wmv
- 🎬 08_循环绑定事件.wmv
- 🎬 11_原型继承.wmv
- 🎬 12_借用构造函数继承.wmv
- 🎬 13_组合继承.wmv
- 🎬 14_拷贝继承.wmv
- 🎬 15_寄生继承.wmv
- 🎬 16_寄生式组合继承.wmv
- 🎬 17_ES6类的继承.wmv
PART4
PART4
22
- 🎬 01_面试题.wmv
- 🎬 03_单例模式改造.wmv
- 🎬 04_自定义弹出层.wmv
- 🎬 06_发布订阅模式.wmv
- 🎬 08_jquery+选择器上.wmv
- 🎬 09_jquery的筛选器.wmv
- 🎬 10_jquery操作文本内容.wmv
- 🎬 12_jquery操作元素样式.wmv
23
- 🎬 01_jquery的事件绑定.wmv
- 🎬 02_jquery的事件函数.wmv
- 🎬 05_jQuery获取元素尺寸.wmv
- 🎬 07_jQuery的基础动画.wmv
- 🎬 08_jQuery的折叠动画.wmv
- 🎬 09_jQuery的渐隐渐显动画.wmv
- 🎬 10_jQuery的综合动画.wmv
- 🎬 11_jQuery停止动画.wmv
- 🎬 12_animatecss动画插件.wmv
- 🎬 14_树状菜单.wmv
24
- 🎬 01_jquery发送ajax请求.wmv
- 🎬 03_ajax发送跨域请求.wmv
- 🎬 06_深浅拷贝.wmv
- 🎬 07_jQuery的深浅拷贝.wmv
- 🎬 08_jQuery的插件扩展机制.wmv
- 🎬 11_jQuery的入口函数.wmv
25
- 🎬 01_了解node.wmv
- 🎬 02_常用的命令行操作.wmv
- 🎬 03_node运行js文件.wmv
- 🎬 07_fs内置模块.wmv
- 🎬 08_path内置模块.wmv
- 🎬 10_内置模块http.wmv
- 🎬 11_简单部署一个返回页面的服务器.wmv
- 🎬 12_了解npm.wmv
- 🎬 13_npm基本下载第三方.wmv
26
- 🎬 01_第三方包moment.wmv
- 🎬 05_了解sass.wmv
- 🎬 06_sass编译文件.wmv
- 🎬 07_sass基础语法.wmv
- 🎬 08_sass得嵌套语法.wmv
- 🎬 10_sass继承语法.wmv
- 🎬 11_sass导入语法.wmv
27
- 🎬 03_gulp常用的API.wmv
- 🎬 05_添加一个打包css的任务.wmv
- 🎬 06_添加一个打包sass的任务.wmv
- 🎬 07_添加一个打包js的任务.wmv
- 🎬 08_添加一个打包html的任务.wmv
- 🎬 09_添加其他任务的移动.wmv
- 🎬 10_创建一个默认任务.wmv
- 🎬 11_创建一个删除任务.wmv
- 🎬 12_gulp启动服务.wmv
- 🎬 13_gulp配置代理.wmv
- 🎬 14_gulp添加监控文件变化任务.wmv
- 🎬 15_gulp配置导入组件.wmv
28
- 🎬 01_了解git和github.wmv
- 🎬 02_git的安装.wmv
- 🎬 04_工作区添加到暂存区.wmv
- 🎬 05_撤回暂存区的内容.wmv
- 🎬 07_回滚历史版本.wmv
- 🎬 08_删除历史版本.wmv
- 🎬 09_上传到远程.wmv
- 🎬 11_拉取别人得代码.wmv
- 🎬 13_git相关得三个文件和一个插件.wmv
- 🎬 14_本地分支操作.wmv
- 🎬 17_配置git密钥.wmv
PART5
PART5
29
- 🎬 01_码云.wmv
- 🎬 02_了解H5.wmv
- 🎬 03_表单标签和属性.wmv
- 🎬 04_多媒体标签.wmv
- 🎬 05_多媒体标签的谁属性和方法.wmv
- 🎬 06_自定义控件基础布局.wmv
- 🎬 07_设置总时间和播放暂停.wmv
- 🎬 08_时间拖拽.wmv
- 🎬 09_音量控制.wmv
30
- 🎬 02_背景图片原点.wmv
- 🎬 04_背景图片定位原点.wmv
- 🎬 05_多背景图片.wmv
- 🎬 06_线性渐变.wmv
- 🎬 09_盒子模型.wmv
- 🎬 11_边框图片.wmv
- 🎬 13_3d变换.wmv
- 🎬 14_正方体盒子.wmv
- 🎬 15_过渡动画.wmv
- 🎬 16_帧动画.wmv
- 🎬 17_绝对居中.wmv
31
- 🎬 01_切割轮播图.wmv
- 🎬 02_开启flex布局.wmv
- 🎬 03_弹性父级得属性1.wmv
- 🎬 03_弹性父级得属性2.wmv
- 🎬 04_弹性子级得属性.wmv
- 🎬 06_felx布局得麻将牌.wmv
- 🎬 07_了解canvas.wmv
- 🎬 09_canvas线得宽度和颜色问题.wmv
- 🎬 10_绘制线颜色和单独开启新的线.wmv
- 🎬 12_绘制一个回型(非零填充规则).wmv
- 🎬 14_线段得拐点样式.wmv
- 🎬 15_绘制虚线.wmv
- 🎬 16_渐变颜色得线.wmv
32
- 🎬 01_昨天回顾.wmv
- 🎬 03_面向对象版本折线图.wmv
- 🎬 04_绘制矩形.wmv
- 🎬 05_绘制渐变矩形.wmv
- 🎬 08_绘制圆弧(扇形).wmv
- 🎬 10_绘制饼图.wmv
- 🎬 12_饼形图画饼.wmv
- 🎬 13_画出延长线.wmv
- 🎬 14_绘制饼形图-面向对象.wmv
- 🎬 15_作业-楼层导航.wmv
- 🎬 16_复习.wmv
33
- 🎬 01_formdata.wmv
- 🎬 02_文件上传.wmv
- 🎬 03_模拟头像上传.wmv
- 🎬 04_本地图片预览.wmv
- 🎬 05_头像上传+本地预览.wmv
- 🎬 06_jquery上传FormData.wmv
- 🎬 07_离线缓存(已弃用).wmv
- 🎬 09_移动端视口.wmv
- 🎬 10_移动端屏幕兼容.wmv
- 🎬 11_媒体查询.wmv
含笔记和代码
|