JavaScript30是由知名Web开发者 Wes Bos 发起的一项在线学习挑战，旨在帮助学员通过30天的实践学习，掌握JavaScript的基础及应用。这个项目涵盖了从基础语法到高级特性的广泛内容，旨在让学员在无需框架的帮助下，提升JavaScript技能。每个练习通常包括一个HTML文件、CSS文件和JavaScript文件，通过实际操作来学习JavaScript编程。
在"JavaScript30:30天挑战赛"中，你将学习到以下关键知识点：
1. **基础语法**：变量、数据类型（如字符串、数字、布尔值、数组、对象）、控制流（条件语句if/else，循环for、while）、函数定义和调用。
2. **事件处理**：DOM（文档对象模型）交互，如添加事件监听器、触发事件以及如何通过JavaScript操作HTML元素。
3. **DOM操作**：如何查找、创建、修改和删除DOM节点，以实现动态更新页面内容。
4. **表单处理**：获取表单输入数据，验证用户输入，以及使用JavaScript控制表单提交。
5. **定时器与动画**：运用setTimeout和setInterval实现定时执行任务，以及创建平滑的页面动画效果。
6. **数组方法**：了解并运用map、filter、reduce等高效处理数组的方法。
7. **函数式编程**：使用高阶函数，理解闭包和作用域，以及函数作为一等公民的概念。
8. **ES6新特性**：箭头函数、模板字符串、解构赋值、let和const、类和模块等。
9. **CSS操作**：通过JavaScript改变CSS样式，包括添加/删除类、操作样式属性。
10. **音频/视频处理**：使用JavaScript控制媒体播放、暂停、音量调整等。
11. **本地存储**：学习如何使用localStorage和sessionStorage保存和恢复用户数据。
12. **响应式设计**：通过JavaScript实现响应式布局，例如窗口大小变化时的事件监听。
13. **Web API**：利用WebSocket进行实时通信，或者使用Fetch API进行异步数据请求。
14. **几何运算**：利用JavaScript处理坐标和图形，可以用于绘制图形或实现交互效果。
15. **拖放功能**：实现可拖放的元素，用于构建交互式的Web应用。
在"JavaScript30-main"文件夹中，每个练习通常都有一个单独的HTML文件，它包含练习的初始结构和JavaScript代码；一个CSS文件用于样式设计；以及一个JavaScript文件，其中包含了挑战的核心逻辑。通过逐步完成这些练习，你将对JavaScript有深入的理解，并能够运用所学知识解决实际问题。此外，Wes Bos还提供了视频教程和详细的解释，帮助你更好地理解和掌握每个挑战背后的原理。
JavaScript30-main.zip （17个子文件） 
JavaScript30-main 
index.html 4KB
background.jpg 853KB
style.css 802B
