前端工程师必备技能汇总

简介:

项目起源

还记得@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]

相关文章
|
7月前
|
移动开发 前端开发 JavaScript
前端开发人员必须了解的七大技能图谱
前端开发人员必须了解的七大技能图谱
132 1
|
2月前
|
前端开发 API 开发者
🥇前端宝藏:多项目掌握技能的冒险之旅🏆
在前端开发的学习旅程中,实践是提升技能的关键。本文介绍了多个前端项目,包括计算器、天气应用、经典游戏等,涵盖了从React到Svelte的各种技术栈。每个项目都附有在线演示和源代码,旨在帮助读者深入理解实现细节,激励更多人参与实际项目开发。通过这些项目,读者可以将理论知识转化为实践,拓展职业机会。
20 0
|
4月前
|
存储 前端开发 JavaScript
高级前端必备技能
【8月更文挑战第17天】高级前端必备技能
42 1
|
4月前
|
存储 前端开发 JavaScript
数组操作大揭秘:Web前端开发者必备技能!
【8月更文挑战第23天】本文介绍了JavaScript中数组的基本操作方法,包括创建、添加、删除元素、获取数组长度与特定索引的元素、修改元素以及判断元素是否存在等。此外还展示了如何利用 `concat()` 方法或扩展运算符合并数组。这些实用示例有助于前端开发者更好地理解和应用数组。
33 0
|
5月前
|
移动开发 前端开发 JavaScript
高级前端工程师必备的技能
【7月更文挑战第8天】 **高级前端工程师**精通HTML5/CSS3/JavaScript,擅长React、Vue等框架,掌握性能优化、代码质量保证,能设计可扩展架构,处理前端安全,熟悉跨平台开发,持续学习新技术并领导团队,是技术与管理的结合体。他们对提升用户体验和推动技术创新起关键作用。
531 12
|
7月前
|
前端开发 JavaScript NoSQL
从前端到后端:构建全栈开发者的必备技能
随着互联网技术的不断发展,全栈开发者的需求日益增长。本文将介绍如何从前端到后端,掌握全栈开发所需的关键技能,包括前端框架的选择、后端语言的学习以及数据库的应用,帮助读者构建成为全面的技术专家。
|
存储 SQL 前端开发
全栈工程师必须要掌握的前端JavaScript技能
作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL ,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公司中,职能划分并不明确,往往要一个人前后端全都会做, 所以作为一名全栈工程师或者后端工程师,掌握必备的前端知识,也是必不可少的一项技能。今天就着重讲解一下,作为一名全栈工程师,前端JavaScript方面的必须要掌握的相关知识。
121 0
|
7月前
|
前端开发 JavaScript API
|
7月前
|
Web App开发 JavaScript 前端开发
【Node.js】大前端技能最通俗易懂的讲解 快速入门必看
【Node.js】大前端技能最通俗易懂的讲解 快速入门必看
92 0
|
7月前
|
XML 前端开发 JavaScript
从Vue2到Vue3, 一键升级前端开发技能
本文的目的,是为了让已经有 Vue2 开发经验的 人 ,快速掌握 Vue3 的写法。