教程演示🔗
⚠️本教程提供中英文字幕和完整课程相关资料
100 Days of JavaScript 100 天的 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
以下是我们在课程中构建的项目列表
-
Counter App 柜台应用程序
-
Random Hex Color Generator
随机十六进制颜色生成器 -
Random Number Generator 随机数生成器
-
Modal/Popup 模态/弹出式
-
Palindrome Checker 回文检查器
-
Vowel Counter App 元音计数器应用程序
-
Click to Copy 点击复制
-
Google Drive Download Link Generator
谷歌云端硬盘下载链接生成器 -
Weather App 天气应用
-
Input Field Character Counter
输入字段字符计数器 -
Lyrics Search App 歌词搜索应用
-
Internet Connection Status Detector
互联网连接状态检测器 -
Quiz App 测验应用
-
API Project 接口项目
-
HTTP Request Project HTTP 请求项目
-
Random Quote Generator 随机报价生成器
-
List Search Project 列表搜索项目
-
Date Countdown 日期倒计时
-
Time Countdown 时间倒计时
-
Tip Calculator 小费计算器
-
Smooth Scroll Effect 平滑滚动效果
-
Sticky Nav Bar on Scroll
滚动上的粘性导航栏 -
Active Menu Switcher 活动菜单切换器
-
Scroll To Top 滚动到顶部
-
Responsive Mobile Menu – part 1 & 2
响应式移动菜单 – 第1部分和第2部分 -
Responsive Mobile Menu with Submenu
带子菜单的响应式移动菜单 -
Page Scroll Indicator 页面滚动指示器
-
Newsletter Form on Scroll
滚动上的时事通讯表格 -
Page Animation With AOS Library
使用 AOS 库的页面动画 -
Password Generator 密码生成器
-
Local Storage 本地存储
-
Simple ToDo App 简单的待办事项应用程序
-
Todo App with Local Storage
具有本地存储的待办事项应用程序 -
Notes App 笔记应用
-
BMI Calculator 体重指数计算器
-
Calculator 计算器
-
Digital Clock 数字时钟
-
Weight Converter 重量转换器
-
Temperature Converter 温度转换器
-
Running Game 跑步游戏
-
Word Count Tool 字数统计工具
-
Accordion 手风琴
-
Async Await – Random Joke Generator
异步等待 – 随机笑话生成器 -
Modules, Imports and Exports
模块、导入和导出 -
GitHub Profile Search App
GitHub 个人资料搜索应用程序 -
Wikipedia Search App 维基百科搜索应用程序
-
Image Slider 图像滑块
-
JavaScript Array Methods JavaScript 数组方法
-
Data Attribute and JS 数据属性和 JS
-
Product Filter 产品过滤器
-
Product Carousel Slider 产品轮播滑块
-
Vertical Tabs 垂直标签
-
Count Up App 计数应用程序
-
Digital Piano 数码钢琴
-
Form Validation 表单验证
-
Password Visibility Toggle
密码可见性切换 -
Password Strength Indicator
密码强度指示器 -
Animated Login UI 动画登录用户界面
-
Animated Search Bar 动画搜索栏
-
Udemy User Avatar Menu 乌迪米用户头像菜单
-
Currency Converter 货币转换器
-
Movie Listing App 电影列表应用
-
Floating Action Button 浮动操作按钮
-
Dark and Light Mode Toggler
深色和亮色模式切换器 -
Web Speech API – Speech To Text App
Web 语音 API – 语音转文本应用 -
Web Speech API – Speech To Text App – With Voice Command
Web 语音 API – 语音转文本应用 – 带语音命令 -
Speech Synthesis – Text To Speech App
语音合成 – 文本到语音转换应用 -
Type Writing Effect Project
字体书写效果项目 -
Custom Progress Bar 自定义进度条
-
Custom Alert & Toast Notification (ES6 Classes)
自定义警报和 Toast 通知(ES6 类) -
Custom Alert & Toast Notification With Progress Bar
带有进度条的自定义警报和Toast通知 -
Custom Confirm Dialog Box (ES6 Classes)
自定义确认对话框(ES6 类) -
Custom Range Slider 自定义范围滑块
-
Modal With Countdown Event
带倒计时事件的模态 -
Website Preloader 网站预加载器
-
Testimonial Slider 推荐滑块
-
Tweet Character Count 推文字符数
-
Click to Tweet 点击发推
-
Embed Twitter Timeline 嵌入推特时间线
-
Recipe App 食谱应用程序
-
Product Gallery With Thumbnail
带缩略图的产品库 -
Image Gallery Filter 图片库筛选器
-
Card Payment UI/UX 卡支付用户界面/用户体验
-
Exact Age Calculator 确切年龄计算器
-
Multistep Form 多步骤表单
-
Pricing Section 定价部分
-
Stop Watch 秒表
-
Animated Vertical Timeline Project
动画垂直时间轴项目 -
Music Player App 音乐播放器应用程序
-
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开发人员。