一张神图秒懂前端必备技能-我会5%

  相关资料:

思维导图:python字符串

思维导图:4张Python爬虫下载

思维导图:通关python列表

思维导图:git

思维导图:通关python字典

python标准库6张思维导图学明白

思维导图:10个python常用库

7张Python学习路线图:从零基础到就业指导

6张思维导图,带你征服java编程

def20e845b534b9db97c7826fc2461b0.png

手机版本

72eb726309c55030400203f1eb0809b2.png

f432ebdb5e84ccd4ba0f550f4589a8f1.png


前端工程师必备技能

编程知识储备

OOP/AOP

原型链/作用域链

javaScripts Tips

数据结构

闭包

设计范型

设计模式

计算机知识储备

软件工程/软件测试原理

Uniceode

编译原理

计算机网络

操作系统

算法原理

软技能

知识管理/总结分享

沟通技巧/团队协作

需求管理/PM

交互设计/可用性/可访问性知识

移动Web

HTML5/CSS3

Zeptojs/iScroll

V5/Sencha Touch

Phonegap

jQuery Mobile

W3C MobileOK checker

Open Mobile Alliance

响应式网页设计

代码组织

类库模块化

  • CommonJS/AMD

  • YUI3模块

    业务逻辑模块化

  • bower/component

    文件加载

  • LABjs

  • SeaJS/require.js

    模块化预处理器

  • Browserify

可视化

SVG/Canvas/VML

SVG:D3/Raphael/Snap.svg/DataV

Canvas:CreateJS/KineticJS

WebGL/Three.js

安全

CSRF/XSS

CSP

Same-origin Policy

ADsafe/caja/Sandbox

性能

JSperf

YSlow 35 rules

Pagespeed

HTTPWatch

DynaTrace's Ajax

高性能JavaScript

部署流程

压缩合并

  • YUI comprossor

  • Google Clousure Complier

  • UglifyJS

  • CleanCSS

    文档输出

  • JSDoc

  • Dox/Doxmate/Grunt-Doxmate

    项目构建工具

  • make/Ant

  • GYP

  • Grunt

  • Gulp

  • Yeoman

  • FIS

  • Mod

SEO

公众号:

IT入门

回复:web01
下载高清思维导图

学习前端
http://dida100.com/it/#/main/269

代码质量

单元测试

  • QUnit/Jasmine

  • Mocha/Should/Expect

  • Unit JS

    自动化测试

  • WebDriver/Protractor/karmaRunner/Sahi

  • phantomjs

  • SourceLabs/BrowserStack

    Coding style

  • JSLint/JSHint/jscs

  • CSSLint

  • Mark validation Service

  • HTML Validators

浏览器

IE6/7/8/9/10/11(Trident)

Firefox(Gecko)

Chrome/Chromium(Blink)

Safari(WebKit)

Opera(Blink)

编程语言

JavaScipt/Node.js

Coffeescipt

TypeScript

切页面

HTML/HTML5

CSS/CSS3

Sass/LESS/Stylus

photoShop/Paint.net/Fireworks/GIMP/Sketch

开发工具

编程器和IDE

  • VIM/sublime Text2

  • Notepad++/EditPlus

  • WebStorm

  • Brackets

  • Atom

  • Lime Text

  • Light table

  • Codebox

  • TestMate

  • Komodo IDE/Edit

  • Eclipse

  • Visual Studio/VisualStudioCode

  • NetBeans

  • Cloud9 IDE

  • HBuilder

  • Nuclide

    测试工具

  • Firebug

  • YSlow

  • IEDeveloperToolbar/IETester

  • Fidder

  • chrome Dev Tools

  • Dragonfly

  • DebugBar

  • Venkman

    版本管理

  • GitHub/Gitlab/Bitbucket/Gitorious/GNU Savannah/Launchpad/sourceForge/TeamForge

  • git/SVNMercurial

前端标准/规范

HTTP/1.:RFCs 7230-7235

HTTP/2

ECMAScript6/7

CommonJS Modules/AMD

HTML5/CSS3

Semantic Web

  • MicroData

  • RDFa

    Web Accessibility

  • Role Attribute

  • WCAG

  • WAI-ARIA

    W3C:DOM/BOM/XHTML/XML/JSON/JSONP/…

前端库/框架

Jquery/Underscore/Mootools/Prototype.js

YUI/Dojo/ExtJS/LKISSY

Backbone/KnockoutJS/Emberjs

Batarang AngularJS

Bootstrap

Web Atoms

polymer

Dhytmlx

qooxdoo

React

Brick

   下载方式  

高清思维导图下载

关注下方公众号

回复:web01 

4803604c95238d97f4b5051388e6cd8d.png

长按上方二维码即可关注

回复:web01领取

  相关资料:

思维导图:python字符串

思维导图:4张Python爬虫下载

思维导图:通关python列表

思维导图:git

思维导图:通关python字典

python标准库6张思维导图学明白

思维导图:10个python常用库

7张Python学习路线图:从零基础到就业指导

6张思维导图,带你征服java编程

 
 
 
 
 
 
在线学免费学编程  


http://dida100.com/it

长按2秒学代码学单词

👇戳原文:在线编程

有用就奖励个👍和在看呗~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曾亲桂林

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值