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