扫码支付

购买商品:
商品价格:

价格读取中

支付方式:
微信

请扫码进行支付

支付宝

请扫码进行支付

二维码已过期,请点击刷新

  • 课程> 前端开发> JavaScript
  • 30天完成30个JS原生开发项目挑战

  • 由百度云提供技术支持
    课程目录
    第一章:01 - JavaScript Drum Kit
    • 1. 【JavaScript30 系列之第01天】001项目效果演示以及知识点分析 (免费)
    • 1:12
    • 2. 【JavaScript30 系列之第01天】002爵士鼓项目UI搭建之HTML (免费)
    • 7:19
    • 3. 【JavaScript30 系列之第01天】003CSS之min-height和vh (免费)
    • 5:15
    • 4. 【JavaScript30 系列之第01天】004CSS之background-size (免费)
    • 16:12
    • 5. 【JavaScript30 系列之第01天】005CSS之rem (免费)
    • 3:57
    • 6. 【JavaScript30 系列之第01天】006CSS之布局完结篇 (免费)
    • 16:03
    • 7. 【JavaScript30 系列之第01天】007CSS之playing效果模拟 (免费)
    • 4:14
    • 8. 【JavaScript30 系列之第01天】008JavaScript逻辑实现与控制台调试 (免费)
    • 26:31
    第二章:02 - JS and CSS Clock
    • 1. 【JavaScript30 系列之第02天】001项目介绍与技术要点分析 (免费)
    • 3:45
    • 2. 【JavaScript30 系列之第02天】002项目之flex布局与盒子模型
    • 14:44
    • 3. 【JavaScript30 系列之第02天】003项目之position实战
    • 28:33
    • 4. 【JavaScript30 系列之第02天】004rem之bug总结
    • 7:33
    • 5. 【JavaScript30 系列之第02天】005transform系列属性
    • 18:31
    • 6. 【JavaScript30 系列之第02天】006JS逻辑处理
    • 4:37
    • 7. 【JavaScript30 系列之第02天】007transition动画过度
    • 5:25
    • 8. 【JavaScript30 系列之第02天】008指针回转bug思考与处理方法
    • 9:48
    • 9. 【JavaScript30 系列之第02天】009效果优化
    • 5:03
    第三章:03 - CSS Variables
    • 1. 【JavaScript30 系列之第03天】001项目效果演示及技术点分析
    • 5:14
    • 2. 【JavaScript30 系列之第03天】002UI搭建
    • 22:04
    • 3. 【JavaScript30 系列之第03天】003CSS变量的声明与使用
    • 5:02
    • 4. 【JavaScript30 系列之第03天】004CSS变量使用之JS逻辑处理
    • 12:19
    第四章:04 - Array Cardio Day 1
    • 1. 【JavaScript30 系列之第04天】001Day4挑战目标介绍
    • 2:40
    • 2. 【JavaScript30 系列之第04天】002优美的调试技巧
    • 0:58
    • 3. 【JavaScript30 系列之第04天】003筛选 16 世纪出生的发明家
    • 6:40
    • 4. 【JavaScript30 系列之第04天】004展示他们的姓和名
    • 7:11
    • 5. 【JavaScript30 系列之第04天】005把他们按照年龄从大到小进行排序
    • 6:00
    • 6. 【JavaScript30 系列之第04天】006计算所有的发明家加起来一共活了多少岁
    • 4:35
    • 7. 【JavaScript30 系列之第04天】007按照他们活了多久来进行排序
    • 2:43
    • 8. 【JavaScript30 系列之第04天】008筛选出网页中含有CSS标题的数据名称
    • 8:11
    • 9. 【JavaScript30 系列之第04天】009按照姓氏来对发明家进行排序
    • 5:11
    • 10. 【JavaScript30 系列之第04天】010统计给出数组中各个物品的数量
    • 7:02
    第五章:05 - Flex Panel Gallery
    • 1. 【JavaScript30 系列之第05天】001Flex 实现可伸缩的图片墙
    • 25:26
    第六章:06 - Type Ahead
    • 1. 【JavaScript30 系列之第06天】001项目效果展示与相关技术分析
    • 4:06
    • 2. 【JavaScript30 系列之第06天】002UI搭建
    • 41:31
    • 3. 【JavaScript30 系列之第06天】003通过Fetch下载数据并解析存储
    • 9:31
    • 4. 【JavaScript30 系列之第06天】004事件监听
    • 4:35
    • 5. 【JavaScript30 系列之第06天】005RegExp数据匹配
    • 15:21
    • 6. 【JavaScript30 系列之第06天】006替换高亮的标签
    • 6:21
    第七章:07 - Array Cardio Day 2
    • 1. 【JavaScript30 系列之第07天】001Day7挑战知识点介绍
    • 2:37
    • 2. 【JavaScript30 系列之第07天】002是否至少有一人年满19周岁?
    • 11:42
    • 3. 【JavaScript30 系列之第07天】003是否每一个人都年满19周岁?
    • 5:31
    • 4. 【JavaScript30 系列之第07天】004是否存在id=823423的评论?
    • 7:56
    • 5. 【JavaScript30 系列之第07天】005找到id=823423的评论的序列号(下标)
    • 2:39
    • 6. 【JavaScript30 系列之第07天】006删除id=823423的评论-splice
    • 8:34
    • 7. 【JavaScript30 系列之第07天】007删除id=823423的评论-slice
    • 5:03
    第八章:08 - Fun with HTML5 Canvas
    • 1. 【JavaScript30 系列之第08天】001HTML5 Canvas 实现彩虹画笔绘画
    • 32:21
    第九章:09 - Dev Tools Domination
    • 1. 【JavaScript30 系列之第09天】001Day9挑战内容简介
    • 1:49
    • 2. 【JavaScript30 系列之第09天】002log 的更多用法
    • 5:45
    • 3. 【JavaScript30 系列之第09天】003清空 console 面板输出内容
    • 1:49
    • 4. 【JavaScript30 系列之第09天】004不同样式的输出
    • 1:36
    • 5. 【JavaScript30 系列之第09天】005打印DOM节点
    • 1:40
    • 6. 【JavaScript30 系列之第09天】006断点调试
    • 2:48
    • 7. 【JavaScript30 系列之第09天】007打印表格
    • 1:10
    • 8. 【JavaScript30 系列之第09天】008分组打印
    • 2:26
    • 9. 【JavaScript30 系列之第09天】009console.count() 计数
    • 2:08
    • 10. 【JavaScript30 系列之第09天】010time 计时
    • 1:16
    第一十章:10 - Hold Shift and Check Checkboxes
    • 1. 【JavaScript30 系列之第10天】001按住 Shift 实现批量选中
    • 15:14
    • 2. 【JavaScript30 系列之第10天】002按住 Shift 实现批量取消
    • 12:25
    • 3. 【JavaScript30 系列之第10天】003按住 Shift 实现批量取消之新方法
    • 4:53
    第一十一章:11 - Custom Video Player
    • 1. 【JavaScript30 系列之第11天】001项目介绍
    • 2:30
    • 2. 【JavaScript30 系列之第11天】002变量绑定
    • 4:20
    • 3. 【JavaScript30 系列之第11天】003事件监听以及函数实现
    • 13:48
    第一十二章:12 - Key Sequence Detection
    • 1. 【JavaScript30 系列之第12天】001项目挑战介绍
    • 5:00
    • 2. 【JavaScript30 系列之第12天】002项目源码实现
    • 19:54
    第一十三章:13 - Slide in on Scroll
    • 1. 【JavaScript30 系列之第13天】001项目效果展示以及实现分析
    • 7:52
    • 2. 【JavaScript30 系列之第13天】002基础知识讲解
    • 9:36
    • 3. 【JavaScript30 系列之第13天】003JS代码逻辑以及算法分析
    • 23:37
    第一十四章:14 - JavaScript References VS Copying
    • 1. 【JavaScript30 系列之第14天】001按值操作
    • 5:47
    • 2. 【JavaScript30 系列之第14天】001浅拷贝-指针拷贝
    • 15:40
    • 3. 【JavaScript30 系列之第14天】002数组的深拷贝
    • 6:46
    • 4. 【JavaScript30 系列之第14天】003Object.assign进行对象深拷贝
    • 3:49
    • 5. 【JavaScript30 系列之第14天】004JSON字符串实现对象深拷贝
    • 5:08
    第一十五章:15 - LocalStorage
    • 1. 【JavaScript30 系列之第15天】001项目挑战介绍
    • 3:25
    • 2. 【JavaScript30 系列之第15天】002新增待办事项的事件监听以及数组构建
    • 10:51
    • 3. 【JavaScript30 系列之第15天】003代办事项UI展示
    • 12:18
    • 4. 【JavaScript30 系列之第15天】004localStorage应用
    • 16:54
    第一十六章:16 - Mouse Move Shadow
    • 1. 【JavaScript30 系列之第16天】001项目挑战展示与内容概述
    • 2:51
    • 2. 【JavaScript30 系列之第16天】002text-shadow属性使用详解
    • 9:36
    • 3. 【JavaScript30 系列之第16天】003解构赋值
    • 15:46
    • 4. 【JavaScript30 系列之第16天】004 MouseEvent
    • 20:08
    • 5. 【JavaScript30 系列之第16天】005 offset系列属性精讲
    • 16:43
    • 6. 【JavaScript30 系列之第16天】006整个项目JS代码逻辑完成
    • 11:21
    第一十七章:17 - Sort Without Articles
    • 1. 【JavaScript30 系列之第17天】001数组排序
    • 7:39
    第一十八章:18 - Adding Up Times with Reduce
    • 1. 【JavaScript30 系列之第18天】001项目挑战之方法一
    • 11:45
    • 2. 【JavaScript30 系列之第18天】002项目挑战之方法二
    • 6:50
    第一十九章:19 - Webcam Fun
    • 1. 【JavaScript30 系列之第19天】001项目挑战内容介绍
    • 2:51
    • 2. 【JavaScript30 系列之第19天】002了解Browsersync
    • 8:38
    • 3. 【JavaScript30 系列之第19天】003捕捉视频流以及进行实时播放
    • 10:36
    • 4. 【JavaScript30 系列之第19天】004canvas绘图
    • 7:22
    • 5. 【JavaScript30 系列之第19天】005拍照
    • 10:07
    • 6. 【JavaScript30 系列之第19天】006滤镜制作原理
    • 8:28
    第二十章:20 - Speech Detection
    • 1. 【JavaScript30 系列之第20天】001项目挑战内容介绍
    • 3:39
    • 2. 【JavaScript30 系列之第20天】002语音识别代码解析
    • 13:59
    第二十一章:21 - Geolocation
    • 1. 【JavaScript30 系列之第21天】001Geolocation 视频
    • 8:46
    第二十二章:22 - Follow Along Link Highlighter
    • 1. 【JavaScript30 系列之第22天】001鼠标锚点动画生成教程
    • 12:18
    第二十三章:23 - Speech Synthesis
    • 1. 【JavaScript30 系列之第23天】001Speech Synthesis
    • 35:01
    第二十四章:24 - Sticky Nav
    • 1. 【JavaScript30 系列之第24天】导航吸附效果教程
    • 24:30
    第二十五章:25 - Event Capture, Propagation, Bubbling and Once
    • 1. 【JavaScript30 系列之第25天】001DOM事件机制
    • 9:44
    第二十六章:26 - Stripe Follow Along Nav
    • 1. 【JavaScript30 系列之第26天】001气泡在导航上随鼠标的位置的出现和消失
    • 51:32
    第二十七章:27 - Click and Drag
    • 1. 【JavaScript30 系列之第27天】001点按、拖拽
    • 18:19
    第二十八章:28 - Video Speed Controller
    • 1. 【JavaScript30 系列之第28天】001Video Speed Controller
    • 17:01
    第二十九章:29 - Countdown Timer
    • 1. 【JavaScript30 系列之第29天】001倒计时项目
    • 20:54
    第三十章:30 - Whack A Mole
    • 1. 【JavaScript30 系列之第30天】001JS原生实现打地鼠游戏
    • 37:21
    • 【课程类型】实战教学 【难度级别】中级 【适合人群】所有人
    • 【课程介绍】
      在Github上看到了wesbos的一个Javascript30天挑战的repo,旨在使用纯JS来进行练习,不允许使用任何其他的库和框架,该挑战共30天,我会在这里复现这30天遇到的挑战与问题,将其教程化、视频化分享给大家。源码及文档:https://github.com/liyuechun/JavaScript30-liyuechun
    • 【课程目标】
      1、每天一JS原生项目挑战 2、30天精通JS
    • 【课程计划】
      连续30天,每天一JS原生项目

    第一章:01 - JavaScript Drum Kit

    第二章:02 - JS and CSS Clock

    第三章:03 - CSS Variables

    第四章:04 - Array Cardio Day 1

    第五章:05 - Flex Panel Gallery

    第六章:06 - Type Ahead

    第七章:07 - Array Cardio Day 2

    第八章:08 - Fun with HTML5 Canvas

    第九章:09 - Dev Tools Domination

    第一十章:10 - Hold Shift and Check Checkboxes

    第一十一章:11 - Custom Video Player

    第一十二章:12 - Key Sequence Detection

    第一十三章:13 - Slide in on Scroll

    第一十四章:14 - JavaScript References VS Copying

    第一十五章:15 - LocalStorage

    第一十六章:16 - Mouse Move Shadow

    第一十七章:17 - Sort Without Articles

    第一十八章:18 - Adding Up Times with Reduce

    第一十九章:19 - Webcam Fun

    第二十章:20 - Speech Detection

    第二十一章:21 - Geolocation

    第二十二章:22 - Follow Along Link Highlighter

    第二十三章:23 - Speech Synthesis

    第二十四章:24 - Sticky Nav

    第二十五章:25 - Event Capture, Propagation, Bubbling and Once

    第二十六章:26 - Stripe Follow Along Nav

    第二十七章:27 - Click and Drag

    第二十八章:28 - Video Speed Controller

    第二十九章:29 - Countdown Timer

    第三十章:30 - Whack A Mole

    全部评价(0
    好评(0
    中评(0
    差评(0
    发表评价
    黎跃春
    7课程13346学员
    北京从零到壹科技有限公司  创始人 CEO 孔壹学院 教学总监 21点见 产品经理,架构师
    所属机构:孔壹学院