web学习资料：

说明：本份资料是基于已有的自己的收藏书签进行整理的，不一定全面，但是真的都是不错的资料。如果用心去发现，去学习，相信会有一番收获的。

学习路线：

说明：这是全面指导学习前端的路线图，可以参考制定属于自己的学习路线。

• ✨技术胖学习路线（国内著名程序员老师）适合习惯看视频学习的学习者。

• ✨github中文社区排行榜的前端学习路线缺点是没有中文的一些资料。

web技术汇总：

说明：方便找到对应技术学习资料的传送门基地，这里可以方便找到你想学习的技术对应的官方地址。

• web前端导航

• 前端技能图谱｜前端工程师手册

• 印记中文-国内整理的前端技术传送门基地

• bootstrap中文网-优质项目推荐首页的下方是所有相关技术的简介，点击可以直达

相关学习网站：

说明：这里是一些学习网站，各自都有各自的优点。

• 菜鸟教程

• w3cshcool 编程狮子

• 简单教程

• ✨权威mdn 学习网站

• 前端张鑫旭学习网站

• w3cshool

• 易百教程

• 廖雪峰官方网站

• ✨前端编程规范文档

• nodeschool学习node

• w3c标准官网

web开发资源网站：

说明：这里是一些帮助开发的资源网站，一些常见的UI组件库就不列入其中，可以在所有技术汇总的传送门中找到（如：antdesign,vant,bootstrap等）。

• ✨ doyoudo设计资源推荐

• ✨ 那些免费的砖

• 网页设计模板网站

• 轮播图模板库

git学习和GitHub：

• ✨ProGit中文版书籍

• 我在工作中怎么用git

• 阮一峰git远程操作详解

• github文档

实践学习网站：

说明：相比较其他的学习网站，这里是以实践操作上手为主的学习方式的网站和资源。

• ✨freecodecamp 优秀的开源学习网站，附带成长路线

• 13个vue实战项目

练习打字的网站：

说明：作为一个开发人员，不能盲打，你好意思说自己是搞开发的吗😜。

• typing打字网不需要科学上网就能用，只有英文提示

• ✨typingclub可能需要科学上网

面试准备：

说明：当你去找工作，一定要看的八股文。

• ✨前端内参

• ✨前端面试官系列

• 前端面试之道

编程刷题网站：

说明：大厂必备笔试编程，还不刷起来？

• ✨力扣

• ✨牛客网

• ✨赛码网

• ✨领扣

• ✨洛谷

要多逛逛的网站：

说明：开发人员，一定要多关注前沿。

• ✨github中文社区

• ✨科技爱好者周刊

找书籍网站：

说明：当你需要看看对应的书籍

• ✨书栈网

• ✨github排行榜免费电子图书