前端工程师必备技能汇总

    xiaoxiao2023-08-06  150

    项目起源

    还记得@jayli 的这幅前端知识结构图么。

    前端知识结构

    图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个github项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。

    尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目)。

    前端开发知识结构

    前端工程师

    SVG/Canvas/VML

    SVG: D3/Raphaël/Snap.svg/DataV

    Canvas: CreateJS/KineticJS

    知识管理/总结分享

    沟通技巧/团队协作

    需求管理/PM

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

    编译原理

    计算机网络

    操作系统

    算法原理

    软件工程/软件测试原理

    D2/WebRebuild

    NodeParty/W3CTech/HTML5梦工厂

    JSConf/沪JS(JSConf.cn)

    QCon/Velocity/SDCC

    JSConf/NodeConf

    CSSConf

    YDN/YUIConf

    HybridApp

    HTML5/CSS3

    响应式设计

    Zeptojs/iScroll

    V5/Sencha Touch

    PhoneGap

    jQuery Mobile

    CSRF/XSS

    ADsafe/Caja/Sandbox

    类库模块化

    业务逻辑模块化

    文件加载

    模块化预处理器

    CommonJS/AMD

    YUI3模块

    bower/component

    LABjs

    SeaJS/Require.js

    Browserify

    压缩合并

    文档输出

    项目构建工具

    YUI Compressor

    Google Clousure Complier

    UglifyJS

    CleanCSS

    JSDoc

    Dox/Doxmate/Grunt-Doxmate

    make/Ant

    GYP

    Grunt

    Yeoman

    FIS

    Mod

    数据结构

    OOP/AOP

    原型链/作用域链

    闭包

    函数式编程

    设计模式

    Javascript Tips

    JSPerf

    YSlow 35 rules

    PageSpeed

    HTTPWatch

    DynaTrace's Ajax

    高性能JavaScript

    HTTP1.1

    ECMAScript3/5

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

    CommonJS Modules/AMD

    HTML5/CSS3

    jQuery/Underscore/Mootools/Prototype.js

    YUI3/Dojo/ExtJS/KISSY

    Backbone/KnockoutJS/Emberjs

    AngularJS

    Bootstrap

    Semantic UI

    Batarang

    Coding style

    单元测试

    自动化测试

    JSLint/JSHint

    CSSLint

    Markup Validation Service

    QUnit/Jasmine

    Mocha/Should/Chai/Expect

    WebDriver/Karma Runner/Sahi

    phantomjs

    IDE

    调试工具

    版本管理

    VIM/Sublime Text2

    Notepad++/EditPlus

    WebStorm

    Emacs EmacsWiki

    Brackets

    Firebug/Firecookie

    YSlow

    IEDeveloperToolbar/IETester

    Fiddler

    Chrome Dev Tools

    Git/SVN

    Github/Bitbucket/Google Code

    HTML/HTML5

    CSS/CSS3

    PhotoShop/Paint.net/Fireworks

    JavaScript/Node.js

    CoffeeScript

    TypeScript

    IE6/7/8/9/10/11

    Firefox

    Chrome/Safari/Opera

    浏览器

    编程语言

    切页面

    开发工具

    代码质量

    前端库/框架

    前端标准/规范

    性能

    编程知识储备

    部署流程

    代码组织

    安全

    移动Web

    前沿技术社区/会议

    计算机知识储备

    软技能

    可视化

    后端工程师

    Unix/Linux/OS X/Windows

    Varnish

    Squid

    Redis

    Memcached

    SQL

    MySQL/PostgreSQL/Oracle

    MongoDB/CouchDB

    Nginx

    Apache

    C/C++/Java/PHP/Ruby/Python/...

    编程语言

    服务器

    数据库

    数据缓存

    文件缓存/代理

    操作系统

    数据结构

    前端书籍推荐

    越少越简单,越适合入门,多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

    CSS

    Eric Meyer 谈 CSS(卷二)

    CSS权威指南 (第3版)

    精通CSS

    JavaScript

    JavaScript DOM编程艺术 (第2版)

    JavaScript高级程序设计(第3版)

    锋利的jQuery

    高性能JavaScript

    JavaScript语言精粹

    JavaScript权威指南

    编写可维护的JavaScript

    JAVASCRIPT语言精髓与编程实践

    Effective Javascript

    Secrets of the JavaScript Ninja

    JavaScript模式

    JavaScript设计模式

    基于MVC的JavaScript Web富应用开发

    版本控制工具

    版本控制之道 (git)

    Git权威指南

    后端书籍推荐

    Linux管理

    Linux 系统管理技术手册

    鸟哥的 Linux 私房菜

    Linux 101 Hacks

    UNIX Shell Scripting

    The Linux Command Line

    Linux编程

    Linux程序设计

    Linux系统编程

    Unix环境高级编程

    Unix编程艺术

    The Linux Programming Interface

    程序员的自我修养

    深入理解Linux内核

    Unix网络编程

    TCP/IP高级编程

    C/C++

    Linux C编程一站式学习

    C和指针

    C陷阱与缺陷

    C专家编程

    C语言核心技术

    彻底搞定C指针

    征服C指针

    C++编程思想

    高质量程序设计指南---C/C++语言

    Inside the C++ Object Model

    文章转载自开源中国社区 [http://www.oschina.net]

    相关资源:敏捷开发V1.0.pptx
    最新回复(0)