前端工程师必备技能储备

前端开发知识结构

前端工程师
- 浏览器
  - IE6/7/8/9/10/11 (Trident)
  - Firefox (Gecko)
  - Chrome/Chromium (Blink)
  - Safari (WebKit)
  - Opera (Blink)
- 编程语言
- 切页面
- 开发工具
  - 编辑器和IDE
    - VIM/Sublime Text2
    - Notepad++/EditPlus
    - WebStorm
    - Emacs EmacsWiki
    - Brackets
    - Komodo IDE / Edit
    - Eclipse
    - Visual Studio
    - NetBeans
    - Cloud9 IDE
  - 调试工具
  - 版本管理
    - Git/SVN/Mercurial
    - Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge
- 代码质量
  - Coding style
  - 单元测试
    - QUnit/Jasmine
    - Mocha/Should/Chai/Expect
    - Unit JS
  - 自动化测试
    - WebDriver/Karma Runner/Sahi
    - phantomjs
- 前端库/框架
  - jQuery/Underscore/Mootools/Prototype.js
  - YUI3/Dojo/ExtJS/KISSY
  - Backbone/KnockoutJS/Emberjs
  - AngularJS
    - Batarang
  - Bootstrap
  - Semantic UI
  - Juice UI
  - Web Atoms
- 前端标准/规范
- 性能
- 编程知识储备
  - 数据结构
  - OOP/AOP
  - 原型链/作用域链
  - 闭包
  - 编程范型
  - 设计模式
  - Javascript Tips
- 部署流程
  - 压缩合并
  - 文档输出
    - JSDoc
    - Dox/Doxmate/Grunt-Doxmate
  - 项目构建工具
    - make/Ant
    - GYP
    - Grunt
    - Yeoman
    - FIS
    - Mod
- 代码组织
  - 类库模块化
    - CommonJS/AMD
    - YUI3模块
  - 业务逻辑模块化
    - bower/component
  - 文件加载
    - LABjs
    - SeaJS/Require.js
  - 模块化预处理器
    - Browserify
- 安全
  - CSRF/XSS
  - ADsafe/Caja/Sandbox
- 移动Web
  - HTML5/CSS3
  - 响应式网页设计
  - Zeptojs/iScroll
  - V5/Sencha Touch
  - PhoneGap
  - jQuery Mobile
- 前沿技术社区/会议
  - D2/WebRebuild
  - NodeParty/W3CTech/HTML5梦工厂
  - JSConf/沪JS(JSConf.cn)
  - QCon/Velocity/SDCC
  - JSConf/NodeConf
  - CSSConf
  - YDN/YUIConf
  - HybridApp
  - WHATWG
- 计算机知识储备
  - 编译原理
  - 计算机网络
  - 操作系统
  - 算法原理
  - 软件工程/软件测试原理
- 软技能
  - 知识管理/总结分享
  - 沟通技巧/团队协作
  - 需求管理/PM
  - 交互设计/可用性/可访问性知识
- 可视化
  - SVG/Canvas/VML
  - SVG: D3/Rapha?l/Snap.svg/DataV
  - Canvas: CreateJS/KineticJS

后端工程师

编程语言
- C/C++/Java/PHP/Ruby/Python/…
网页服务器
- Nginx
- Apache
- Lighttpd
数据库
- SQL
- MySQL/PostgreSQL/Oracle
- MongoDB/CouchDB
数据缓存
- Redis
- Memcached
文件缓存/代理
- Varnish
- Squid
操作系统
- Unix/Linux/OS X/Windows
数据结构

前端书籍推荐

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

CSS

JavaScript

版本控制工具

版本控制之道 (git)★★
Git权威指南★★★★

后端书籍推荐

Linux管理

Linux编程

C/C++

前端工作面试

前端工作面试问题

时间： 2024-11-09 22:45:57

前端工程师必备技能储备的相关文章

前端工程师必备技能汇总

首先,看一张前端知识结构图: (原文: ithomer) 图片的形式具有诸多的不便.缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目.我们可以通过协作的方式来共同维护这个项目.Git的历史记录也可以见证前端行业的一些变迁. 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目). 前端开发知识结构前端工程师浏览器 IE6/7/8/9/10/11 (Trident) Firefox (

前端工程师必备技能

前端工程师必备技能金刚前端前端工程师今天在技术群里看到几张讲前端的图片,好棒,记录下.以后慢慢扩展相关领域. 前端技术汇总.jpg 前端工程师所需要掌握的技能.jpg 前端工程师所需要掌握的技能.jpg

web前端工程师必备技能汇总

web前端知识结构图. 图片的形式具有诸多的不便.缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个github项目.我们可以通过协作的方式来共同维护这个项目.Git的历史记录也可以见证前端行业的一些变迁. 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目). 前端开发知识结构前端工程师 SVG/Canvas/VML SVG: D3/Raphaël/Snap.svg/DataV Canvas: Cre

React 源码深度解析高级前端工程师必备技能完整教程百度云

原文配套资源获取链接:点击获取第1章课程导学对课程整体进行讲解. 1-1 课程导学第2章基础知识 React API 一览 React主要API介绍,在这里你能了解它的用法,为下一章源码分析打基础. 2-1 准备工作 2-2 JSX到JavaScript的转换 2-3 react-element 2-4 react-component 2-5 react-ref 2-6 forward-ref 2-7 context 2-8 concurrent-mode 2-9 suspense-a

React源码深度解析高级前端工程师必备技能

String 课程地址 = " http://icourse8.com/reactyuanma.html "; 章节信息第1章课程导学第2章基础知识 React API 一览第3章 React中的更新第4章 Fiber Scheduler 第5章各类组件的Update 第6章完成节点任务第7章 commitRoot 第8章功能详解:基础第9章 suspense and priority 第10章功能详解:Hooks 第11章课程总结 class Solution

解读前端开发工程师必备技能

看到这个标题的大都是前端开发边缘的同学,有多少能直言不讳的说自己是前端工程师呢?不是打击谁谁谁,而是我们需要反思一个问题:什么才是真正意义上的前端开发呢? 前端开发这个职业始于几年前,至今已发展的初步成熟了.如果你打算进入这个行业,你要做好的准备,因为要学的要懂得的实在不少:如果你已经在这个行业一两年了,也请你不要放弃对前端开发的继续追寻和研究:更老一点的,浩子也就不能说什么了,是你们让更好的前端发展至今,在此抱以感激! 上述一段,也就是把前端的开发者总概了一下,下面我们来看看前端需要什么技能?

web前端开发工程师必备技能

看到这个标题的大都是前端开发边缘的同学,有多少能直言不讳的说自己是前端工程师呢?不是打击谁谁谁,而是我们需要反思一个问题:什么才是真正意义上的前端开发呢? 前端开发这个职业始于几年前,至今已发展的初步成熟了.如果你打算进入这个行业,你要做好的准备,因为要学的要懂得的实在不少:如果你已经在这个行业一两年了,也请你不要放弃对前端开发的继续追寻和研究:更老一点的,也就不能说什么了,是你们让更好的前端发展至今,在此抱以感激! 上述一段,也就是把前端的开发者总概了一下,下面我们来看看前端需要什么技能?

【PS切图】前端工程师必备,但又无需精通的一项技能。

前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能. 前端切图四大面板:在“窗口”菜单下开启 1,信息(手动开启)2,字符(手动开启)3,历史记录(手动开启)4,图层(默认开启) PS首选项设置: 编辑->首选项->单位与标尺,选改为像素. PS 技能需求.工具需求: 常用快捷键图片格式 ( PSD | JPG/GIF/PNG) JPG/GIF/PNG的应用 PSD测量注意事项: 文字右方和下方会有1像素的默认间隙:

sublime text3 --前端工程师必备神器

sublime text3 --前端工程师必备神器导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案如何使用自定义的快捷键快速在浏览器中打开html文件 sublime text3 下载安装与 Emmet插件的安装对于前端工程师来说,sublime text3绝对是神器,Emmet插件通过自动补齐可以大大提高我们的开发效率. 第一步:进入官网下载sublime text3.比如对于