这个神奇的网站,教大家仿 100 多个知名网站!
共 1019字,需浏览 3分钟
·
2021-07-01 09:25
源代码 + 教程 + 演示,带你和 100 多个知名网站五五开!
编程导航开源仓库:https://github.com/liyupi/code-nav
大家好,我是鱼二,今天给大家分享一个冷门但非常优秀的网站,可以帮助大家学习和开发项目。
大家在学编程的时候,如果没有灵感,最好的方式就是仿照现有的优秀网站,试着开发出和它同样的界面和功能。
而 Clone Wars,是由国外朋友开发的【知名网站开源克隆项目】收集网站。通俗地讲,就是把别人做好的仿制品进行了分类汇总。
网站已经收录了 100 多个流行网站的优秀开源克隆项目和替代品,如 Airbnb、亚马逊、Instagram、Netflix、Tiktok、Spotify、Whatsapp、 Youtube 等。
进入网站,可以看到两个表格,分别是 免费仿站教程
和 开源克隆项目
,我们依次来看一下。
免费仿站教程
在这个表格中,你可以看到知名站点的前后端完整实现教程,有视频、也有在线练习。唯一的缺点就是国内的一些朋友可能无法访问,原因你懂的。
开源克隆项目
在这个表格中,你可以看到很多知名站点的仿站项目,大部分项目的运行效果都很贴近原网站,甚至有些还扩充了功能。
每个项目不仅包含源代码,还提供了教程、演示链接、仓库地址、技术堆栈、GitHub Star 数,非常适合学习。
大家可以多挑几个来看一下,选择一个合适的来学习。
项目体验
我们就以 Apple Music
为例,带大家看一下。
打开克隆项目 Appo Music
的演示地址,你会发现这个界面非常精致,和原版几乎完全一致!
进入该项目的 GitHub 仓库,就可以看到项目源码和详情。
比如这个项目,使用了 React、Redux、Ruby on Rails、PostgreSQL 等技术,实现了原苹果音乐播放器的核心功能。
虽然整个网站基本都是英文,但个人感觉网站还是不错的,能给大家提供一些做项目的思路和仿站技巧,欢迎大家来试试!
⬇️ 点击下方阅读原文查看项目
在 编程导航 中还能发现更多优质编程学习资源,欢迎分享给有需要的同学吧!