前端工程师必备技能

干货分享！前端工程师必备技能包括编程知识储备、计算机知识储备、软技能、移动Web、代码组织、可视化、安全、性能、部署流程、SEO、代码质量、浏览器、编程语言、切页面、开发工具、前端标准/规范、前端库/框架。

前端工程师必备技能

• 编程知识储备
  • 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
• 代码质量
  • 单元测试
    • 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