VanillaJS30DaysChallenge:使用VanillaJavaScript在30天内构建30件事资源-CSDN文库

共24个文件

wav：9个

html：5个

js：4个

HTML

需积分: 5 12 浏览量 2021-05-08 02:18:11 上传评论收藏 925KB ZIP 举报

资源推荐

资源详情

资源评论

Academia：Academia是一个社交媒体网站，是为学校建立的，学生可以在其中登录，在平台上分享他们的想法以及与其他学生聊天，它是使用Ruby on Rails，Vanilla JavaScript和SCSS构建的

学术界这是要求的项目。在完成与Rails相关的技术课程的很大一部分后，他们为我选择了这个项目来证明我的技术知识，您可以在找到要求 “学术界”是您可以添加到学校中的最有效的应用程序，可让您的学生及时了解学校的新闻，并防止他们在社交媒体平台上浪费时间。取而代之的是，他们可以使用Academia相互联系并共享有关课堂和学校的最新新闻，以使用该平台，您需要通过电子邮件，头像和封面图片进行正确的注册。

simply-nav：使用Flexbox和Vanilla JavaScript构建的简单轻巧且响应Swift的移动导航

简单导航这是使用Flexbox和Vanilla JavaScript构建的简单，简单的轻量级导航在这里演示阅读，了解如何使用和相关信息。 1.2.0版提供了许多新功能，并且从头开始进行了重写！ 1.3.0版发布了左侧和右侧布局支持以及辅助功能更新。阅读更多。产品特点没有依赖关系。充分响应。仅使用Flexbox和香草JavaScript构建。轻松关闭移动菜单。可通过关

dubsiren:使用Vanilla JavaScript和Web Audio API构建的简单Dub Siren

这是使用香草JavaScript和Web Audio API构建的简单Dub Siren。演示在回声效果基于本文：如果您认为此代码有用，请考虑购买表示赞赏。

HackYourRepo:从GitHub API检索HackYourFuture存储库数据并将其显示在使用Vanilla JavaScript构建的网页上

关于该项目从GitHub API检索HackYourFuture存储库数据，并将其显示在使用Vanilla JavaScript构建的网页上。关联特征已调变。首次加载时有一个API请求，以获取所有存储库名称。更改存储库以获取存储库信息时的一个API请求。所有设备（台式机，平板电脑，移动设备）上的响应式设计。如果贡献大于5，则添加分页。

ms3-pmresources:全栈软件开发专业文凭 @ Code Institute 的里程碑项目 Nº3。使用 HTML、CSS、Python、Materialize、Vanilla JavaScript、jQuery、API、Heroku、MongoDB 构建的交互式网站

欢迎艾菲·曼尼奥斯，这是 Gitpod 的 Code Institute 学生模板。我们已经预先安装了您开始使用所需的所有工具。你可以安全地删除这个 README.md 文件，或者为你自己的项目更改它。不过，请至少阅读一次！它包含一些关于 Gitpod 和我们使用的扩展的重要信息。此文件的最后更新时间为： 2021 年 7 月 2 日 Gitpod 提醒要在 Gitpod 中运行前

VueJs_Demo_App:第一个使用Vanilla JavaScript的应用程序，并使用Vue重新构建。（Vanilla JavaScript Vs Vue）

VueJs_Demo_App 第一个使用Vanilla JavaScript的应用程序，并使用Vue重新构建。（Vanilla JavaScript Vs Vue）工具 HTML CSS JavaScript CDN套餐 <script src =“

LoveCalculator:使用 HTML、Bootstrap 和 Vanilla JavaScript 构建的简单爱情计算器

爱情计算器使用 HTML、Bootstrap 和 Vanilla JavaScript 构建的简单爱情计算器使用 SweetAlert 库构建了爱情计算器应用程序来尝试我的手。在这里查看

CoCreate-builder:Vanilla javascript中的一个简单构建器组件。使用HTML5数据属性和/或JavaScript API轻松配置

合作创建者 Vanilla javascript中的一个简单构建器组件。使用HTML5数据属性和/或JavaScript API轻松配置。在我们的我们希望该库由社区驱动，并由CoCreate领导。我们需要您的帮助才能实现这一目标。为了确保我们以正确的顺序构建正确的事物，我们要求您创建并或者仅对现有问题或提出请求进行评论或评论。感谢您一直以来的支持，谢谢！目录公告内容该库的所有更

蛇游戏：使用Canvas API在Vanilla JavaScript中构建的经典蛇游戏

香草JavaScript中的蛇游戏注意：这是内置的，并且仅在Windows 10桌面上的最新版本的Chrome上进行了测试。另外，该项目没有任何外部依赖关系，package.json和node_modules用于支持发布到托管该演示的github页面。我对这个项目也有些投入，最终花了比建议的3小时更长的时间。对于Canvas API来说，以前从未做过游戏，也从未使用过它。总的来说，我

GhostBlaster:Ghost Blaster是一款使用Vanilla JavaScript和HTML Canvas构建的无尽射击游戏

幽灵冲击波 Ghost Blaster是一款无尽的射击游戏。鬼影在屏幕上漂浮，玩家尝试射击尽可能多的鬼影，而不让任何鬼影到达屏幕末端。技术领域 Ghost Blaster使用以下方法制造： HTML画布 CSS3 Java脚本游戏玩法在访问游戏站点后，玩家会看到射击者处于其起始位置，并说明了如何进行游戏。当玩家按下任意按钮时，游戏开始，并且幻影开始在屏幕上生成。射击要杀死幽灵，

Counter:使用HTML，CSS和Vanilla JavaScript构建的简单计数器

柜台使用HTML，CSS和Vanilla JavaScript构建的简单计数器

textEditor:==>在此项目中，使用Vanilla JavaScript构建的简单文本编辑器使我了解了有关DOM（文档对象模型），浏览器对象模型（BOM）和现代ES6 + Javascript的更多信息。

文本编辑器这是项目的代码存储库：在这个项目中，带有香草JavaScript的简单TextEditor我了解了更多有关HTML DOM（文档对象模型）和浏览器对象模型（BOM）的信息。

joust-javascript：使用Vanilla JavaScript构建的Joust Game

joust-javascript：使用Vanilla JavaScript构建的Joust Game

track-your-meal:使用JavaScript模块模式使用Vanilla JavaScript构建的卡路里跟踪应用程序

追踪您的用餐使用Vanilla JavaScript使用JavaScript Module Pattern构建的卡路里跟踪应用程序。

html网页做的动态爱心（超好看）

4星 · 用户满意度95%

用html+css+JavaScript网页做的动态爱心，浪漫十足

ECharts+html大数据可视化大屏展示模板，共整合了30多套源码+效果图，做大屏效果的不容错过

5星 · 资源好评率100%

ECharts+html大数据可视化大屏展示模板，共整合了30多套源码+效果图，做大屏效果的不容错过。

Logisim 头歌 CLA182四位先行进位电路设计图解及代码（计算机组成原理）免费下载！！！

5星 · 资源好评率100%

免费下载，请自取，文件用txt打开！实验目的帮助学生掌握快速加法器中先行进位的原理，能利用相关知识设计4位先行进位电路，并利用设计的4位先行进位电路构造4位快速加法器，能分析对应电路的时间延迟。需要注意的是不同教材上传递函数P略有差异，部分教材传递函数P是逻辑或关系，本实验采用的是异或逻辑。实验内容在 Logisim 中打开 alu.circ 文件，按照图中定义的输入输出引脚，在对应子

收起资源包目录

VanillaJS30DaysChallenge-master.zip （24个子文件）

VanillaJS30DaysChallenge-master

06_Type_Ahead

index.html 413B

style.css 1KB

script.js 2KB

04_Array_Cardio_Day_1

index.html 4KB

02_JS_and_CSS_Clock

index.html 1KB

README.md 357B

script.js 937B

01_JavaScript_Drum_Kit

index.html 2KB

sounds

clap.wav 63KB

snare.wav 33KB

tink.wav 5KB

openhat.wav 238KB

hihat.wav 51KB

tom.wav 105KB

ride.wav 429KB

kick.wav 15KB

boom.wav 130KB

README.md 856B

style.css 814B

script.js 866B

.gitignore 6B

README.md 78B

03_CSS_Variables

index.html 1KB

script.js 701B

评论收藏

内容反馈

Craig林

粉丝: 33
资源: 4459

VanillaJS30DaysChallenge:使用Vanilla JavaScript在30天内构建30件事

最新资源

VanillaJS30DaysChallenge:使用Vanilla JavaScript在30天内构建30件事

vanillaJSKitty:程序员使用Vanilla JS开发前端匹配比赛挑战演练猫照片搜索应用程序

vanilla-js-spa:仅用Vanilla JS编写的单页应用程序

splog：用vanilla js编写的简单，单页博客应用程序。

VanillaJS的复杂加载器和进度管理

vanillajs-mvc:适用于MVC的超轻型香草javascript样板

YuKitAs.github.io：自动生成的静态VanillaJS网站

30-Days-of-[removed]在30天内使用Vanilla JavaScript构建30件事

30DaysOf[removed]在WesBosJavaScript30课程的帮助下，使用Vanilla JS在30天内构建30件事

JavaScript30:在30天内使用Vanilla JS构建30件事，并使用Wes Brown撰写30篇教程

JavaScript30:在30天内使用原始JavaScript无需框架，库等即可构建30件事

30submits30days:在30天内使用30个小例子练习HTML，CSS，JavaScript

Vanilla JS应用程序可在2D空间中模拟耕种-JavaScript开发

家具店：这是我使用Vanilla JS的基本电子商务网站的仓库

Academia：Academia是一个社交媒体网站，是为学校建立的，学生可以在其中登录，在平台上分享他们的想法以及与其他学生聊天，它是使用Ruby on Rails，Vanilla JavaScript和SCSS构建的

simply-nav：使用Flexbox和Vanilla JavaScript构建的简单轻巧且响应Swift的移动导航

dubsiren:使用Vanilla JavaScript和Web Audio API构建的简单Dub Siren

HackYourRepo:从GitHub API检索HackYourFuture存储库数据并将其显示在使用Vanilla JavaScript构建的网页上

ms3-pmresources:全栈软件开发专业文凭 @ Code Institute 的里程碑项目 Nº3。 使用 HTML、CSS、Python、Materialize、Vanilla JavaScript、jQuery、API、Heroku、MongoDB 构建的交互式网站

VueJs_Demo_App:第一个使用Vanilla JavaScript的应用程序，并使用Vue重新构建。 （Vanilla JavaScript Vs Vue）

LoveCalculator:使用 HTML、Bootstrap 和 Vanilla JavaScript 构建的简单爱情计算器

CoCreate-builder:Vanilla javascript中的一个简单构建器组件。 使用HTML5数据属性和/或JavaScript API轻松配置

蛇游戏：使用Canvas API在Vanilla JavaScript中构建的经典蛇游戏

GhostBlaster:Ghost Blaster是一款使用Vanilla JavaScript和HTML Canvas构建的无尽射击游戏

Counter:使用HTML，CSS和Vanilla JavaScript构建的简单计数器

textEditor:==>在此项目中，使用Vanilla JavaScript构建的简单文本编辑器使我了解了有关DOM（文档对象模型），浏览器对象模型（BOM）和现代ES6 + Javascript的更多信息。

joust-javascript：使用Vanilla JavaScript构建的Joust Game

track-your-meal:使用JavaScript模块模式使用Vanilla JavaScript构建的卡路里跟踪应用程序

html网页做的动态爱心（超好看）

ECharts+html大数据可视化大屏展示模板，共整合了30多套源码+效果图，做大屏效果的不容错过

Logisim 头歌 CLA182四位先行进位电路设计图解及代码（计算机组成原理）免费下载！！！

最新资源

ms3-pmresources:全栈软件开发专业文凭 @ Code Institute 的里程碑项目 Nº3。使用 HTML、CSS、Python、Materialize、Vanilla JavaScript、jQuery、API、Heroku、MongoDB 构建的交互式网站

VueJs_Demo_App:第一个使用Vanilla JavaScript的应用程序，并使用Vue重新构建。（Vanilla JavaScript Vs Vue）

CoCreate-builder:Vanilla javascript中的一个简单构建器组件。使用HTML5数据属性和/或JavaScript API轻松配置