TOP 100 大前端超棒精选列表

DJI Mavic Air

正值如今这信息爆炸的年代，如何能从中汲取精华，于有限时间内，成为更高效的学习者，从而在激烈的竞争中更具优势，是当下每个人或企业都该思虑的问题；先前创立的 Web 应用：「倾城之链」，就是为改善这一困扰的探索尝试，具体可参见关于 | 「倾城之链」。这份为前端开发者而精心维护的超棒列表，就是为解决信息过剩问题的具体实践：旨在为前端学习，技能提升，视野扩展，资料查找等提供价值性参考。目前选择性收录优质仓库近百个，涉及 Web 前端、后台、流行技术以及其他魔力清单。

此份列表，目前维护在 Github 仓库：Awesome List ? | 与时俱进版前端资源教程，将会持续更新，尽可能使之全而不杂，以避免信息过重而无用，这或将成为你从事现代 Web 开发之路的重要参考，你值得拥有，实可典藏。

? Awesome Future Technology List

• Awesome-Bots: The most awesome list about bots ⭐️?
• Awesome-Deep-Learning: A curated list of awesome Deep Learning tutorials, projects and communities.
• Awesome-Deep-Learning-Papers: The most cited deep learning papers.
• Awesome-Deeplearning-Resources: Deep Learning and deep reinforcement learning research papers and some codes
• Awesome-Machine-Learning: A curated list of awesome Machine Learning frameworks, libraries and software.
• Awesome-Machine-Learning-Cn: 机器学习资源大全中文版，包括机器学习领域的框架、库以及软件
• Awesome-Machine-Learning-On-Source-Code: Cool links & research papers related to Machine Learning applied to source code (MLonCode)
• Awesome-Nlp: ? A curated list of resources dedicated to Natural Language Processing (NLP)
• Awesome-Project-Ideas: Curated list of Machine Learning, NLP, Vision, Recommender Systems Project Ideas

? Awesome Front-End List

? Foundation

• Awesome-Canvas: A curated list of awesome HTML5 Canvas with examples, related articles and posts.
• Awesome-Css: ? A curated contents of amazing CSS Ever.
• Awesome-HTML5: ? A curated list of awesome HTML5 resources. Inspired by awesome-php and awesome-python.
• Awesome-Javascript: ? A collection of awesome browser-side JavaScript libraries, resources and shiny things.
• Awesome-Pwa: Awesome list of progressive web apps! (PR welcomed ;))
• Awesome-Service-Workers: ? A collection of awesome resources for learning Service Workers
• Awesome-SVG: A curated list of SVG.
• Awesome-WebGL: A curated list of awesome WebGL libraries, resources and much more.

? Framework

• Awesome-Angular: ? A curated list of awesome Angular resources.
• Awesome-Design: ? Creative Resources for Developer and Designer
• Awesome-Electron: Useful resources for creating apps with Electron
• Awesome-React: A collection of awesome things regarding React ecosystem.
• Awesome-React-Components: Catalog of React Components & Libraries
• Awesome-React-Native: Awesome React Native components, news, tools, and learning material!
• Awesome-Vue.js: ? A curated list of awesome things related to Vue.js
• Awesome-Next.js: ? ? A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications).

? Advanced

• Awesome-Web-Design: ? A curated list of awesome resources for digital designers.
• Awesome-Performance-Optimization: ? A curated list of Web Performance Optimization. Everyone can contribute here!

⚔️ Tools

• Awesome-D3: A list of D3 libraries, plugins and utilities.
• Awesome-Dataviz: ? A curated list of awesome data visualization libraries and resources.
• Awesome-Gulp: A curated list of awesome gulp resources, plugins, and boilerplfates for a better development workflow automation.
• Awesome-Npm: Awesome npm resources and tips
• Awesome-Puppeteer: A curated list of awesome puppeteer resources.
• Awesome-Webpack: A curated list of awesome Webpack resources, libraries and tools.

? Media

• Awesome-Audio-Visualization: A curated list about Audio Visualization.
• Awesome-Fonts: Curated list of fonts and everything
• Awesome-Images: A curated list of amazingly awesome free (stock) photo resources inspired by all the other awesomes.
• Awesome-Gif: ? A curated list of awesome GIF resources

? Awesome Back-End List

• Awesome-Crawler: A collection of awesome web crawler,spider in different languages
• Awesome-Elasticsearch: A curated list of the most important and useful resources about elasticsearch: articles, videos, blogs, tips and tricks, use cases. All about Elasticsearch!
• Awesome-Ipfs: Useful resources for using IPFS and building things on top of it
• Awesome-Nodejs: ⚡️ Delightful Node.js packages and resources node.cool
• Awesome-Serverless: ☁️ A curated list of awesome services, solutions and resources for serverless / nobackend applications.
• Awesome-Web-Scraping: List of libraries, tools and APIs for web scraping and data processing.

? Databases

• Awesome-Datebase: A curated list of amazingly awesome database libraries, resources and shiny things by numetriclabz.com
• Awesome-Mysql: A curated list of awesome MySQL software, libraries, tools and resources
• Awesome-Mongodb: ? A curated list of awesome MongoDB resources, libraries, tools and applications
• Awesome-Postgres: A curated list of awesome PostgreSQL software, libraries, tools and resources, inspired by awesome-mysql

? Awesome Front-Back-End List

• Awesome-Docker: ? A curated list of Docker resources and projects
• Awesome-Graphql: Awesome list of GraphQL & Relay.
• Awesome-Honeypots: an awesome list of honeypot resources
• Awesome-Kubernetes: A curated list for awesome kubernetes sources ??
• Awesome-Pentest: A collection of awesome penetration testing resources, tools and other shiny things
• Awesome-Web-Security: ? A curated list of Web Security materials and resources.
• Awesome-Security: A collection of awesome software, libraries, documents, books, resources and cools stuffs about security.

? Tools

• Awesome-Adb: ? ADB Usage Complete / ADB 用法大全
• Awesome-Algorithms: A curated list of awesome places to learn and/or practice algorithms.
• Awesome-AutoHotkey: A curated list of awesome AutoHotkey libraries, library distributions, scripts, tools and resources.
• Awesome-Atom: A curated list of delightful Atom packages and resources.
• Awesome-Cheatsheets: ? Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
• Awesome-Chrome-Devtools: Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem
• Awesome-Markdown: ? Delightful Markdown stuff.
• Awesome-Haskell: A collection of awesome Haskell links, frameworks, libraries and software. Inspired by awesome projects line.
• Awesome-Hyper: ? Delightful Hyper plugins, themes, and resources
• Awesome-Shell: A curated list of awesome command-line frameworks, toolkits, guides and gizmos. Inspired by awesome-php.
• Awesome-Vscode: ? A curated list of delightful VS Code packages and resources.
• Awesome-Zsh-Plugins: A collection of ZSH frameworks, plugins & themes inspired by the various awesome list collections out there.

? System

• Awesome-linux: ? A list of awesome projects and resources that make Linux even more awesome.
• Awesome-Mac:  Now we have become very big, Different from the original idea. Collect premium software in various categories.
• Awesome-MacOS:  A curated list of awesome applications, softwares, tools and shiny things for macOS.
• Awesome-Macos-Command-Line: Use your macOS terminal shell to do awesome things.
• Awesome-Windows: ? An awesome & curated list of best applications and tools for Windows.

? Awesome Other Wizards List

• Awesome-Algolia: ?? START HERE! A curated list of Algolia libraries, resources and projects.
• Awesome-Awesome: A curated list of awesome curated lists of many topics.
• Awesome-Checklist-Checklist: ? A Curated List of Checklists ✔︎✔︎ http://checklist.yingjiehu.com
• Awesome-Creative-Coding: ? Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
• Awesome-Cli-Apps: ? ? ? ? A curated list of command line apps
• Awesome-Developer-Streams: ??‍???‍???‍???‍???‍? Awesome Developers, Streaming
• Awesome-For-Beginners: A list of awesome beginners-friendly projects.
• Awesome-List: ? Curated list of awesome lists
• Awesome-Hacking: A curated list of awesome Hacking tutorials, tools and resources
• Awesome-Health: A curated list of health resources
• Awesome-Interview-Questions: :octocat: A curated awesome list of lists of interview questions. Feel free to contribute! ?
• Awesome-Math: A curated list of awesome mathematics resources
• Awesome-Flutter: An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
• Awesome-Github: An exquisite list of awesome :octocat: secrets.
• Awesome-Github-Vue: Vue 相关开源项目库汇总
• Awesome-README: A curated list of awesome READMEs
• Awesome-Resources: Awesome resources for coding and learning: open source projects, websites, books e.g.
• Awesome-Talks: Awesome online talks and screencasts