前端开发者手册

 主页   资讯   文章   代码   电子书 

前端开发的技术栈

front-end dev skills

对于任何类型的前端开发人员, HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器利用是基本的技术要求.

对于HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器开发之外的, 一个前端开发者还应该掌握下面技术列表中的一个或多个:

  • Content Management System (内容管理系统, 又称 CMS)
  • Node.js
  • Cross-browser testing (跨浏览器测试)
  • Cross-platform testing (跨平台测试)
  • Unit Testing (单元测试)
  • Cross-device testing (跨设备测试)
  • Accessibility / WAI-ARIA (无障碍访问/无障碍富Internet应用程序)
  • Search Engine Optimization (搜索引擎优化, 又称 SEO)
  • Interaction or User Interface design (交互或用户设计)
  • User Experience (用户体验)
  • Usability (可用性/易用性)
  • E-commerce Systems (电子商务系统)
  • Portal Systems (门户系统)
  • Wireframing (框架)
  • CSS layout / Grids (CSS 布局/栅格系统)
  • DOM manipulation (e.g. jQuery) (DOM 操作)
  • Mobile Web Performance (移动Web性能)
  • Load Testing (载荷测试)
  • Performance Testing (性能测试)
  • Progressive Enhancement / Graceful Degradation (渐进增强/优雅降级)
  • Version Control (e.g. GIT) (版本控制)
  • MVC / MVVM / MV (MV 框架)
  • Functional Programming (函数式编程)
  • Data Formats (e.g. JSON, XML) (数据格式)
  • Data API's (e.g Restful API) (数据API)
  • Web Font Embedding (Web字体嵌入)
  • Scalable Vector Graphics (可伸缩向量图形, 又称 SVG)
  • Regular Expressions (正则表达式)
  • Content Strategy (内容策略)
  • Microdata / Microformats (微数据/微格式)
  • Task Runners, Build Tools, Process Automation Tools (任务管道, 构建工具, 过程自动化工具)
  • Responsive Web Design (响应式设计)
  • Object Oriented Programming (面向对象编程)
  • Application Architecture (应用架构)
  • Modules (模块)
  • Dependency Managers (依赖关系管理)
  • Package Managers (包管理)
  • JavaScript Animation (JavaScript 动画)
  • CSS Animation (CSS 动画)
  • Charts / Graphs (图表/图形)
  • UI widgets (UI工具集)
  • Code Quality Testing (代码质量测试)
  • Code Coverage Testing (代码覆盖测试)
  • Code Complexity Analysis (代码复杂度测试)
  • Integration Testing (集成测试)
  • Command Line / CLI (命令行/命令行界面)
  • Templating Strategies (模板策略)
  • Templating Engines (模板引擎)
  • Single Page Applications (单页应用)
  • XHR Requests (aka AJAX) (XHR 请求, 又称 AJAX)
  • Web/Browser Security (Web/浏览器安全)
  • HTML Semantics (HTML 语义化)
  • Browser Developer Tools (浏览器开发者工具)

译者补充:

front-end-skills1

front-end-skills2