Web全栈工程师技能树梳理
各个分支正在细化中，欢迎Star、PR。
点击链接加入群【Web全栈QQ群】：https://jq.qq.com/?_wv=1027&k=53iWbrr
更新时间：2019-08-20 10:02
Web全栈工程师技能树梳理
前端知识点
前端语言
CSS Preprocessor
VIM site
Webstorm site
Sublime site
Notepad++ site
EditPlus site
ATOM site
Brackets site
HBuilder site
Visual Studio site
Eclipse site
《JavaScript高级程序设计》
《编写可维护的JavaScript》
《jQuery 权威指南》
《Javascript语言精粹》
《锋利的jQuery》
《JavaScript DOM 编程艺术》
《学习 JavaScript 数据结构与算法》
《ES6标准入门》
《JavaScript忍者秘籍》
《高性能 JavaScript》
《HTTP权威指南》
《编写可维护的JavaScript》
《HTML5高级程序设计》
《基于MVC的JavaScript Web富应用开发》
《你不知道的 JavaScript》
《JavaScript 设计模式》
《webkit技术内幕》
《web性能权威指南》
《JavaScript框架设计》
《JavaScript函数式编程》
《Node.js+MongoDB+AngularJS Web开发》
《JavaScript快速全栈开发》
《数据结构与算法JavaScript描述》
前端工程化
Yeoman site
Bower site
Grunt site
Gulp site
Webpack site
Browsersync site [resources]([object Object])
npm site
yarn site
Travis Ci site
Codecov site
Mocha site
Chai site
Rollup site
前端框架
The most advanced responsive front-end framework in the world.
文档工具
An API documentation generator for JavaScript.
ESDoc is a documentation generator for JavaScript.
Generates a RESTful web API Documentation.
Represent any GraphQL API as an interactive graph.
前端数据库
PouchDB is a pocket-sized database.
前端数据库
A lightweight JavaScript library for creating particles.
Javascript 3D library.
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple.
A JavaScript Typing Animation Library.
Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.
Javascript syntax highlighter.
Simple HTML5 Charts using the <canvas> tag.
InstantClick makes following links in your website instant.
Simple responsive charts.
Small JavaScript library for sprite based animations and panning.
A simple and easy jQuery plugin for CSS animated page transitions.
Create badass, fluid and smooth transition between your website's pages.
jQuery Plugin to Compare Images.
JavaScript library to make drawing animation on SVG.
Reveal CSS animation as you scroll down a page.
A jQuery plugin. Create a scroll line bar indicator on the page.
Accelerated JavaScript animation.
Animate on scroll library
Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.
A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect.
Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
Parallax Engine that reacts to the orientation of a smart device
typeahead.js is a fast and fully-featured autocomplete library.
Drag-based JavaScript component, embracing endless UI solutions
Create beautiful CSS3 powered animations in no time.
pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections.
multiscroll plugin by Alvaro Trigo. Create scrolling split websites.
Make use of your favicon with badges, images or videos
Switch your nav's design on the fly
JavaScript Animation Engine
Easy visualizer for JavaScript KeyCodes
Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.
Flexible input autocomplete/datalist plugin for jQuery
A touch slideout navigation menu for your mobile web apps.
jQuery.my is a plugin that binds form controls with js data structures.
Format input text content when you are typing...
Micro client-side router inspired by the Express router
Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.
A positioning engine to make overlays, tooltips and dropdowns bette
Guide your users through a tour of your app
Tooltip.js is a Javascript and CSS library for creating styleable tooltips.
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Elegant, responsive, flexible and lightweight notification plugin with no dependencies.
Elegant, responsive, flexible and lightweight modal plugin with jQuery.
其他知识点
You might not need scripts at all.
You might not need scripts at all.
List of JavaScript methods which you can use natively + ESLint Plugin
Compare web animation techniques by bouncing a ball with each one.
后端知识点
后端语言
NodeJS框架
PHP框架
通用知识点、酷站
小抄、备忘录
Collecting All Cheat Sheets
Python Cheat Sheet
All cheat sheets, round-ups, quick reference cards, quick reference guides and quick reference sheets in one page. The only one you need.
酷站
JS1k: The JavaScript code golfing competition
“Hello World”大全
文件转换器。在线且免费
Smart PNG and JPEG compression
Helps you to focus, relax, and sleep
Creative code for the web.
3D Face Reconstruction from a Single Image
WordArt.com is an online word art creator that enables you to create amazing and unique word art with ease.
interactive generative art
Fast drawing for everyone.
CodePen is a social development environment for front-end designers and developers.