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

温馨提醒

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

TOP 100 大前端超棒精选列表

🐉 Awesome Future Technology List

🎨 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

⚔️ 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 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

🛠 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

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

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

上次更新: 2018-10-15 23:55:24