TOP 100 大前端超棒精選列表

資料探勘前端開發 · 發表 2018-10-15 08:29:48

摘要：正值如今這資訊爆炸的年代，如何能從中汲取精華，於有限時間內，成為更高效的學習者，從而在激烈的競爭中更具優勢，是當下每個人或企業都該思慮的問題；先前創立的 Web 應用：「傾城之鏈」，就是為改善這一困擾的探索嘗試，具體可參見關於 | 「傾城之鏈」。這份為前端開發者而精心維...

正值如今這資訊爆炸的年代，如何能從中汲取精華，於有限時間內，成為更高效的學習者，從而在激烈的競爭中更具優勢，是當下每個人或企業都該思慮的問題；先前創立的 Web 應用： ofollow,noindex">「傾城之鏈」，就是為改善這一困擾的探索嘗試，具體可參見關於 | 「傾城之鏈」。這份為 前端開發者 而精心維護的超棒列表，就是為解決 資訊過剩 問題的具體實踐：旨在為 前端學習 ， 技能提升 ， 視野擴充套件 ， 資料查詢 等提供價值性參考。目前選擇性收錄優質倉庫近百個，涉及 Web 前端、後臺、流行技術以及其他魔力清單。

此份列表，目前維護在 Github 倉庫： Awesome List :clap: | 與時俱進版前端資源教程，將會持續更新，儘可能使之全而不雜，以避免資訊過重而無用，這或將成為你從事現代 Web 開發之路的重要參考，你值得擁有，實可典藏。

:dragon: Awesome Future Technology List

Awesome-Bots : _{The most awesome list about bots :star:️}
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 : _{:book: 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}

:art: Awesome Front-End List

Foundation

Awesome-Canvas : _{A curated list of awesome HTML5 Canvas with examples, related articles and posts.}
Awesome-Css : _{:art: A curated contents of amazing CSS Ever.}
Awesome-HTML5 : _{:memo: A curated list of awesome HTML5 resources. Inspired by awesome-php and awesome-python.}
Awesome-Javascript : _{:turtle: 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 : _{:nut_and_bolt: 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.}

:light_rail: Framework

Awesome-Angular : _{:page_facing_up: A curated list of awesome Angular resources.}
Awesome-Design : _{:flags: 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 : _{:tada: A curated list of awesome things related to Vue.js}
Awesome-Next.js : _{:notebook_with_decorative_cover: :books: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications).}

:bullettrain_front: Advanced

Awesome-Web-Design : _{:art: A curated list of awesome resources for digital designers.}
Awesome-Performance-Optimization : _{:memo: A curated list of Web Performance Optimization. Everyone can contribute here!}

⚔️ Tools

Awesome-D3 : _{A list of D3 libraries, plugins and utilities.}
Awesome-Dataviz : _{:chart_with_upwards_trend: 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.}

:dvd: 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 : _{:sunglasses: A curated list of awesome GIF resources}

:alien: 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 : _{:zap:️ Delightful Node.js packages and resources node.cool}
Awesome-Serverless : _{:cloud: A curated list of awesome services, solutions and resources for serverless / nobackend applications.}
ping" target="_blank" rel="nofollow,noindex">Awesome-Web-Scraping : _{List of libraries, tools and APIs for web scraping and data processing.}

:floppy_disk: 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 SQL/">MySQL software, libraries, tools and resources}
Awesome-Mongodb : _{:leaves: 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}

:fishing_pole_and_fish: Awesome Front-Back-End List

Awesome-Docker : _{:whale: 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 :ship::tada:}
Awesome-Pentest : _{A collection of awesome penetration testing resources, tools and other shiny things}
Awesome-Web-Security : _{:dog: 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 : _{:lollipop: 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 : _{:books: Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.}
ChromeDevTools/awesome-chrome-devtools" target="_blank" rel="nofollow,noindex">Awesome-Chrome-Devtools : _{Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem}
Awesome-Markdown : _{:memo: 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 : _{:art: 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.}

:computer: System

Awesome-linux : _{:penguin: 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.}
IT/awesome-macOS" target="_blank" rel="nofollow,noindex">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.}
Windows/Awesome" target="_blank" rel="nofollow,noindex">Awesome-Windows : _{:computer: An awesome & curated list of best applications and tools for Windows.}

:tulip: Awesome Other Wizards List

Awesome-Algolia : _{:mag::wave: 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 : _{:rainbow: A Curated List of Checklists ✔︎✔︎ http://checklist.yingjiehu.com}
Awesome-Creative-Coding : _{:art: Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.}
Awesome-Cli-Apps : _{:bar_chart: A curated list of command line apps}
Awesome-Developer-Streams : _{:woman|type_6:‍:computer::man|type_5:‍:computer::woman|type_3:‍:computer::man|type_4:‍:computer::woman|type_1_2:‍:computer: Awesome Developers, Streaming}
Awesome-For-Beginners : _{A list of awesome beginners-friendly projects.}
Awesome-List : _{:sunglasses: 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! :mortar_board:}
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