JavaScript从入门到全栈开发
流程控制与函数
- 关于javascript
- 行内式JS
- 内嵌式JS
- 外链式JS
- 代码注释
- JS变量
- 交换两个变量的值
- 控制台输出
- JS的数据类型1:认识各种类型
- JS的数据类型2:可能的取值
- JS的数据类型3:进制转换
- 进制的意义
- 变量的命名规范
- 检测数据类型
- 数据类型转换
- 数据类型转换2
- 数据类型转换3
- 检测是否数值类型
- 数学运算符
- 赋值运算
- 比较运算
- 逻辑运算
- 家庭作业
- 逻辑分支引入
- if单分支
- if双分支
- if多分支
- 条件嵌套:相亲
- switch多分支
- switch多分支练习
- 三元运算符
- 作业1
- 作业2
- 循环引入
- while循环
- dowhile循环
- for循环
- break
- continue
- 九九乘法表
- 九九乘法表2
- 水仙花数
- 连续阶乘和
- 罗列闰年
- 前情回顾
- 昨日作业1-5
- 昨日作业6-10
- 认识函数
- 声明式和赋值式函数
- 函数参数
- 参数个数
- 百钱买百鸡问题
- 函数返回
- 预解析
- 全局作用域
- 局部作用域
- 变量访问规则
- 递归函数
- 递归函数强化
- 函数作业1-3
- 函数作业4
- 函数作业5-6
- 函数作业6
- 函数作业7
- 函数作业7-8
- 函数作业10-11
- 函数作业12-14
- 循环作业17
- 循环作业18
- 循环作业19-20
- 循环作业21
- 分解质因数
- 本周预告
- 简单了解对象
- 数据存储
- 函数传参
- 内存存储强化
常用的语言内置API
- 初识数组
- 数组和对象的遍历
- 数组的常用方法
- sort强化
- 数组的常用方法2
- 选择排序
- 冒泡排序
- 二维数组
- 强化练习01
- 强化练习2-1
- 强化练习2-2
- 强化练习3-1
- 强化练习3-2
- 数组批处理之foreach
- 数组批处理之every
- 数组批处理之some
- 数组批处理之map+filter
- 字符集概述
- string常用方法1
- string常用方法2
- 昨日回顾
- 强化练习1
- 强化练习1-2
- 强化练习2
- 强化练习3
- string的其它常用API
- Math的常用API
- 转换进制
- 范围之间的随机数
- 随机颜色的案例
- 上午练习
- 初识Date
- 创建任意的Date对象
- 案例1:中文显示时间1
- 案例1:中文显示时间2
- 定时器
- 放假倒计时
- 强化练习
- 定时器2
- 后续内容预告
正则表达式
面向对象编程
网络通信与异步编程
- http协议与cookie概述
- TCP_IP协议
- http协议:一次完整的HTTP通信
- http协议:请求报文
- http协议:响应报文
- http协议:状态码
- http协议:请求方式
- cookie:介绍
- cookie:PHP操作cookie
- cookie:JS操作cookie
- cookie:免密登录简单版
- cookie:JS操作cookie封装
- cookie:php文件当html用
- cookie:完整免密登录
- cookie:完整免密登录总结
- 复习:http协议
- 复习:cookie
- Ajax:概述
- Ajax:GET请求
- Ajax:POST请求
- Ajax:同步与异步
- Ajax:同源策略与跨域请求
- jsonp:实现跨域AJAX
- jsonp:实战山寨百度
- 使用页面调试工具监视网络请求
- jsonp:山寨百度思路整理
- 正向代理:配置代理
- 正向代理案例:美图网
- 正向代理案例:获取数据
- 正向代理案例:渲染页面
- 昨日回顾:ajax
- ajax请求的基本封装1
- ajax请求的基本封装2
- JS的错误抛出与处理
- ajax工具提高健壮性思路
- ajax工具完成版
- 回调地狱
- Promise基本语法
- Promise解决回调地狱
- Promise解决回调地狱2
- PromiseAjax
- async_await:回调地狱终极解决方案
玩转jQuery
- jQuery简介
- jQuery的选择器
- jquery里面的筛选器
- jQuery的属性操作
- jQuery的类名操作
- jQuery的隐式迭代
- 09_tab切换
- jQuery操作文本内容
- jQuery操作样式
- jQuery的事件机制
- jQuery可以直接使用的常见的事件
- 数据劫持
- 会了吧插件-by高跟鞋
- 事件
- 操作元素
- 操作元素2
- 元素尺寸
- 元素位置
- 动画
- 自定义动画
- 快捷语法
- 鼠标跟随
- 返回顶部
- 手风琴
- 树状菜单
- 选项卡滑动
- 烟花JQ重构
- JQ的Ajax请求概述
- JQ发起get请求
- JQ发起post请求
- JQ发起ajax请求
- JQ发起post请求总结+RESTful-API介绍
- JQ发起JSONP请求
- JQ-Ajax钩子函数
- JQ扩展机制
- JQ多库共存
- 使用表单验证插件
- 使用自动完成插件
- 拿来JQuery之家的插件
- JQ复习
前端工程化:Node/SASS/Gulp/Git
- Node.js概述
- Node安装
- node初体验
- 常用的DOS命令
- Node的导入导出
- 文件读写模块fs简介
- http模块简介
- npm包管理器
- nrm源管理器
- SASS简介
- SCSS的基础编译
- SCSS的实时监控
- SASS语法之变量
- SASS语法之嵌套
- SASS语法之混入
- SASS语法之继承
- SASS语法之注释
- SASS语法之导入
- 公开数据接口概述
- 使用node获取天气数据
- 使用node获取新闻数据
- gulp概述与安装
- gulp项目初始化
- gulp压缩css
- gulp添加浏览器兼容前缀
- gulp执行sass任务
- gulp压缩JS
- gulp编译ES6语法
- gulp压缩html
- gulp拷贝lib和static到dist
- gulp批量执行任务
- gulp清除dist目录
- gulp自动清除+打包
- gulp打包后自动打开浏览器
- gulp自动刷新部署
- gulp代理准备工作:调好Apache
- gulp配置代理实现实时部署
- gulp3.0与4.0的一点点区别
DOM/事件/动画
- 获取浏览器信息
- 获取浏览器地址栏信息
- 浏览器的历史纪录
- 浏览器的常见事件
- 浏览器滚动的距离.
- 浏览器的弹出层
- 随着滚动条出现顶部通栏
- DOM基本操作概述
- DOM获取页面元素
- 简单的操作元素的几个属性
- 模拟无法关闭的广告盒子
- 答疑:关于函数
- 答疑:关于递归
- 强化练习1
- 强化练习:业务逻辑的函数封装
- 强化练习:删除监听
- 强化练习:总结
- 隔行变色的表格
- DOM操作API
- 简单获取页面几个特殊标签
- 节点的分类
- 操作DOM元素
- 获取元素的非行间样式
- 获取元素的尺寸位置
- BOM扩展
- 时间对象的其它方法
- 不包含浏览器滚动条的窗口尺寸
- 浏览器窗口改变事件
- DOM操作复习
- dom操作生成表格
- dom操作生成表格_换肤
- dom操作生成表格_换肤总结
- 网页换肤
- tab切换
- 事件对象
- 鼠标按键信息
- 常见的事件
- 键盘事件
- 案例:打字游戏
- 拖拽一个盒子
- 拖拽一个盒子+边界值判断
- 实时显示鼠标位置
- 事件传播概述
- 事件的绑定方式
- 事件的传播
- 阻止事件传播
- 事件委托
- 阻止默认事件
- 阻止默认事件2
- 九宫格拖拽1
- 九宫格拖拽2
- 九宫格拖拽3 总结
- 动画概述
- 第三方插件swiper的使用
- 简单运动
- 简单运动的封装
- 简单运动的封装-梳理
- 多属性动画1
- 多属性动画封装
- 动画结束时的回调函数
ES6新特性
电商项目全栈开发实战
面向对象案例:附近的商家
Bootstrap框架简介
插件开发案例:绚丽烟花
插件开发案例:放大镜
插件开发案例:分页器
插件开发案例:轮播图
速成PHP与MySQL
提交答案
视频学习中有任何产品建议都可由此反
馈,我们将及时处理!
馈,我们将及时处理!
课时介绍
分页器:绘制表格
课程介绍
@教学设计
本课程以充分胜任前端项目开发为出发点,460课时满满干货,无论你是零基础还是想升级通通满足!
技术栈包括但不限于:
- JavaScript基本语法+常用API
- DOM操作+事件处理+动画
- ES6新特性+正则表达式
- JavaScript面向对象开发+设计模式
- Ajax网络通信与异步编程
- jQuery框架基础与实战+Bootstrap3快速构建页面
- NodeJS和NPM的使用
- SASS语法精讲
- Gulp自动化打包工具的使用
- Git版本控制工具的使用
- PHP语法速成
- MySQL数据库速成
- Nginx和Apache服务器的使用
- 第三方数据接口的使用
- 实战电商网站全栈开发
@内容特色
- 零基础
- 深入浅出
- 水煮漫谈
- 实战贯穿
@差异化
- never say the best,但有趣、实用、学得会、高大全是桫哥追求的目标(KTV你懂的~)
@讲师经历
- 桫哥十年撸码,担任过多家互联网公司和教育机构的前后端主程、项目经理和教学总监,玩过前后端开发、移动开发、游戏开发、区块链,见过猪跑,愿与诸君教学相长,共赴星辰大海!
@课程收益
- 扎实的JavaScript内功
- 面向对象开发思维
- DOM/事件/动画:前端三威胁手到擒来
- 掌握各种前端交互效果制作
- 基于Bootstrap与jQuery快速搭建动态网页
- 走向全栈:JS+PHP+MySQL
- 玩转网络通信与异步编程
- 玩转第三方数据
- 初步具备全栈项目前后端开发能力
@项目效果图
项目之一效果如下,当然这远非全部:
推荐课程