Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

前端

https://hellogithub.com/ 上有很多精选各种语言的开源项目,比如前端,Go,C等等

  1. GitHub 上一本开源的前端技术书籍:《前端内参》。该书共有 11 章,覆盖了技术面试、JavaScript 特性解析、数据结构与算法、主流框架、开发工具、编程范式、设计原则与编程范式等内容。
  2. 如果你是刚开始学前端的同学,又在找练手的项目,不妨来看下这个 GitHub 项目:50projects50days。该项目一共含有 50 个纯使用 HTML、CSS 和 JavaScript 实现的小 Demo,这当中有加载动画、时钟主题、密码生成器、动画倒计时、在线绘图等多个小应用。
    • GitHub:github.com/bradtraversy/50projects50days
  3. Map of Javascript,开源的 JavaScript、数据结构与算法知识图谱。可用于日常工作或学习时的查漏补缺(高清大图见 GitHub Repo)。
    • GitHub:github.com/mechaniac/Map-of-Javascript
  4. GitHub 上一个基于 Vue3.x + TypeScript 的在线演示文稿应用:PPTist。还原了大部分 PPT 常用功能,支持文字、图片、形状、线条、图表、表格等 6 种最常用的元素类型。每种元素都拥有高度可编辑能力,同时支持丰富的快捷键和右键菜单,尽可能还原本地桌面应用的使用体验。
  5. 微软在 GitHub 开源了一份 Web 开发教程:《给初学者看的 Web 开发教程》(Web Development for Beginners)。课时为期 12 周,共 24 节,主要讲解 JavaScript、CSS、HTML 相关的基础知识,并通过开发打字游戏、浏览器扩展、太空游戏等多个项目,带你了解 Web 开发的整体流程。为了让开发者可以更为充分的吸收课程知识,每节课均附有课前课后测验、课程说明、草图笔记、项目挑战、作业任务等内容。
    • GitHub:github.com/microsoft/Web-Dev-For-Beginners
  6. 一款开源的单词记忆与英语肌肉记忆锻炼软件:Qwerty Learner。主要将英语单词的记忆与键盘输入的肌肉记忆相结合,可在背诵单词的同时巩固肌肉记忆。此外,该软件还为程序员内置了计算机常用单词库与 API,方便大家练习工作中常用的单词、提高输入速度。
  7. GitHub 上一个前端知识库:CSS Protips,里面收集并整理了 CSS 相关的一些开发及使用技巧。
    • GitHub:github.com/AllThingsSmitty/css-protips
  8. 前不久,国外开发者 bedimcode 在 GitHub 开源了一个万圣节网站:Responsive Halloween Website 🎃,并附带了完整的项目开发教程。该网站主要具备响应式布局、滚动动画、移动端优化、多平台设备兼容等特点。整体设计风格优雅、简洁,感兴趣的同学可以拿去练练手
  9. 剑指前端 Offer: https://github.com/hzfe/awesome-interview
  10. GitHub 上一个开源的音乐网站管理系统:Music Website,实现了歌单、播放器、用户及音乐管理等常用功能。前端基于 Vue,后端采用 Spring Boot + MyBatis + MySQL 进行实现,作者为该项目提供了项目实现文档,感兴趣的同学可以看下。
    • GitHub:github.com/Yin-Hongwei/music-website
  11. GitHub 上一个基于 Go 与 Typescript 开发的看板开源软件:taskcafe。支持对任务进行筛选过滤、打标签、添加截止日期、分配成员、制定流程等操作。
    • GitHub:github.com/JordanKnott/taskcafe
  12. GitHub 上看到一款颜值颇高的第三方网易云播放器:YesPlayMusic。基于 Vue.js 全家桶开发,内置所有音乐播放器基础功能,支持 MV 播放、暗黑模式、自定义快捷键等功能。
    • GitHub:github.com/qier222/YesPlayMusic
  13. 《图解 React 源码系列》,作者将通过大量配图,把 react 原理表述清楚。主要包含 React 基础概念、运行核心、数据管理、交互、高频算法等内容。
    • GitHub:github.com/7kms/react-illustration-series
  14. 分享 GitHub 上一本开源的前端技术书籍:《带你入门前端工程》,主要记录作者在近两年来,在前端工程师实践经验和学习心得方面的总结。书中大部分内容以理论知识 + 代码示例 + 图片进行讲解,部分章节会提供实践教程。
    • GitHub:github.com/woai3c/introduction-to-front-end-engineering
  15. 一个值得前端开发者收藏学习的 GitHub 项目:Browser 2020。里面收集了浏览器中一些较为冷门,却异常实用的接口,如商品支付、社交网络分享、消息推送、视频画中画、剪切板、AR 预览、用户身份凭证管理等多种接口。如果你想给自己的 Web 项目加点新功能,或许可以在上面找找灵感。
    • GitHub:github.com/luruke/browser-2020
  16. 推荐 GitHub 上一本开源的前端书籍:《深入理解 TypeScript》(TypeScript Deep Dive)。该书将从基础到深入,全面阐述 TypeScript 的各种魔法,并结合实际场景用例,让你更深入的理解 TypeScript。
    • 中文版:github.com/jkchao/typescript-book-chinese
    • 原文版:github.com/basarat/typescript-book
  17. OnlineJudge,青岛大学开源的一款在线评测系统,基于 Python 与 Vue 编写而成。
    • GitHub:github.com/QingdaoU/OnlineJudge
    • 主要拥有以下特性:
      • 基于 Docker,真正一键部署;
      • 前后端分离,模块化编程,微服务;
      • ACM/OI 两种比赛模式、实时/非实时评判;
      • 丰富的可视化图表;
      • 支持 Template Problem,可添加函数题甚至填空题;
      • 管理员权限划分;
      • 多语言支持;
      • Markdown & MathJax 支持;
      • 比赛用户 IP 限制 (CIDR ranges)。