FSE-SKILL-TREE
Web全栈工程师技能树梳理
各个分支正在细化中，欢迎Star、PR。
点击链接加入群【Web全栈QQ群】：https://jq.qq.com/?_wv=1027&k=53iWbrr
更新时间：2019-08-20 10:02
全栈
Web全栈工程师技能树梳理
前端
前端知识点
语言
前端语言
HTML
HTML4
HTML5
JavaScript
TypeScript
CoffeeScript
CSS
CSS Preprocessor
浏览器
IE浏览器
Chrome浏览器
Firefox浏览器
Safari浏览器
调试工具
Fiddler
HttpWatch
YSlow
whistle
wireshark
weinre
编辑器
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
npm site
yarn site
Travis Ci site
Codecov site
Mocha site
Chai site
Rollup site
框架
前端框架
Angular
Vue
React
Bootstrap
Purecss
UIkit
Amazeui
Frozen UI
Semantic UI
KISSY
bui
Layui
MUI
Avalon
WinJS
SUI
ELECTRON
Ruff
kendo-ui
MontageJS
cordova
Nuclear
Omijs
QingUi
Foundation
The most advanced responsive front-end framework in the world.
文档工具
文档工具
JSDoc
An API documentation generator for JavaScript.
ESDoc
ESDoc is a documentation generator for JavaScript.
apiDoc
Generates a RESTful web API Documentation.
GraphQL Voyager
Represent any GraphQL API as an interactive graph.
前端数据库
前端数据库
PouchDB
PouchDB is a pocket-sized database.
IndexedDB
WebSql
前端类库
前端数据库
Particles.js
A lightweight JavaScript library for creating particles.
Three.js
Javascript 3D library.
Fullpage.js
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple.
Typed.js
A JavaScript Typing Animation Library.
Waypoints
Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.
Highlight.js
Javascript syntax highlighter.
Chart.js
Simple HTML5 Charts using the <canvas> tag.
InstantClick
InstantClick makes following links in your website instant.
Chartist
Simple responsive charts.
Motio
Small JavaScript library for sprite based animations and panning.
Animsition
A simple and easy jQuery plugin for CSS animated page transitions.
Barba.js
Create badass, fluid and smooth transition between your website's pages.
TwentyTwenty
jQuery Plugin to Compare Images.
vivus.js
JavaScript library to make drawing animation on SVG.
WOW.js
Reveal CSS animation as you scroll down a page.
Scrolline.js
A jQuery plugin. Create a scroll line bar indicator on the page.
Velocity
Accelerated JavaScript animation.
AOS
Animate on scroll library
Handlebars.js
Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.
jInvertScroll
A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect.
One Page Scroll
Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
Parallax.js
Parallax Engine that reacts to the orientation of a smart device
Typeahead.js
typeahead.js is a fast and fully-featured autocomplete library.
Dragdealer.js
Drag-based JavaScript component, embracing endless UI solutions
Bounce.js
Create beautiful CSS3 powered animations in no time.
pagePiling.js
pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections.
multiScroll.js
multiscroll plugin by Alvaro Trigo. Create scrolling split websites.
favico.js
Make use of your favicon with badges, images or videos
Midnight.js
Switch your nav's design on the fly
anime.js
JavaScript Animation Engine
Keycodes
Easy visualizer for JavaScript KeyCodes
Sortable
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.
Flexdatalist
Flexible input autocomplete/datalist plugin for jQuery
Slideout.js
A touch slideout navigation menu for your mobile web apps.
jQuery.my
jQuery.my is a plugin that binds form controls with js data structures.
Cleave.js
Format input text content when you are typing…
page.js
Micro client-side router inspired by the Express router
Selectize.js
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.
jQuery Nice Select
A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.
Tether
A positioning engine to make overlays, tooltips and dropdowns bette
Shepherd
Guide your users through a tour of your app
Tooltip
Tooltip.js is a Javascript and CSS library for creating styleable tooltips.
Select2
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
iziToast
Elegant, responsive, flexible and lightweight notification plugin with no dependencies.
iziModal
Elegant, responsive, flexible and lightweight modal plugin with jQuery.
其他知识点
其他知识点
YouMightNotNeedJS
You might not need scripts at all.
YouMightNotNeedjQuery
You might not need scripts at all.
You-Dont-Need-Lodash-Underscore
List of JavaScript methods which you can use natively + ESLint Plugin
Bouncy Ball
Compare web animation techniques by bouncing a ball with each one.
后端
后端知识点
语言
后端语言
NodeJS
NodeJS框架
NodeJS框架
express
koa
thinkjs
electron
nwjs
PHP
PHP框架
PHP框架
thinkPHP
CodeIgniter
YII
Zend Framework
Laravel
Phalcon
Java
Go
Python
Swift
Database
MySQL
SQL Server
MongoDB
Redis
Memcached
SSDB
Web Server
Apache
Nginx
Tomcat
IIS
Lighttpd
Zeus
Cherokee
Appweb
Jetty
Resin
WebSphere
WebLogic
Tengine
H2O
Other
通用知识点、酷站
CheatSheets
小抄、备忘录
OverApi
Collecting All Cheat Sheets
PythonSheets
Python Cheat Sheet
Cheat-Sheets
All cheat sheets, round-ups, quick reference cards, quick reference guides and quick reference sheets in one page. The only one you need.
DevDocs
IT eBooks
CoolSite
酷站
JS1k
JS1k: The JavaScript code golfing competition
HelloWorldCollection
“Hello World”大全
Converio
文件转换器。在线且免费
tinypng
Smart PNG and JPEG compression
Rainy Mood
Helps you to focus, relax, and sleep
Chrome experiments
Creative code for the web.
vrn
3D Face Reconstruction from a Single Image
WordArt
WordArt.com is an online word art creator that enables you to create amazing and unique word art with ease.
vrweavesilkn
interactive generative art
autodraw
Fast drawing for everyone.
easyicon
geektyper
hackcode
codepen
CodePen is a social development environment for front-end designers and developers.