Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ivocin/awesome-frontend

Awesome Frontend Resource Selected - 优质前端资源精选
https://github.com/ivocin/awesome-frontend

List: awesome-frontend

css frontend html javascript react vite vue webpack

Last synced: about 2 months ago
JSON representation

Awesome Frontend Resource Selected - 优质前端资源精选

Awesome Lists containing this project

README 

        
# 2021 优质前端资源精选



在知识爆炸时代如何识别优质信息尤为重要，**不要再花时间收集前端资料了**，我们来共建一个优质前端资源精选合辑。



> 注：排名会分先后，⭐ 只是个人偏好，利益不相关。



## 一、技术社区



### 国内



* ⭐ [掘金 - 代码不止，掘金不停](https://juejin.cn/)

* ⭐ [InfoQ - 促进软件开发及相关领域知识与创新的传播](https://www.infoq.cn/)

* ⭐ [语雀 - 专业的云端知识库](https://www.yuque.com/)

* ⭐ [V2EX - 一个关于分享和探索的地方](https://www.v2ex.com/)

* ⭐ [知乎 - 有问题，就会有答案](https://www.zhihu.com/)

* ⭐⭐ [哔哩哔哩  - 宝藏网站](https://www.bilibili.com/)

* [SegmentFault - 思否](https://segmentfault.com/)



### 国外



* ⭐ [GitHub: Where the world builds software](https://github.com/)

* ⭐ [Medium – Where good ideas find you.](https://medium.com/)

* ⭐ [Stack Overflow - Where Developers Learn, Share, & Build Careers](https://stackoverflow.com/)

* ⭐ [CSS-Tricks - 从专注 CSS 到前端综合社区](https://css-tricks.com/)

* [Smashing Magazine — For Web Designers And Developers](https://www.smashingmagazine.com/)

* [DEV Community](https://dev.to/)

* ⭐ [JavaScript Weekly: The JavaScript Email Newsletter](https://javascriptweekly.com/)

* ⭐ [React Status - A weekly roundup of the latest React and React Native links and tutorials.](https://react.statuscode.com/)

* [News — Vue.js](https://news.vuejs.org/)

* [React Blogs](https://reactjs.org/blog/all.html)

* [CSS Weekly — Weekly e-mail roundup of latest CSS articles, tutorials, tools and experiments](https://css-weekly.com/)

* [Frontend Focus - Best front-end news, articles and tutorials. ](https://frontendfoc.us/)

* [Node Weekly - Node.js news and articles](https://nodeweekly.com/)

* [Hacker News](https://news.ycombinator.com/news)

* [Echo JS - JavaScript News](https://www.echojs.com/)

* [Js Tips - A JavaScript tip per day!](https://www.jstips.co/)

* [SitePoint Forums | Web Development & Design Community](https://www.sitepoint.com/community/)

* [DZone - Web Dev Zone](https://dzone.com/web-development-programming-tutorials-tools-news)

* [Blog · V8](https://v8.dev/blog)

* [Pony Foo — Web platform, JavaScript, modularity, front-end architecture, performance, and more!](https://ponyfoo.com/articles)

* [Reddit - JavaScript 频道](https://www.reddit.com/r/javascript)



## 二、团队博客

* ⭐ [美团技术团队](https://tech.meituan.com/)

* ⭐ [淘系前端团队](https://fed.taobao.org/)

* ⭐ [腾讯 AlloyTeam](http://www.alloyteam.com/) 

* ⭐ [360 - 奇舞团博客](https://75.team/)

* ⭐ [京东 - 凹凸实验室](https://jelly.jd.com/teamhome/5b0ff3a0629834a34b663617)

* ⭐ [有赞技术团队](https://tech.youzan.com/)

* ⭐ [掘金翻译计划](https://juejin.cn/team/6930489296285597696/posts)

* [百度 FEX - 上次更新 2020 年 6 月](http://fex.baidu.com/)



## 三、个人博客



国内

* ⭐ [阮一峰的个人网站](http://www.ruanyifeng.com/home.html)

* ⭐ [张鑫旭-鑫空间-鑫生活](https://www.zhangxinxu.com/wordpress/)

* ⭐ [廖雪峰的官方网站](https://www.liaoxuefeng.com/)

* ⭐ [掘金 - 推荐作者榜单](https://juejin.cn/recommendation/authors/recommended)



国外

* ⭐ [Overreacted — A blog by Dan Abramov](https://overreacted.io/)

* [2ality – JavaScript and more](https://2ality.com/)

* [Addy Osmani – Medium - React, front-end](https://medium.com%[email protected]/@addyosmani/about)

* [Home — Marius Schulz](https://mariusschulz.com/)

* [Alexis King’s Blog](https://lexi-lambda.github.io/)

* [Max Stoiber (@mxstbr) - JavaScript Engineer](https://mxstbr.com/)

* [Blog - JakeArchibald.com](https://jakearchibald.com/)



## 四、会议



### 国内

* ⭐ [GMTC 全球大前端技术大会](https://www.infoq.cn/topic/GMTC)

* ⭐⭐ [ArchSummit 全球架构师峰会](https://archsummit.infoq.cn)

* ⭐⭐⭐ [前端早早聊 - 2020 年开始举办，干货极多](https://juejin.cn/user/712139234347565)

* [QCon 全球软件开发者大会](https://qcon.infoq.cn/)

* [云栖大会 - 阿里云](https://yunqi.aliyun.com/)

* [支付宝体验科技大会](https://seeconf.antfin.com/)

* [D2 前端技术论坛](https://www.alibabaf2e.com/)

* [腾讯TWeb前端技术大会](https://tweb.tencent.com/#/)



### 国外

* ⭐⭐ [React Conf](https://reactjs.org/community/conferences.html)

* ⭐ [Vue Conf](https://us.vuejs.org/)

* JSConf



## 五、教学网站



### 国内

* ⭐⭐ [极客时间-轻松学习，高效学习-极客邦](https://time.geekbang.org/)

* ⭐ [拉勾教育 - 互联网人实战大学](https://edu.lagou.com/)

* ⭐⭐ [哔哩哔哩  - 各种免费教程](https://www.bilibili.com/)

* [慕课网-程序员的梦工厂](https://www.imooc.com/)



### 国外

* ⭐ [Frontend Masters — Learn JavaScript, React, Vue & Angular （收费）](https://frontendmasters.com/)

* ⭐ [Lynda: Online Courses, Classes, Training, Tutorials（收费）](https://www.lynda.com/)

* [FreeCodeCamp - Learn to Code — For Free](https://www.freecodecamp.org/)



## 六、教程

* ⭐⭐ [现代 JavaScript 教程](https://zh.javascript.info/)

* [MDN Web Docs](https://developer.mozilla.org/zh-CN/)

* [w3cschool - 编程狮，随时随地学编程](https://www.w3cschool.cn/)

* ⭐⭐⭐**官方文档**

* **技术社区**



## 七、GitHub 优质仓库精选

[Trending  repositories on GitHub today · GitHub](https://github.com/trending)



### 综合

*  [developer-roadmap](https://github.com/kamranahmedse/developer-roadmap) 

*  [react-developer-roadmap](https://github.com/adam-golab/react-developer-roadmap) 

*  [Awsome-Front-End-learning-resource](https://github.com/helloqingfeng/Awsome-Front-End-learning-resource)



### 面试

* [CS-Notes](https://github.com/CyC2018/CS-Notes)

* [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms)

* [javascript-questions](https://github.com/lydiahallie/javascript-questions)

* [frontend-hard-mode-interview](https://github.com/coffe1891/frontend-hard-mode-interview)

* [Daily-Interview-Question](https://github.com/Advanced-Frontend/Daily-Interview-Question)

* [CS-Interview-Knowledge-Map](https://github.com/InterviewMap/CS-Interview-Knowledge-Map)

* [haizlin/fe-interview: 前端面试每日 3+1](https://github.com/haizlin/fe-interview)

* [30-seconds-of-interviews](https://github.com/30-seconds/30-seconds-of-interviews)

* [fucking-frontend](https://github.com/KieSun/fucking-frontend)

### JavaScript

* [JavaScript Algorithms and Data Structures](https://github.com/trekhleb/javascript-algorithms)

* [javascript-questions](https://github.com/lydiahallie/javascript-questions) 



### React

* [Facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.](https://github.com/facebook/react)

* [ant-design/ant-design: A UI Design Language and React UI library](https://github.com/ant-design/ant-design)

* [vercel/next.js: The React Framework](https://github.com/vercel/next.js)

* [ant-design/ant-design-pro: Use Ant Design like a Pro!](https://github.com/ant-design/ant-design-pro)

* [umijs/umi: Pluggable enterprise-level react application framework.](https://github.com/umijs/umi)

* [alibaba/hooks: React Hooks Library](https://github.com/alibaba/hooks)

* [alibaba-fusion/next: A configurable component library for web built on React.](https://github.com/alibaba-fusion/next)



### Vue

* [vuejs/vue: Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.](https://github.com/vuejs/vue)

* [vitejs/vite: Next generation frontend tooling. It’s fast!](https://github.com/vitejs/vite)



### 性能

 * [Front-End-Checklist](https://github.com/thedaviddias/Front-End-Checklist) 



### 工具

* [storybookjs/storybook: The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!](https://github.com/storybookjs/storybook)



持续更新，欢迎 pr。



## 八、公众号

* ⭐ 前端之巅

* ⭐⭐ 前端早读课

* ⭐ 奇舞精选

* ⭐ 前端外刊评论

* ⭐ 前端从进阶到入院

* ⭐ 前端三元同学

* ⭐ 印记中文

* ⭐ 前端真好玩

* ⭐ 前端工匠

* ⭐ 老黄的前端私房菜

* ⭐ 网易云音乐大前端团队

* ⭐ 淘系前端团队

* ⭐ 腾讯IMWeb前端团队

* ⭐ 字节前端 ByteFE

* ⭐ 鱼头的 Web 海洋

* ⭐ Vue中文社区

* ⭐ 技术漫谈



## 九、精选文章

持续更新，欢迎 pr。