爆红Github!再来一个小白练手项目,20个项目随你造!

简介: 新手上路最开始用的就是基础的 HTML+CSS+JS 三件套,而在框架和库越来越多的现在,更多的时候使用它们来提高效率是常见的选择。
+关注继续查看

云栖号资讯:【点击查看更多行业资讯
在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来!

新手上路最开始用的就是基础的 HTML+CSS+JS 三件套,而在框架和库越来越多的现在,更多的时候使用它们来提高效率是常见的选择。

今天要和大家分享一个项目,这是一个使用HTML5,CSS和JavaScript构建的20多 个小型项目的集合,值得一提的是,这些项目没有用到任何框架和库。

8F0001D7_F8F1_4923_A426_288E0F61FF46

vanillawebprojects创建已经大半年了,直到最近才在Github走红,登上Github周榜第二,目前标星6.1K,fork累计1.1K。(Github地址:https://github.com/bradtraversy/vanillawebprojects

vanillawebprojects一共包含20个项目,诸如电影订票页面,视频播放器界面、汇率计算器、费用追踪器、音乐播放器、费用追踪器、打字游戏、语言文字阅读器、新年倒计时等小应用。

下面就给大家展示一下部分项目详情:

AF54FA49_6598_4f5f_8993_E9224FF653F7

首先是抖音上很火的新年倒计时,我们程序员怎么能输呢?

640

电影订票系统:

8402B69D_4742_4efa_938D_3FFABADC8267

打字游戏:

64172696_4223_458a_BD9B_79880AAFCDA5

汇率计算器:

8B7D6487_73BF_4542_BFE2_51E1367C1B6F

简而言之,无论你是想通过 HTML+CSS+JS来更好理解框架,还是为了验证一下自己的知识水平,借这些项目练手都是不错的选择,毕竟前端开发离不开这三大件。

【云栖号在线课堂】每天都有产品技术专家分享!
课程地址:https://yqh.aliyun.com/zhibo

立即加入社群,与专家面对面,及时了解课程最新动态!
【云栖号在线课堂 社群】https://c.tb.cn/F3.Z8gvnK

原文发布时间:2020-06-30
本文作者:互联网架构师
本文来自:“互联网架构师 微信公众号 ”,了解相关信息可以关注“[互联网架构师](https://mp.weixin.qq.com/s/rTbWcEVApnjkZPADhqgyYQ

相关文章
|
1天前
|
存储 搜索推荐 JavaScript
SAP Commerce Cloud Github 项目的个性化配置 customization
SAP Commerce Cloud Github 项目的个性化配置 customization
14 0
【教程】加速访问和下载github项目,原来替换一个域名就可以加速了
【教程】加速访问和下载github项目,原来替换一个域名就可以加速了
|
4天前
|
开发工具 git
github下载项目
github下载项目
31 0
|
7天前
|
消息中间件 前端开发 Java
GitHub标星30k!基于Spring MVC Mybatis分布式开发系统-zheng项目
zheng项目不仅仅是一个开发架构,而是努力打造一套从 前端模板 - 基础框架 - 分布式架构 - 开源项目 - 持续集成 - 自动化部署 - 系统监测 - 无缝升级 的全方位J2EE企业级开发解决方案。
|
7天前
|
开发框架 前端开发 Java
GitHub首次开源标星20k+项目:Guns-现代化主流Java应用开发框架
Guns是一个现代化的Java应用开发框架,基于主流技术Spring Boot2 + Vue3,Guns的核心理念是提高开发人员开发效率,降低企业信息化系统的开发成本
|
10天前
|
分布式计算 开发工具 流计算
课时1:使用Flink实时发现最热Github项目
课时1:使用Flink实时发现最热Github项目
79 0
|
14天前
|
存储 负载均衡 网络安全
使用Flink实时发现最热Github项目
本实验通过Flink对GitHub的实时事件流进行分析,并通过报表直观展示,了解GitHub的最新热门趋势、特定仓库或者组织的活跃度。
75 0
|
16天前
|
机器学习/深度学习 前端开发 JavaScript
GitHub 上面的顶级项目都是做什么的?(三)下
GitHub 上面的顶级项目都是做什么的?(三)
15 0
|
16天前
|
机器学习/深度学习 Dart 前端开发
GitHub 上面的顶级项目都是做什么的?(三)上
GitHub 上面的顶级项目都是做什么的?(三)
10 0
|
16天前
|
Kubernetes 前端开发 JavaScript
GitHub 上的顶级项目都是做什么的?(二)
GitHub 上的顶级项目都是做什么的?(二)
11 0
相关产品
云迁移中心
推荐文章
更多