JavaScript从入门到全栈开发

JavaScript从入门到全栈开发
共443节 616人在学 课程详情
  • 流程控制与函数

    • 关于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
    • 后续内容预告
  • 正则表达式

    • 正则表达式概述
    • 创建正则表达式
    • 简单看下正则的作用
    • 元字符
    • 限定符
    • 边界符
    • 检测QQ邮箱
    • 特殊符号
    • 检测0-255
    • 正则API之exec
    • 标识符
    • 正则表单验证
    • 字符串的正则相关API
    • 案例:手机号+姓名
    • 案例:邮箱
    • 案例:身份证号
    • 正则作业:URL校验
    • 正则作业:密码强度校验
  • 面向对象编程

    • 面向对象初识
    • 创建对象的方式
    • 工厂函数
    • 自定义构造函数
    • 构造函数与面向对象的重要性
    • 构造函数的使用
    • 构造函数的缺陷
    • 原型对象
    • 原型链
    • 原型链的一再验证
    • protype中的普通函数的this
    • 构造器constructor
    • Tab切换面向对象版
    • 闭包概念
    • 番外篇:素数的更优算法
    • 闭包案例
    • 构造函数继承
    • 类的继承
    • 扩展系统API
    • 扩展系统API2
    • 继承案例:NorepeatArray
    • 继承案例:NorepeatArray2
    • 继承案例:键值字典
    • 继承案例:键值字典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新特性

    • this关键字
    • 严格模式
    • ES6简介
    • ES6定义变量常量
    • 认识一下箭头函数
    • 箭头函数的使用规则
    • 箭头函数案例:生成随机数
    • 箭头函数的默认参数
    • 模板字符串
    • 自定义代码模板
    • 解构赋值
    • 展开运算符
    • 对象的简易书写
    • JSON+精准类型判断
    • 箭头函数的注意点
    • 自调用函数的this
    • 改变this指向
    • ES6新数据结构Set
    • ES6新数据结构Map
  • 电商项目全栈开发实战

    • 电商案例:配置域名
    • 电商案例:准备数据
    • 电商案例:搭建工程结构
    • 电商案例:获取首页数据
    • 电商案例:解析首页数据
    • 电商案例:集成分页器
    • 电商案例:分页器显示正确页码
    • 电商案例:实现翻页
    • 电商案例:渲染详情页
    • 电商案例:localStorage
    • 电商案例:购物车渲染
    • 电商案例:添加商品到购物车
    • 电商案例:购物车事件监听
    • 电商案例:加减商品
    • 电商案例:单选全选联动
    • 电商案例:动态计算价格
    • 电商案例:支付与清空
    • 使用第三方数据接口开发项目
  • 面向对象案例:附近的商家

    • 作业说明
    • 地理位置类封装+单例模式
    • 设计模式概述
    • 求两个地理位置的距离
    • 商家类封装
    • 消费者封装
    • 产生随机商家
    • 随机店名
    • 封装附近的服务
    • 推荐算法
    • 保存历史记录
  • Bootstrap框架简介

    • Bootstrap组件
    • Bootstrap栅格布局
  • 插件开发案例:绚丽烟花

    • 烟花:封装工具函数
    • 烟花:面向过程版
    • 烟花:面向对象版
  • 插件开发案例:放大镜

    • 放大镜:编程思路
    • 放大镜:布局+事件
    • 放大镜:缩略图点击事件
    • 放大镜:计算大图偏移量
    • 放大镜:重构为面向对象版
    • 放大镜:设置折叠展开代码快键键
    • 放大镜:class版
  • 插件开发案例:分页器

    • 分页器:编程思路
    • 分页器:生成随机数据
    • 分页器:绘制表格
    • 分页器:框架搭建
    • 分页器:绘制基本元素
    • 分页器:页码绘制
    • 分页器:点击事件监听
    • 分页器:判断按钮的禁用
    • 分页器:页码变化回调
    • 分页器:总结
  • 插件开发案例:轮播图

    • 轮播图1:基本布局
    • 轮播图2:基本动画
    • 轮播图3:指示器
    • 轮播图4:自动播放
    • 轮播图5:代码整理
    • 轮播图6:重新更新指示器
    • 轮播图7:解决点击左右键时的跳动问题
    • 轮播图8:应对用户的疯狂点击
    • 轮播图9:双向轮回
    • 轮播图10:阻止回到页面时的批量渲染
    • 轮播图11:指示器获得焦点
    • 轮播图12:校正指示器点击序号
    • 轮播图13:准备拖拽
    • 轮播图14:实现拖拽
    • 轮播图15:解决挂不住档的问题
    • 轮播图16:应对用户疯狂拖拽
    • 轮播图17:令鼠标的抬起匹配鼠标的按下
  • 速成PHP与MySQL

    • 网络常识
    • 安装PHP+Mysql开发环境
    • PHP基本语法介绍
    • PHP基本语法
    • MySQL数据库常识
    • 认识SQL语句
    • 使用PHP操作MySQL
    • 登录:一次完整的前后端通信
    • 一次完整的AJAX通信
    • 表关系管理概述
    • 创建数据库+一对一关系
    • 一对多关系
    • 多对多关系
    • PHP_MySQL复习

    订阅失败

    JavaScript从入门到全栈开发
    JavaScript从入门到全栈开发 ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    node初体验

    课程介绍

    @教学设计

    本课程以充分胜任前端项目开发为出发点,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
    • 玩转网络通信与异步编程
    • 玩转第三方数据
    • 初步具备全栈项目前后端开发能力   

    @项目效果图

    项目之一效果如下,当然这远非全部:

    首页

     

    商品列表页

    商品详情页

    购物车页

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 916人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22821人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4294人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 838人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 900人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5203人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1532人在学

    Python Django 深度学习 小程序

    钟翔 · 2409人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 681人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4077人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~