FSE-SKILL-TREE

Web全栈工程师技能树梳理

各个分支正在细化中,欢迎Star、PR。

点击链接加入群【Web全栈QQ群】:https://jq.qq.com/?_wv=1027&k=53iWbrr

更新时间:2019-08-20 10:02

FSE

全栈

Web全栈工程师技能树梳理

前端

前端知识点

语言

前端语言

HTML

HTML4

site

HTML5

site

JavaScript

site

TypeScript

site

CoffeeScript

site

CSS

CSS Preprocessor

浏览器

IE浏览器

site

Chrome浏览器

site

Firefox浏览器

site

Safari浏览器

site

调试工具

Fiddler

site

HttpWatch

site

YSlow

site

whistle

github

wireshark

site

weinre

site github

编辑器

VIM site

Webstorm site

Sublime site

Notepad++ site

EditPlus site

ATOM site

Brackets site

HBuilder site

Ace site github

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

npm site

yarn site

Travis Ci site

Codecov site

Mocha site

Chai site

FIS site github

Rollup site

Parcel site github

框架

前端框架

Angular

site

Vue

site github

React

site github

Bootstrap

site

Purecss

site github

UIkit

site github

Amazeui

site

Frozen UI

site github

Semantic UI

site github

KISSY

site github

bui

site github

Layui

site github

MUI

site github

Avalon

site github

WinJS

site

SUI

site

ELECTRON

site github

Ruff

site

kendo-ui

site

MontageJS

site github

cordova

site

Nuclear

github

Omijs

github

QingUi

site

Foundation

site github

The most advanced responsive front-end framework in the world.

文档工具

文档工具

JSDoc

site github

An API documentation generator for JavaScript.

ESDoc

site github

ESDoc is a documentation generator for JavaScript.

apiDoc

site github

Generates a RESTful web API Documentation.

GraphQL Voyager

site github

Represent any GraphQL API as an interactive graph.

前端数据库

前端数据库

PouchDB

site github

PouchDB is a pocket-sized database.

IndexedDB

site

WebSql

site

前端类库

前端数据库

Particles.js

site github

A lightweight JavaScript library for creating particles.

Three.js

site

Javascript 3D library.

Fullpage.js

site github

fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple.

Typed.js

site github

A JavaScript Typing Animation Library.

Waypoints

site github

Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.

Highlight.js

site github

Javascript syntax highlighter.

Chart.js

site github

Simple HTML5 Charts using the <canvas> tag.

InstantClick

site github

InstantClick makes following links in your website instant.

Chartist

site github

Simple responsive charts.

Motio

site github

Small JavaScript library for sprite based animations and panning.

Animsition

site github

A simple and easy jQuery plugin for CSS animated page transitions.

Barba.js

site github

Create badass, fluid and smooth transition between your website's pages.

TwentyTwenty

site github

jQuery Plugin to Compare Images.

vivus.js

github

JavaScript library to make drawing animation on SVG.

WOW.js

site github

Reveal CSS animation as you scroll down a page.

Scrolline.js

site github

A jQuery plugin. Create a scroll line bar indicator on the page.

Velocity

site github

Accelerated JavaScript animation.

AOS

site github

Animate on scroll library

Handlebars.js

site github

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

jInvertScroll

site github

A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect.

One Page Scroll

site github

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin

Parallax.js

site github

Parallax Engine that reacts to the orientation of a smart device

Typeahead.js

site github

typeahead.js is a fast and fully-featured autocomplete library.

Dragdealer.js

site github

Drag-based JavaScript component, embracing endless UI solutions

Bounce.js

site github

Create beautiful CSS3 powered animations in no time.

pagePiling.js

site github

pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections.

multiScroll.js

site github

multiscroll plugin by Alvaro Trigo. Create scrolling split websites.

favico.js

site github

Make use of your favicon with badges, images or videos

Midnight.js

site github

Switch your nav's design on the fly

anime.js

site github

JavaScript Animation Engine

Keycodes

site github

Easy visualizer for JavaScript KeyCodes

Sortable

site github

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

site github

Flexible input autocomplete/datalist plugin for jQuery

Slideout.js

site github

A touch slideout navigation menu for your mobile web apps.

jQuery.my

site github

jQuery.my is a plugin that binds form controls with js data structures.

Cleave.js

site github

Format input text content when you are typing…

page.js

github

Micro client-side router inspired by the Express router

Selectize.js

site github

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

site github

A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.

Tether

site github

A positioning engine to make overlays, tooltips and dropdowns bette

Shepherd

site github

Guide your users through a tour of your app

Tooltip

site github

Tooltip.js is a Javascript and CSS library for creating styleable tooltips.

Select2

site github

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

iziToast

site github

Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

iziModal

site github

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

其他知识点

其他知识点

YouMightNotNeedJS

site github

You might not need scripts at all.

YouMightNotNeedjQuery

site github

You might not need scripts at all.

You-Dont-Need-Lodash-Underscore

github

List of JavaScript methods which you can use natively + ESLint Plugin

Bouncy Ball

site github

Compare web animation techniques by bouncing a ball with each one.

后端

后端知识点

语言

后端语言

NodeJS

site

NodeJS框架

NodeJS框架

express

site github

koa

site github

thinkjs

site github

electron

site github

nwjs

site github

PHP

site

PHP框架

PHP框架

thinkPHP

site

CodeIgniter

site

YII

site

Zend Framework

site

Laravel

site

Phalcon

site

Java

site

Go

site

Python

site

Swift

site

Database

MySQL

site

SQL Server

site

MongoDB

site

Redis

site

Memcached

site

SSDB

site github

Web Server

Apache

site

Nginx

site

Tomcat

site

IIS

site

Lighttpd

site

Zeus

Cherokee

site github

Appweb

site

Jetty

site

Resin

site

WebSphere

site

WebLogic

site

Tengine

site

H2O

site github

Other

通用知识点、酷站

CheatSheets

小抄、备忘录

OverApi

site

Collecting All Cheat Sheets

PythonSheets

site github

Python Cheat Sheet

Cheat-Sheets

site

All cheat sheets, round-ups, quick reference cards, quick reference guides and quick reference sheets in one page. The only one you need.

DevDocs

site

IT eBooks

site

CoolSite

酷站

JS1k

site

JS1k: The JavaScript code golfing competition

HelloWorldCollection

site

“Hello World”大全

Converio

site

文件转换器。在线且免费

tinypng

site

Smart PNG and JPEG compression

Rainy Mood

site

Helps you to focus, relax, and sleep

Chrome experiments

site

Creative code for the web.

vrn

site github

3D Face Reconstruction from a Single Image

WordArt

site

WordArt.com is an online word art creator that enables you to create amazing and unique word art with ease.

vrweavesilkn

site

interactive generative art

autodraw

site

Fast drawing for everyone.

easyicon

site

geektyper

site

hackcode

site

codepen

site

CodePen is a social development environment for front-end designers and developers.