转载自公众号:开源最前线

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

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

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

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

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

首先是抖音上很火的新年倒计时,我们程序员怎么能输呢?必须安排上:关注微信公众号:互联网架构师,在后台回复:2T,可以获取我整理的教程,都是干货。

电影订票系统:

打字游戏:

汇率计算器:

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

关注微信公众号:互联网架构师,在后台回复:2T,可以获取我整理的教程,都是干货。

猜你喜欢

1、GitHub 标星 3.2w!史上最全技术人员面试手册!FackBoo发起和总结

2、如何才能成为优秀的架构师?

3、从零开始搭建创业公司后台技术栈

4、程序员一般可以从什么平台接私活?

5、37岁程序员被裁,120天没找到工作,无奈去小公司,结果懵了...

6、滴滴业务中台构建实践,首次曝光

7、不认命,从10年流水线工人,到谷歌上班的程序媛,一位湖南妹子的励志故事

8、15张图看懂瞎忙和高效的区别

9、2T架构师学习资料干货分享

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

  1. 适合初学者练手的vue小项目(附github源码)

    vue慢慢的成为了前端最受欢迎的框架之一,在很多项目之中开发都能用得到,如今也已经发展到3.0了,可能是因为这个框架可以提高工作效率,因此受到大家的追捧,在之前的文章里面也说过,2019年,大前端学习 ...

  2. 推荐一些适合新手练手的C/C++项目

    最好的编程语言是什么?一千个程序员或许会有一千零一种答案: Python在人工智能时代的风头正盛.Java依旧是市场上的香饽饽.当然还有PHP:JavaScript.C#.Ruby以及Objectiv ...

  3. idea导入ssm项目_一个简洁的适合 Java 小白练手的“秒杀”项目

    公众号关注 "GitHub今日热榜"设为 "星标",带你挖掘更多开发神器! 今天推荐一款"秒杀"项目,该项目提取自电商的秒杀场景,将秒杀业务 ...

  4. python小白练手集合

    人工智能是都要会Python吗?前两天老师一个师兄演示写神经网络,一屋子人就我连python语法都是小白马= = 这两天在网上找了一些公开课在学python,然后呢~课程有点枯燥,理论方面的有很多小花 ...

  5. 推荐一个C++练手项目,面试也可用

    经常有人问我,C++初学阶段有哪些项目可以拿来练手? 我一般都会建议他们尝试去写一个单元测试框架.因为这个项目十分考验我们对C++基础语法的掌握度. 但是自己摸索容易出错和遗漏,所以给大家推荐下面这个 ...

  6. linux系统编程练手项目,精选 22 个 C++ 项目,编程小白练手首选!

    C/C++ 做为元老级的编程语言,任时光更迭依旧屹立不倒,哪怕现在煊赫一时的AI,其底层也是用其编写.linux 那么做为新手该如何快速上手 C++ 呢?固然是敲代码啊!一切不写代码的学编程都是瞎搞. ...

  7. python爬取图解_20行PYTHON代码爬取微博高清大图,小白练手绝佳案例

    0. 前戏说明 环境说明 python3版本 所需库:Beautifulsoup .re .requests 知识点:正则表达式.基本网页请求与解析.文件写入 适用人群:小白 最终目标:20行代码爬取 ...

  8. 国内开发者开源爬虫工具箱爆红 GitHub

    点击上方"逆锋起笔",公众号回复 PDF 领取大佬们推荐的学习资料 开源最前线(ID:OpenSourceTop) 猿妹整编 转载请注明来源作者 国内一位开发者在 GitHub 上 ...

  9. 新手python的100个实战项目,python练手经典100例项目

    Python 的练手项目有哪些值得推荐? 基础和爬虫.Python由荷兰数学和计算机科学研究学会的Guido van Rossum于1990 年代初设计,作为一门叫做ABC语言的替代品. Python ...

  10. 有哪些适合新手练手的C/C++项目?

    1.(免费项目) C/C++ - C语言制作简单计算器 2.(会员项目) C/C++ - C语言实现通讯录 项目使用 C 语言完成一个简单的通讯录.会涉及到结构体.数组.链表等重要概念.此项目为实验楼 ...

最新文章

  1. iOS 直播专题3-前置处理
  2. Oralce 数据库 - 查询数据库所有的表和视图实例演示,查询指定用户下所有表和视图方法
  3. 《系统集成项目管理工程师》必背100个知识点-74CMO的具体工作
  4. jquery JSON的解析方式
  5. java复杂性_java – 计算Big-O复杂性
  6. 【jQuery笔记Part1】11-jQuery选择器
  7. 【转】hadoop2.6 配置lzo压缩
  8. 小D课堂 - 零基础入门SpringBoot2.X到实战_第4节 Springboot2.0单元测试进阶实战和自定义异常处理_17、SpringBootTest单元测试实战...
  9. 搜索引擎选择: Elasticsearch与Solr(转载)
  10. 用webpack打包加密静态配置文件
  11. Memcached内存分配机制
  12. pygame安装教程(python)
  13. 深入探讨apply()方法的作用
  14. C++与QT学习路线
  15. UEFI开发之应用开发
  16. 30 系列显卡是新一代架构,新驱动不支持 cuda 9 以及 cuda 10,所以必须安装 cuda 11
  17. 朋友python多个逻辑条件判断_Python小课笔记--Python控制流:if逻辑判断
  18. 生物医学数据统计分析-两组或多组计量资料的比较
  19. C# 单个按钮实现暂停或继续
  20. python很全的爬虫入门教程

热门文章

  1. 面向对象PHP之Clone对象
  2. Centos 7忘记密码,如何重置
  3. 《Java安全编码标准》一第 1 章 概  述
  4. spring之ControllerAdvice注解
  5. 【POJ 2342】Anniversary party(入门树形dp)
  6. 【赏析】15个非常棒的使用CSS3的设计组合
  7. 异常:由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值。...
  8. 原创 leetcode[454]四数相加II /4Sum II 哈希策略
  9. 苹果Mac 2D/3D数字雕刻软件:Pixologic Zbrush
  10. 苹果Mac侧边栏笔记工具:​​​​​​​​SideNotes