30daysofjs.netlify.app
3
30 Days JS30daysofjs.netlify.app
30 Days JS官网截图
点击查看大图
30 Days JS

30 Days JS

部分免费Web
0 次访问
访问网站 HTTPS 访问

面向JavaScript初学者的开源实践挑战平台,提供30个基于原生Vanilla JS开发的趣味实战项目,涵盖鼓套件、时钟、密码生成器等常见应用场景,所有项目支持在线预览效果,同时关联GitHub开放完整源码,可供学习者参考修改,也支持开发者提交贡献,能帮助开发者快速巩固DOM操作与动画开发基础,积累可纳入作品集的实战作品。

核心功能

原生开发
所有项目均采用纯Vanilla JS开发,不依赖第三方框架,帮助学习者夯实JS基础能力
项目趣味
30个项目贴合日常应用场景,涵盖时钟、密码生成器等,形式丰富有趣不枯燥
在线演示
每个项目提供成品在线演示,学习者可直接查看效果,直观感受项目实现成果
开放源码
全量项目源码托管在GitHub,完全开放,可自由获取参考、修改和二次开发
支持贡献
面向全球开发者开放贡献通道,开发者可提交新项目或优化现有项目内容
分层练习
项目难度循序渐进,适配从入门到进阶不同阶段JavaScript学习者的练习需求
积累作品
完成的项目可直接纳入个人作品集,成为求职面试时能力证明的优质素材
免费使用
全平台所有学习资源完全免费开放,无付费内容和强制会员门槛限制

使用指南

  1. 1

    复制官网地址https://30daysofjs.netlify.app/ 粘贴到浏览器地址栏,按下回车即可进入网站首页

  2. 2

    在首页可浏览全部30个挑战项目的列表,查看每个项目的名称和基础介绍信息

  3. 3

    点击目标项目对应的入口,即可打开对应项目的在线演示页面查看项目实现效果

  4. 4

    点击页面中对应的GitHub跳转链接,即可前往仓库查看项目完整的实现源码

  5. 5

    参考源码梳理项目实现逻辑,对照演示效果自行复现项目,巩固JS基础知识点

  6. 6

    完成复现后可将自己的实现版本推送至个人GitHub,作为个人作品集内容储备

  7. 7

    若发现问题或有新增项目想法,可按照GitHub仓库指引提交贡献申请,参与平台维护

优势亮点

  • 全量资源完全免费无付费门槛

  • 原生JS开发夯实基础能力

  • 项目体量适中适配入门练习

  • 开放源码支持二次开发贡献

使用须知

定价: 30 Days of JavaScript是完全开源的公益性学习项目,全平台所有项目资源、在线演示功能、源码获取权限全部免费开放,不需要注册账号,不需要开通会员,也没有任何强制付费内容,用户可直接访问使用所有功能,若认可项目也可前往GitHub给项目点亮Star支持开发者。

价格和授权政策可能变化,请以官网最新信息为准

资料由中文导航编辑部整理并经健康检测核验,定期复查更新。

收录信息以收录当日官网状态为准,如发现内容过期请通过下方反馈告知。

访问第三方网站时,请注意以下事项:

  • 谨慎提供个人账号、密码和支付信息
  • 下载文件前确认来源安全,警惕诱导性广告
  • 涉及版权素材使用时,请核实授权范围
  • 如遇网站无法访问或内容异常,可反馈给我们

常见问题

该项目是完全开源的公益性学习资源,全平台所有内容包括项目演示、源码获取全部免费,无付费门槛,不需要注册账号即可使用。

适合已经掌握JavaScript基础语法,想要通过实战巩固知识点的入门学习者,也适合想要积累作品集项目的前端求职者。

每个项目都配置了对应的GitHub跳转入口,点击对应链接即可进入项目仓库,获取完整的项目源码,可自由查看参考。

平台支持开发者贡献内容,你可以按照GitHub仓库中的贡献指引,提交新项目或者优化现有项目,经审核后即可纳入平台。

平台所有项目都采用纯原生Vanilla JavaScript开发,不依赖React、Vue等第三方框架,目的是帮助学习者夯实JS基础。

你可以将自己实现的项目部署后放到个人作品集里,作为前端能力的证明,帮助你在求职面试中获得更多优势。

深度了解

想要入门前端开发夯实JavaScript基础,可以通过30 Days of JavaScript官网获取优质的实战资源,其官网入口为https://30daysofjs.netlify.app/,直接复制该地址到浏览器即可访问,无需注册账号即可使用全量功能。

30daysofjs.netlify.app作为原生JS实战练习平台,整体使用体验对初学者非常友好,页面加载速度快,所有项目列表展示清晰,点击即可查看在线演示,跳转源码也非常顺畅,平台设计简洁没有冗余的广告内容,学习者可以直接聚焦于项目练习,唯一的不足是没有配套的知识点讲解,需要学习者具备一定基础自主梳理,整体来看是低门槛高质量的JS练习资源。

和市面上很多收费的JS实战课程相比,30 Days of JavaScript完全免费,没有任何付费套路,适合预算有限的入门学习者;和LeetCode这类刷题平台相比,它偏向完整的前端小项目开发,而非碎片化的算法练习,更适合想要提升前端开发能力的学习者;和一些大型全栈项目教程相比,它的单个项目体量小,短时间就能完成复现,不会给初学者造成太大的学习压力,更容易坚持完成全部练习。

对于刚学完JS基础的学习者来说,很多人都会陷入‘看得懂语法,写不出项目’的困境,30 Days of JavaScript刚好解决了这个痛点,用30个小项目逐个练习不同的JS知识点,从DOM操作到简单动画实现,逐步提升开发者的动手能力,练完所有项目后,开发者对原生JS的应用能力会有明显提升。

对于想要积累前端作品集的转行者和应届毕业生来说,30 Days of JavaScript的项目小巧精致,完成后可以直接部署放到自己的个人作品集网站中,作为自身能力的证明,比空泛的语法知识描述更有说服力,能帮助求职者在面试中脱颖而出,是性价比极高的入门级作品集素材来源。

用过30 Days JS?说说你的真实体验

你的点评会帮助上千万人避坑选型——匿名发表,无需注册,30 秒即可完成

用户评价

还没有评分

成为第一个评价 30 Days JS 的人

我的评分

随下方评论一并提交

内容质量
使用体验
加载速度
安全可靠
总体评价非常满意
0/500
访问第三方网站时,请注意账号、隐私与支付安全