In the era of knowledge explosion, how to identify quality information is particularly important, do not spend time collecting front-end information, let’s build a high-quality front-end resource selection collection. The background is that I started the team building work again recently, and reorganized the front-end resources that I often browse and collect, and each one was selected. In recent years, the front-end technology community has changed very much, and more and more front-end public accounts have sprung up. This article warehouse: awesome-frontend, continue to update, welcome PR, supplement quality selection of front-end resources.

Note: the ranking will be ranked in order, ⭐ is only personal preference, not related to interest.

I. Technical community

domestic

  • ⭐ Nuggets – More code, more nuggets
  • ⭐ InfoQ – Promotes the dissemination of knowledge and innovation in software development and related fields
  • ⭐ Language Finch – professional cloud knowledge base
  • ⭐ V2EX – A place of sharing and exploration
  • ⭐ Zhihu – If there are questions, there will be answers
  • ⭐⭐ Bilibili-treasure site
  • SegmentFault – no

foreign

  • ⭐ GitHub: Where the world builds software
  • ⭐ Medium — Where good ideas find you.
  • ⭐ Stack Overflow – Where Developers Learn, Share, & Build Careers
  • ⭐ CSS-Tricks – From dedicated CSS to front-end integrated community
  • Smashing Magazine — For Web Designers And Developers
  • DEV Community
  • ⭐ JavaScript Weekly: The JavaScript Email Newsletter
  • ⭐ React Status – A weekly roundup of the latest React and React Native links and tutorials.
  • News – Vue. Js
  • React Blogs
  • CSS Weekly — Weekly e-mail roundup of latest CSS articles, tutorials, tools and experiments
  • Frontend Focus – Best front-end news, articles and tutorials.
  • Node Weekly – Node.js news and articles
  • Hacker News
  • Echo JS – JavaScript News
  • Js Tips – A JavaScript tip per day!
  • SitePoint Forums | Web Development & Design Community
  • DZone – Web Dev Zone
  • Blog, V8
  • Pony Foo — Web Platform, JavaScript, Modularity, Front-end Architecture, Performance, and more!
  • Reddit – JavaScript channel

Team blog

  • ⭐ Meituan technical team
  • ⭐ Tao Department front end team
  • ⭐ tencent AlloyTeam
  • ⭐ 360 – Strange Dance Company blog
  • ⭐ JINGdong – Bump Lab
  • ⭐ Has the praise technical team
  • ⭐ Nuggets translation project
  • Baidu FEX – last updated June 2020

Personal blog

domestic

  • ⭐ Ruan Yifeng’s personal website
  • ⭐ Zhang Xinxu – Xin Space – Xin Life
  • ⭐ Liao Xuefeng’s official website
  • ⭐ Nuggets – List of recommended authors

foreign

  • ⭐ Overreacted — A blog by Dan Abramov
  • 2ality – JavaScript and more
  • Addy Osmani — medium-react, front-end
  • Home — Marius Schulz
  • Alexis King’s Blog
  • Max Stoiber (@mxstbr) – JavaScript Engineer
  • Blog – JakeArchibald.com

Four, meeting

domestic

  • ⭐ GMTC Global Big Front-end Technology Conference
  • ⭐⭐ ArchSummit Global Architect Summit
  • ⭐⭐⭐ front-end early chat – held in 2020, a lot of dry goods
  • QCon Global Software Developers Conference
  • Cloud Computing Conference – Ali Cloud
  • Alipay experience technology conference
  • D2 Front-end Technology Forum
  • Tencent TWeb Front-end Technology Conference

foreign

  • ⭐ ⭐ React the Conf
  • ⭐ Vue Conf
  • JSConf

Fifth, teaching website

domestic

  • ⭐⭐ Geek Time – Easy learning, efficient learning – Geek Bang
  • ⭐ pull hook education – Internet people combat university
  • ⭐⭐ bilibili – various free tutorials
  • Moocs – A programmer’s dream factory

foreign

  • ⭐ Frontend Masters — Learn JavaScript, React, Vue & Angular
  • ⭐ Lynda: Online Courses, Classes, Training, Tutorials (Tutorials)
  • FreeCodeCamp – Learn to Code — For Free

Six, tutorials,

  • ⭐⭐ Modern JavaScript tutorials
  • MDN Web Docs
  • W3cschool – Programming lion, learn programming anytime and anywhere
  • ⭐⭐⭐ Official document
  • Technical community

GitHub high-quality warehouse selection

Trending repositories on GitHub today · GitHub

comprehensive

  • developer-roadmap
  • react-developer-roadmap
  • Awsome-Front-End-learning-resource

The interview

  • CS-Notes
  • javascript-algorithms
  • javascript-questions
  • frontend-hard-mode-interview
  • Daily-Interview-Question
  • CS-Interview-Knowledge-Map
  • Haizlin/FE-interview: front-end interview 3+1 per day
  • 30-seconds-of-interviews
  • fucking-frontend

JavaScript

  • JavaScript Algorithms and Data Structures
  • javascript-questions

React

  • Facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • ant-design/ant-design: A UI Design Language and React UI library
  • vercel/next.js: The React Framework
  • ant-design/ant-design-pro: Use Ant Design like a Pro!
  • umijs/umi: Pluggable enterprise-level react application framework.
  • alibaba/hooks: React Hooks Library
  • alibaba-fusion/next: A configurable component library for web built on React.

Vue

  • vuejs/vue: Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  • Vitejs/Vite: Next Generation Frontend Tooling. It’s fast!

performance

  • Front-End-Checklist

tool

  • storybookjs/storybook: The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Continue to update, welcome pr.

Viii. Public account

  • ⭐ Top of the front end
  • ⭐⭐ front-end morning reading class
  • ⭐ Fantastic dance selection
  • ⭐ front-end external review
  • ⭐ front end from advanced to admission
  • ⭐ front three students
  • ⭐ Imprint Chinese
  • ⭐ front end is really fun
  • ⭐ Front-end craftsman
  • ⭐ Lao Huang’s front-end private dishes
  • ⭐ netease Cloud music big front-end team
  • ⭐ Tao Department front end team
  • ⭐ Tencent IMWeb front-end team
  • ⭐ Byte front end ByteFE
  • ⭐ Fish head Web ocean
  • ⭐ Vue Chinese Community
  • ⭐ Technology ramble

Nine, selected articles

Continue to update, welcome pr.