TOP 100 大前端超棒精选列表

正值如今这信息爆炸的年代，如何能从中汲取精华，于有限时间内，成为更高效的学习者，从而在激烈的竞争中更具优势，是当下每个人或企业都该思虑的问题；先前创立的 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}

原文出处：静晴轩别苑
原文首链：TOP 100 大前端超棒精选列表

@2018-10-13 于深圳.福田 Last Modify：2018-10-15