前端工程师需要的素质
切页面
- HTML
- CSS
- PS
编程语言
- JS
- PHP/Python/Perl/BsshShell
- NodeJS/FlashAS
调试工具
- Firebug/Firbug-lite/Web inspector
- YSlow/Smushit
- IEDeveloperToolBar/IETester
- SuperPreview/JsBeautifier
- Fiddler/WireShark/Tcpdump
开发工具
- Webstrom/VIM/Aptana/Notpad++/EditPlus
- SygWin/svn/git
计算机知识储备
- 编译原理、计算机网络
- 操作系统、算法原理
- 软件工程、软件测试原理
前端标准规范
- w3c/DOM/BOM/XHTML/XML/JSON/JSONP
- HTML5/CSS3
- ECMScript/ECMAScript6
- CommonJS/AMD
- HTTP1.1
性能
- WebPageTest
- ShowSlow/YSlow/34Rule
- PageSpeed
- HttpWacth
- DynaTrace`s Ajax
编程知识储备
- 数据结构
- 面向对象/切面编程
- 函数式编程
- JS设计模式
- js编程模式
浏览器兼容性
- Chrome/Opeara/Safari
- Firefox3.6/4/5/6/7/8…
前端框架/库
- jQuery/YUI2/YUI3
- Prototype/Mootoos/ExtJS
- Smarty/Djanggo/Zend
- YUITest/QUnit/Jasmine
- 前端测试、前端MVC
开发流程
- JSLint/CSSlint/YUICompressor
- JSMin/TPacker-minilier
- Ant/Make
- JSDoc/YUIDoc
- LAMP
软技能
- 知识管理/总结分享
- 沟通技巧/团队开发/需求管理/PM
- 代码模块化管理/代码版本管理
- 交互设计/可用性/可访问性知识
安全
- CSFR/XSS
- ADsafe/Caja/FBJS/Sandbox
移动终端
- jQueryMobile/html5/css3
- iPhone/iPad/iPs/android
- responsive UI Design
前沿技术社区/会议
- YDN/YUIConf/JSConf
- QCon/Velocity
- D2/WebRebuild
- NodeParty/html5研究小组
- UED teams
Web服务
- YQL/Commpany Open Platform
- APP Engine/Cloud
- Google Open API/Github
前端必会技能与参考网站与书籍
前端必会
浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera Edge
- HTTP协议URI Cache Session Cookie Request Response
- HTMLW3C HTML4.01 HTML5 DOM 语义化
- CSSCSS1~3 选择器 盒模型 Flex 媒体检测 响应式 渲染引擎
- JavaScriptEcmaScript3~5~6 Lexical-scope prototype-chain AJAX js引擎
- 编辑器Emacs Vim WebStorm Atom Sublime-Text
- 发布部署合并 压缩 单元测试 Node.js Grunt Gulp Yeoman Phantom JSLint
- 框架类库jQuery Zepto UnderScore Backbone Knockout React AngularJS
- 模块管理CommonJS Webpack
- UI框架BootStrap SemanticUI jQueryUI Foundation
- 推送技术WebSocket 轮询 长连接
- 跨域技术iframe JSONP CORS
- 数据可视化D3 Echarts HighCharts Canvas
- 异步编程Promise $.Deferred Generator
- CSS预处理器LESS SASS Stylus
- 客户端模板Handlebars Haml Jade Mustache
- 相关语言CoffeeScript TypeScript Dart
- WebAssemblyWebApp/PCReact-native ionic以上提到的这些,几乎成了前端程序员的标配了,
前端网站与书籍
JavaScript权威指南
JavaScript高级程序设计>
JavaScript语言精粹
JavaScript模式
JavaScript DOM高级程序设计
高性能JavaScript编程
JavaScript异步编程
JavaScript忍者的秘密
基于MVC的JavaScript Web富应用开发
jQuery权威指南
犀利开发jQuery内核详解与实践
jQuery Mobile权威指南
用AngularJS开发下一代Web应用
Node.js开发指南
高性能网站建设指南
响应式Web设计
快速软件开发
测试驱动开发
面向模式的软件架构