努力做最接地气的编程干货分享，感谢关注

随着项目数量的增多，很多新了解我们的同学就不知道如何选择项目了。到底要先做哪一个呢？哪一个项目更适合自己呢？每个项目大概有什么收获呢？

1024 程序员节到了，首先祝各位程序员们节日快乐，代码零 Bug！

大家好，我是鱼皮，今天给大家推荐几个最近非常流行的编程网站，相信能够帮助大家提高编程效率、更好地学习编程。热门编程网站推荐Codepen演示视频：https://www.bilibili.com/video/BV1im4y1X7zb/国外的在线前端编程网站，在这里你可以发现很多国外大神编写的前端代码，除了各种网页布局代码外，更多的是各式各样好玩的、炫酷的、新颖的前端动画和特效。比如圣诞节快到了，很多小伙伴问我能不能用代码画颗圣诞树。我是不会，但是在这个网站中，输入 “Christmas Tr

整理了 10 个高星创意项目，开拓思路 ✨我开发的编程导航：www.code-nav.cn大家好，我是鱼皮，今天分享一些开源的、有趣的项目，主要目的是给正在自学编程、不知道做什么项目的小伙伴一些思路启发。前端windows11可以直接运行在浏览器里的 windows11 系统！无论是界面还是体验都是对 windows11 的高度还原，还可以浏览网页、打开 VS Code 写代码，足以看出作者的用心。这个项目乍一看很厉害，但实际用到的技术并不复杂，都是一些主流的前端技术，通过 iframe .

✉️ 请查收您的保姆级开源百科编程导航 致力于推荐优质编程资源 ????项目开源仓库：https://github.com/liyupi/code-nav跪求一个 star ⭐️大家好，我是鱼二，今天推荐一份开源知识入门的在线电子书《开源指北》。正如官方对这本书的描述，这是一份给开源新手的 保姆级 开源百科！在打开这本书之前，想先问大家：你真的了解开源么？可能很多同学对开源的理解仅限于：把代码公开、所有人都能下载和提交、共同完成项目吧。其实，开源 一词对应英文 Open Source

开发时常用的优秀短代码片段，都在这里了。编程导航 致力于推荐优质编程资源 ????项目开源仓库：https://github.com/liyupi/code-nav跪求一个 star ⭐️大家好，我是鱼二。我发现很多朋友学编程时都存在这样一个问题，虽然看视频教程或者书籍能看懂，但是离开了教程，自己却写不出来代码，更别提写出优质的代码了。此外，我在工作中，发现身边一些程序员，虽然说能写出可运行的代码，但是代码写的很粗糙，有时 1 行代码能完成的功能他们要写 10 行、20 行，看着都累。为

编程导航开源仓库：https://github.com/liyupi/code-nav跪求一个 star ⭐️大家好，我是鱼二，今天分享一份非常不错的算法数据结构学习资源。图解算法数据结构，是 Krahets 同学在 LeetCode 平台上发布的一本小书，可免费在线阅读。让我们打开这本书，页面左侧是目录，右侧是详细的内容。在书的开头就给大家列举了面试常考的算法题对应的算法和数据结构，大家可以选择自己要学的知识点挑选题目练习。这本书面向算法初学者和求职者设计，列举了面试常考的剑指 Offe.

各种领先的图像处理工具，免费白嫖！编程导航开源仓库：https://github.com/liyupi/code-nav跪求一个 star ⭐️大家好，我是鱼皮，今天推荐一套领先的图像处理工具。我们平时用的比较多的图像处理功能主要是图片的裁切、缩放、旋转、尺寸的修改等，这些都是传统意义上的图像处理，基于一些简单的矩阵变换就能实现。而随着 AI 技术的发展，我们已经能够将机器学习、深度学习等技术应用到图像处理中了，比如把不清晰的图片变为高清，还有像之前新闻上播放的 AI 修复老照片，AI 还原历.

最新、全面、通俗、可多端阅读的 Docker 教程小书。编程导航开源仓库：https://github.com/liyupi/code-navDocker 可以说是一个改变世界的项目，使用 Google 公司的 Go 语言进行实现，它允许开发者将一个个应用封装为相互隔离的容器，独立地部署在同一个操作系统中，从而极大提高了应用的搭建、部署、测试和维护效率，降低了云计算应用开发的成本。比如，我们可以把 web 前端项目、Nginx 等 web 服务器、Tomcat 后端项目、SpringBoot Ja.

源代码 + 教程 + 演示，带你和 100 多个知名网站五五开！编程导航开源仓库：https://github.com/liyupi/code-nav大家好，我是鱼二，今天给大家分享一个冷门但非常优秀的网站，可以帮助大家学习和开发项目。大家在学编程的时候，如果没有灵感，最好的方式就是仿照现有的优秀网站，试着开发出和它同样的界面和功能。而 Clone Wars，是由国外朋友开发的【知名网站开源克隆项目】收集网站。通俗地讲，就是把别人做好的仿制品进行了分类汇总。网站已经收录了 100 多个流行网.

超棒的开源小说文学建站 CMS 系统，作为面试项目有牌面儿！编程导航开源仓库：https://github.com/liyupi/code-nav大家好，我是鱼皮，今天给大家推荐一个优秀的开源 Java 全栈项目。小说精品屋，是一套非常完整的小说建站开源解决方案，包含了四个子项目，前端技术选型以 HTML、CSS、JavaScript、BootStrap、LayUI 组件库和 Thymeleaf 模板引擎为主，后端使用 100% 纯 Java 实现，非常适合 Java 后端开发方向、爬虫方向以及初.

这才是真正的站长神器！编程导航开源仓库：https://github.com/liyupi/code-nav大家好，我是鱼二。想要运营好自己的网站，获取更多的用户，就一定要做好网站的数据统计，并且通过日常对数据进行分析，来了解自己的用户，以持续优化自己的网站。但自行开发网站统计功能可是非常麻烦的，需要前端埋点上报、后端收集等，哪块儿都需要精心设计，对这方面知识不了解的同学连基本的统计功能都做不出来，更别提什么大数据分析与可视化了。不过还好，有巨头已经帮我们实现好了。什么是百度统计？百度统.

美味的 CSS 动画汉堡，要不要尝尝？大家好，我是鱼皮，今天教大家做汉堡包。当然不是真的汉堡包，毕竟我们这儿不是美食频道，而是指 HambergurMenu，汉堡包式菜单，由于菜单图标的三条横线酷似一个汉堡包，故得其名。为了让网页更生动，当点击汉堡包菜单图标时，可以给它添加一个小动画。这不，有个国外的大神，专门开发了一个汉堡包菜单 CSS 动画库，库的名称就叫 Hamburgers！进入 Hamburgers 库的官网，可以看到各式各样美味的 CSS 动画汉堡。点击菜单图标，即可查看效果，比如.

一分钟，让页面滚动更有趣前段时间刚给大家推荐了一个强大易用的跨平台 CSS3 动画库 Animate.css，内置了很多常用的 CSS 动画，可以一行代码让页面动起来。今天再推荐它的堂弟，WOW.js，一个有点儿皮的页面滚动效果库。进入它的官网，就知道这个类库非常有趣了，屏幕上长满了各种各样的狗头。官网即这个库的介绍和演示页面，当你向下滚动页面时，一个个狗头会以各种不同的动画进行展现。在狗头中间，可以看到这个库的优秀特性，比如简单易用、纯 JS 实现、不依赖 jQuery、动画丰富、只有 3 .

强大易用的跨平台的预设 CSS3 动画库推荐在前端开发中，想让页面变得更生动自然，往往需要添加一些小动画，比如渐隐渐现、摇摆等。通过 CSS3 提供的 keyframes 规则，我们可以自己实现各种各样复杂的动画效果。但是很多同学可能对动画开发并不熟悉，简单的动画代码倒是还能写一点，但是要做出自然顺滑的动画，需要的不止是代码功底，更需要设计能力和经验。比如弹跳动画，代码类似这样：@keyframes bounce { from, 20%, 53%, to { -webki.

推荐一款优秀的正则表达式在线可视化工具我相信很多朋友第一次听到正则表达式时，都感觉这是一个高大上的名词。其实，简单来说，正则表达式就是用来匹配文本的。正则表达式里的 “正” 是指常客，即经常出现、通用的意思；而 “则” 是指有规律的，即规则。结合起来就是，用通用的、约定格式的语法规则去匹配文本的表达式，常用于文本的检测、查找和替换。比如判断用户输入的手机号是否合法，可以用这个正则表达式：就连很多熟悉正则表达式语法的朋友，看到这么一大长串儿表达式，也会感到吃力；更别提没学过正则表达式语法的人了.

CodeGym，在线 Java 编程语言教程， 其中 80% 的内容基于实践！国内学习 Java 的网站虽然非常多，但真正能让学习 Java 的过程变得有趣的寥寥无几，今天推荐一个超有趣的 Java 自学网站。CodeGym（代码健身房）是学习 Java 的在线编程课程，以实践为主，包含了超过 1200 个练习题，带你学习 Java 基础语法、Java 核心知识、Java 多线程、集合类、SQL、ORM 框架、服务器端编程等知识。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传.

Codewars，在线练习编程的网站，实战式编程挑战平台。学编程的重点是要多敲代码练习。练习编程的方式有很多种，常见的有写习题、做项目、刷算法题目等。Codewars（代码战争）是一个完全免费的在线练习编程的网站，网站提供了大量的编程小题目。区别于目前流行的算法刷题平台 LeetCode，在这里，你可以使用多种编程语言，像打游戏升级一样进行挑战。每个挑战都非常地有趣，又叫做 Kata（形，即招式、套路，练习时必须按形进行）。你可以选择编程语言和目标，有针对性地练习，系统会自动为你推荐合适的题目。.

Obj.Tube 出品的开源免费前端学习路线，分阶段学习，每个知识点都有指引和资源推荐，一脚踢开前端大门！这段时间，一直在全网搜寻前端学习路线。在对比了很多的网站、培训机构的思维导图、PDF 资料之后，最终还是给大家推荐 Obj.Tube 自己打造的前端学习路线。这份学习路线既不是静态的图片，也不是文档和导图，而是一个网站，你可以在网站中自由探索。评价一个前端路线的好坏时，我最注重的是前端知识的 学习顺序是否渐进 以及 内容完整度。这份路线中，作者将前端学习划分为三个阶段，由浅入深，顺序安排非.

freeCodeCamp，在线编程入门实战教程，通过成千上万个编程关卡来提升你的编程技能。对于初学编程的同学来说，前端是一个不错的选择，门槛较低、易上手、可展示型强，能帮助初学者培养兴趣。freeCodeCamp（免费代码营）是一个适合初学者的在线编程学习网站，以实践闯关为主，包含了成千上万个编程关卡来帮助提升大家的编程技能，关卡、项目、证书、服务器这些都是 100% 免费的！网站包含丰富的课程，以前端为主，还包括了程序员必备的算法和数据结构、数据可视化、后端微服务、信息安全、面试攻略等。每个章.

轻松学习 Flex 布局的小游戏Flexbox Froggy，帮助你学习前端 Flex 布局的小游戏，难度不高，趣味性极强！Flexbox Froggy（弹性盒小青蛙）是一个帮助你快速学习前端 Flex 布局的小游戏。Flex 布局是 CSS3 的新特性，即弹性盒子布局模式。是一种能让页面自适应不同屏幕大小的布局方式。熟练运用后，能够大大提升网页开发布局效率。在游戏中，你的任务就是编写代码，运用 Flex 布局的相关属性和值，来帮助各种颜色的小青蛙找到到对应的荷叶，总共只有 24 个关卡。整体难

轻轻松松，配置高性能、安全、稳定的 Nginx 服务器无论是前端、后端、还是运维同学，都一定听说过 Nginx，一个高性能的 HTTP 和 反向代理 web 服务器，同时也提供了IMAP/POP3/SMTP 等服务。相对于 Apache 服务器，Nginx 更轻量、更适于高并发场景，单机就能够支持高达 5w 个并发连接数，常用于作为接入层网关，用于负载均衡，分摊用户的请求。Nginx 最基本的使用场景就是提供 web 服务，直接将网站文件放到 Nginx 目录下，就能通过特定端口（一般是 80）.

一键帮助你从上百万个开发包中选择最适合的。当我们需要开发一个功能时，肯定希望能够选择最适合实现该功能的技术、框架、开发包、组件等。如今，随着前端技术的发展，虽然越来越多的开发包诞生了，但在我们做技术选型时，可能会遇到以下两类问题。好的开发包很多，但是我从来没接触过这个领域，根本找不到这些包同类的开发包太多了，难免会感到眼花缭乱，不知道哪个包更好用、更适合自己的需求就比如说我最近在做一个数据可视化的需求，需要一个数据透视表，自己开发成本太大了，肯定希望找一个现成的组件，最好能满足我的.

这网站能帮你轻松发现优质编程学习资源，一定不要错过！前段时间，我的一位在鹅厂做全栈开发的朋友鱼皮，利用工作之余的时间，独自爆肝了 200 多个小时，开发了一个编程导航网站！网站的目标很简单，帮助大家轻松发现优质编程资源。啥是编程导航？在这个网站上，你可以轻松地搜索需要的编程资源，比如适合新手入门编程的学习网站、免费的编程书籍、实用的开发工具、大厂面试题解和面经、优质的技术博客等等，几乎都是由团队和其他用户共同精选的优质资源，对学习编程非常有帮助！当然，优质的编程资源数量也很多（目前已有数千个.

GitHub 漫游指南，一本有趣又通俗的 GitHub 教程，想要成为 star 之王么？今天给大家分享一份通俗易懂的 GitHub 学习教程，即《GitHub 漫游指南》。看过了不下十套 GitHub 教程了，小编愿称它为最强！虽然没有 GitHub 官方文档那么专业，但是这本小书融入了大量作者的思考，更注重实践、且通俗易懂。比如开头作者就分享了自己接触 GitHub 的故事，非常有代入感。（以下段落摘自这本小书）我与 GitHub 的故事在我大四找工作的时候，试图去寻找一份硬件、物联网.

Go 语言之旅，支持在线敲代码练习的官方入门教程Go 语言性能很高，非常适于后端网络、分布式编程，因此受到各大互联网公司的青睐。那么如何学习 Go 语言呢？其实官方已经为我们准备了一款在线 Go 语言教程 —— Go 语言之旅（gotour），支持在线敲代码练习，简直入门必备！下面让我们从零开始，安装 go 和 gotour，帮助大家愉快地学习 go！安装 GoGo语言中文网 是学习 Go 语言的好网站，我们可以从这里安装 Go，还可以阅读教程、阅读技术文档、找项目、寻求帮助等。进入 G.

AntV，蚂蚁出品，前端数据可视化，有这一套就够了！随着大数据的发展，人们越来越多地使用数据分析来解决问题。为了提高数据分析的效率，各种先进的数据可视化工具应需而生，可以直接根据指定的数据源，生成炫酷又直观的图表。下面分享一套优秀的前端数据可视化框架，AntV，由蚂蚁集团精心打造，可以让数据栩栩如生。说是 “框架” 有点小看它了，AntV 其实是一套全新又完整的数据可视化 解决方案！基于一套标准的设计系统，打造了各式各样的子项目，组成了一套完整的数据可视化架构！G2、F2、G6、X6、L7、A.

超级特别又实用的数据库，快来补课！Git 是一个开源的分布式版本控制系统，可以敏捷高效地管理代码，让项目代码支持同时存在多个不同的版本和分支，是程序员在项目开发中的必备工具。除了代码文件可以进行版本控制之外，数据其实也可以版本控制！今天，Dolt 项目荣登 GitHub 趋势榜榜首，该仓库的介绍是 “Git for Data”，一个面向数据的 Git，目前已收获了几千个 star。下面我们来简单了解下 Dolt 项目。什么是 Dolt？根据官方介绍，Dolt 是一个基于 Git 协议的开.