教程演示🔗

⚠️本教程提供中英文字幕和完整课程相关资料

100 Days of JavaScript 100 天的 JavaScript

Sharpen your JavaScript skills by building Amazing projects over the next 100 Days with HTML, CSS and JavaScript.
通过在接下来的 100 天内使用 HTML、CSS 和 JavaScript 构建令人惊叹的项目来提高您的 JavaScript 技能。

What you’ll learn 您将学到什么

  • Sharpen your JavaScript skills by building projects
    通过构建项目来提高您的 JavaScript 技能
  • Use ES6 Classes, arrow functions, events, DOM manipulation and more.
    使用 ES6 类、箭头函数、事件、DOM 操作等。
  • Apply HTML, CSS, Flexbox and Grid Layout on projects
    在项目上应用 HTML、CSS、Flexbox 和网格布局
  • Use Bootstrap to build projects.
    使用 Bootstrap 构建项目。

Requirements 要求

  • Basic knowledge of HTML, CSS and JavaScript
    HTML,CSS和JavaScript的基本知识

Description 描述

Welcome to 100 Days Of JavaScript, a project-based JavaScript course.
欢迎来到 100 Days Of JavaScript,一个基于项目的 JavaScript 课程。

Learning the fundamentals of JavaScript is one thing, but applying the knowledge to build functional web apps can sometimes be difficult especially for beginners.
学习 JavaScript 的基础知识是一回事,但应用这些知识来构建功能性 Web 应用程序有时可能很困难,尤其是对于初学者。


I created this course to help beginners and intermediate-level JavaScript developers gain clarity and build confidence BY building amazing projects with JavaScript.
我创建了这门课程,以帮助初学者和中级 JavaScript 开发人员通过使用 JavaScript 构建令人惊叹的项目来获得清晰度并建立信心。

At the end of the course, we are going to build what I call a “PSEUDO JAVASCRIPT AI” which is a very exciting project.
在课程结束时,我们将构建我称之为“伪 JAVASCRIPT AI”的项目,这是一个非常令人兴奋的项目。

All the projects we build are very well explained.
我们构建的所有项目都得到了很好的解释。

Many of the projects we build are components found on modern websites and web apps.
我们构建的许多项目都是在现代网站和 Web 应用程序上找到的组件。


Course Requirement 课程要求
This course is not for an absolute JavaScript beginner.
本课程不适合绝对的JavaScript初学者。

To take this course you need to know the fundamentals of HTML, CSS and JavaScript.
要参加本课程,您需要了解HTML,CSS和JavaScript的基础知识。

Here is a list of projects we build in the course
以下是我们在课程中构建的项目列表

  1. Counter App 柜台应用程序

  2. Random Hex Color Generator
    随机十六进制颜色生成器

  3. Random Number Generator 随机数生成器

  4. Modal/Popup 模态/弹出式

  5. Palindrome Checker 回文检查器

  6. Vowel Counter App 元音计数器应用程序

  7. Click to Copy 点击复制

  8. Google Drive Download Link Generator
    谷歌云端硬盘下载链接生成器

  9. Weather App 天气应用

  10. Input Field Character Counter
    输入字段字符计数器

  11. Lyrics Search App 歌词搜索应用

  12. Internet Connection Status Detector
    互联网连接状态检测器

  13. Quiz App 测验应用

  14. API Project 接口项目

  15. HTTP Request Project HTTP 请求项目

  16. Random Quote Generator 随机报价生成器

  17. List Search Project 列表搜索项目

  18. Date Countdown 日期倒计时

  19. Time Countdown 时间倒计时

  20. Tip Calculator 小费计算器

  21. Smooth Scroll Effect 平滑滚动效果

  22. Sticky Nav Bar on Scroll
    滚动上的粘性导航栏

  23. Active Menu Switcher 活动菜单切换器

  24. Scroll To Top 滚动到顶部

  25. Responsive Mobile Menu – part 1 & 2
    响应式移动菜单 – 第1部分和第2部分

  26. Responsive Mobile Menu with Submenu
    带子菜单的响应式移动菜单

  27. Page Scroll Indicator 页面滚动指示器

  28. Newsletter Form on Scroll
    滚动上的时事通讯表格

  29. Page Animation With AOS Library
    使用 AOS 库的页面动画

  30. Password Generator 密码生成器

  31. Local Storage 本地存储

  32. Simple ToDo App 简单的待办事项应用程序

  33. Todo App with Local Storage
    具有本地存储的待办事项应用程序

  34. Notes App 笔记应用

  35. BMI Calculator 体重指数计算器

  36. Calculator 计算器

  37. Digital Clock 数字时钟

  38. Weight Converter 重量转换器

  39. Temperature Converter 温度转换器

  40. Running Game 跑步游戏

  41. Word Count Tool 字数统计工具

  42. Accordion 手风琴

  43. Async Await – Random Joke Generator
    异步等待 – 随机笑话生成器

  44. Modules, Imports and Exports
    模块、导入和导出

  45. GitHub Profile Search App
    GitHub 个人资料搜索应用程序

  46. Wikipedia Search App 维基百科搜索应用程序

  47. Image Slider 图像滑块

  48. JavaScript Array Methods JavaScript 数组方法

  49. Data Attribute and JS 数据属性和 JS

  50. Product Filter 产品过滤器

  51. Product Carousel Slider 产品轮播滑块

  52. Vertical Tabs 垂直标签

  53. Count Up App 计数应用程序

  54. Digital Piano 数码钢琴

  55. Form Validation 表单验证

  56. Password Visibility Toggle
    密码可见性切换

  57. Password Strength Indicator
    密码强度指示器

  58. Animated Login UI 动画登录用户界面

  59. Animated Search Bar 动画搜索栏

  60. Udemy User Avatar Menu 乌迪米用户头像菜单

  61. Currency Converter 货币转换器

  62. Movie Listing App 电影列表应用

  63. Floating Action Button 浮动操作按钮

  64. Dark and Light Mode Toggler
    深色和亮色模式切换器

  65. Web Speech API – Speech To Text App
    Web 语音 API – 语音转文本应用

  66. Web Speech API – Speech To Text App – With Voice Command
    Web 语音 API – 语音转文本应用 – 带语音命令

  67. Speech Synthesis – Text To Speech App
    语音合成 – 文本到语音转换应用

  68. Type Writing Effect Project
    字体书写效果项目

  69. Custom Progress Bar 自定义进度条

  70. Custom Alert & Toast Notification (ES6 Classes)
    自定义警报和 Toast 通知(ES6 类)

  71. Custom Alert & Toast Notification With Progress Bar
    带有进度条的自定义警报和Toast通知

  72. Custom Confirm Dialog Box (ES6 Classes)
    自定义确认对话框(ES6 类)

  73. Custom Range Slider 自定义范围滑块

  74. Modal With Countdown Event
    带倒计时事件的模态

  75. Website Preloader 网站预加载器

  76. Testimonial Slider 推荐滑块

  77. Tweet Character Count 推文字符数

  78. Click to Tweet 点击发推

  79. Embed Twitter Timeline 嵌入推特时间线

  80. Recipe App 食谱应用程序

  81. Product Gallery With Thumbnail
    带缩略图的产品库

  82. Image Gallery Filter 图片库筛选器

  83. Card Payment UI/UX 卡支付用户界面/用户体验

  84. Exact Age Calculator 确切年龄计算器

  85. Multistep Form 多步骤表单

  86. Pricing Section 定价部分

  87. Stop Watch 秒表

  88. Animated Vertical Timeline Project
    动画垂直时间轴项目

  89. Music Player App 音乐播放器应用程序

  90. Pseudo AI Project – Anita
    伪AI项目 – 安妮塔

Who this course is for:
本课程适用对象:

  • Beginner and intermediate level web developers who want to sharpen their JavaScript skills.
    想要提高JavaScript技能的初学者和中级Web开发人员。

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源