前端技能图谱

Cherry

• 基础
  
  
  • HTML / CSS
  • JavaScript
  • Node.js
  • 正规表达式
  • 数据格式（如JSON、XML）
  • RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）
  • 命令行
    
    
• 中级
  
  
  • ES6 / CoffeScript / TypeScript
  • SCSS / SASS
  • CSS3
  • HTML语义化
  • 面向对象编程
  • 函数式编程
  • MVC / MVVM / MV*
  • 矢量图形 / 矢量图形动画（如SVG）
  • 单页面应用
  • 安全性（如跨域）
  • 授权（如HTTP Basic、JWT等等）
    
    
• 工程化
  
  
  • 代码质量（如JSLint / ESLint / TSLint / CSLint）
  • 代码分析（如Code Climate）
  • 测试覆盖率
  • 构建系统（gulp、grunt、webpack等等）
  • 自动构建（脚本）
    
    
• 兼容性
  
  
  • 跨浏览器测试 （Chrome，IE，Firefox，Safari等等）
  • 跨平台测试（Windows、GNU/Linux，Mac OS等等）
  • 跨设备测试（Desktop，Android，iOS，Windows Phone）
  • 跨版本测试（同一个浏览器的不同版本）
    
    
• 前端特定
  
  
  • CSS / CSS3 动画
  • JavaScript 动画
  • Web字体嵌入
  • Icon 字体
  • 图形和图表
  • CSS Sprite（如glue）
  • DOM操作（如jQuery、React等等）
  • 模板引擎（如JSX、Handlebars、JSP、Mustache等等）
    
    
• 软件工程
  
  
  • 版本管理（如git、svn）
  • 包管理（如npm、bower）
  • 依赖管理
  • 模块化（如CommonJS、WebPack）
    
    
• 调试
  
  
  • 浏览器调试
  • Debug工具
  • Wireshark / Charles抓包
  • 远程设备调试（如Chrome Inspect Devices）
    
    
• 测试
  
  
  • 单元测试
  • 服务测试
  • UI测试
  • 集成测试
    
    
• 性能与优化
  
  
  • PageSpeed / Yslow 优化
  • 加载优化（如gzip压缩、缓存等等）
  • 性能测试（特别是移动Web）
  • 可用性
  • 压缩（如Minify、Uglify、CleanCSS等等）
    
    
• 设计
  
  
  • 切页面
  • 线框图（Wireframe）
  • 响应式设计
  • 网格布局（Grid Layout）
  • Flexbox布局
    
    
• SEO
  
  
  • Sitemap（站点地图）
  • 内部链接建设
  • MicroData / MicroFormat
  • 页面静态内容生成
    
    

Cherry

Web开发书单

• CSS揭秘
  
  作者：Lea Verou
  译者：CSS魔法
  
  
  ★ 豆瓣评分8.1分
  ★ CSS一姐Lea Verou作品，CSS魔法执笔翻译
  ★ Eric Meyer、Jeremy Keith等前端大佬推荐
  
  
  《CSS揭秘》注重实践，揭示了47个鲜为人知的CSS技巧，主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。
  
  
  “如果你想深入探寻CSS的美妙之处、创意之处与智慧之处，那就别犹豫了——赶快翻开这本书吧。它让我爱不释手！”
  
  
  ——Eric A. Meyer，《CSS权威指南》作者
  
  
  “Lea Verou那渊博的学识是无法复制的，但她在这本书中倾囊相授，令我们都有机会一窥CSS的强大威力与神奇魔力。即使你认为自己对CSS已经了如指掌，我保证这本书仍然会让你大开眼界。”
  
  
  ——Jeremy Keith，《JavaScript DOM编程艺术》作者
  http://www.ituring.com.cn/book/1695
• React Native入门与实战
  
  作者：王利华，魏晓军，冯诚祺
  
  
  ★ 国内第一本React Native原创图书，携程框架团队倾力打造
  ★ 详尽基础 + 大量案例，帮助零基础读者实现跨终端App开发
  ★ 移动首选解决方案，前端终极开发利器，一本书玩转React Native
  
  
  《React Native入门与实战》分为4部分，首先简要介绍React Native的开发基础知识，然后介绍React Native的API、组件以及Native扩展和组件的封装，接着介绍App的动态更新和上架过程，最后通过3个案例介绍如何使用React Native开发原生App。
  http://www.ituring.com.cn/book/1762
• React Native开发指南
  
  作者：Bonnie Eisenmen
  译者：黄为伟
  
  
  ★ React Native核心贡献者Brent Vatne强烈推荐
  ★ Twitter公司软件工程师Bonnie Eisenmen撰写
  ★ 应用开发、调试、部署一网打尽
  ★ 图文并茂、讲解详尽，学习起来更轻松
  ★ 一本不容错过的跨平台应用开发实践指南
  
  
  《React Native开发指南》介绍了React Native这款JavaScript框架。在React Native中利用现有的JavaScript和React知识，就可以开发和部署功能完备的、真正原生的移动应用，同时支持iOS与Android平台。除了框架本身的概念讲解之外，还讨论了如何使用第三方库，以及如何编写自己的Java或Objective-C的React Native扩展。
  http://www.ituring.com.cn/book/1846
• JavaScript程序设计
  
  作者：John David Dionisio，Ray Toal
  译者：贾洪峰 李松峰
  
  
  ★ 逐步介绍JavaScript编程所需的全部知识
  ★ 提供大量精心选择的练习，让读者可以即刻测试和运用所学知识
  
  
  《JavaScript程序设计》是专门为计算机编程入门课程设计的，旨在通过从零开始介绍JavaScript编程让读者理解计算机科学的基本思想和原理。主要内容有：计算的相关知识、编程的基本概念、数据、语句、函数、事件、软件架构、分布式计算、图形与动画，此外还探讨了正则表达式、递归、缓存等高级主题。
  http://www.ituring.com.cn/book/1455
• 精通JavaScript开发
  
  作者：Den Odell
  译者：邝健威，厉海洋
  
  
  ★ JavaScript实战指南
  
  
  《精通JavaScript开发》主要内容包括：JavaScript性能、可靠性、稳定性和代码管理分析，面向对象代码的使用，测试和错误处理机制的构建，用AMD和RequireJS管理代码依赖，移动端、游戏和实时通信的JavaScript开发，等等。
  http://www.ituring.com.cn/book/1389
• 学习JavaScript数据结构与算法
  
  作者：Loiane Groner
  译者：孙晓博，邓刚，吴双，陈迪，袁源
  
  
  你将从本书中学到：
  在数组、栈和队列中**、初始化、添加和删除元素；
  创建和使用最复杂的数据结构——图，以及DFS和BFS算法；
  链表、双向链表和循环链表的作用；
  用散列表、字典和集合存储不重复的元素；
  二叉树和二叉搜索树的应用；
  使用冒泡排序、选择排序、插入排序、归并排序和快速排序算法，对数据结构排序；
  使用顺序搜索和二分搜索，搜索数据结构中的元素；
  理解大O表示法、动态规划和贪婪算法的重要性。
  
  
  《学习JavaScript数据结构与算法》首先介绍了JavaScript语言的基础知识，接下来讨论了数组、栈、队列、链表、集合、字典、散列表、树、图等数据结构，之后探讨了各种排序和搜索算法，包括冒泡排序、选择排序、插入排序、归并排序、快速排序、顺序搜索、二分搜索，最后还介绍了动态规划和贪心算法等常用的高级算法及相关知识。
  http://www.ituring.com.cn/book/1613
• JavaScript网页动画设计
  
  作者：Julian Shapiro
  译者：王沛
  
  
  ★ 业界最先进的动画库Velocity.js作者作品
  ★ 揭秘开发人员如何用动画轻松提升用户体验
  ★ 实现视觉上效果震撼、技术上易于维护的动画效果
  
  
  《JavaScript网页动画设计》共8章，以作者开发的动画库Velocity.js为工具，探讨了JavaScript动画的特点和工作流方面的优势，涵盖文本动画、SVG、动画性能等问题。
  http://www.ituring.com.cn/book/1661
• JavaScript Web应用开发
  
  作者：Nicolas Bevacqua
  译者：安道
  
  
  ★ 构建先行、设计干净、可测试、结构良好的JavaScript应用
  ★ 介绍用于提升应用质量和改进开发流程的技术
  
  
  《JavaScript Web应用开发》首先会教你如何制定能优化产品质量的过程，制定好过程后，每次修改代码后都会执行一些任务，每次提交后都会运行测试，还能自动部署。还会集中介绍如何设计模块化的组件，以及如何使用这些组件构建健壮的应用。主要分两大块，首先是以构建为目标实现JavaScript 驱动开发，其次介绍如何管理应用设计过程中的复杂度，包括模块化、MVC、异步代码流、测试以及API 设计原则。
  http://www.ituring.com.cn/book/1636
• 全端Web开发：使用JavaScript与Java
  
  作者：Casimir Saternos
  译者：王群锋，杜欢
  
  
  ★ 前后端程序员必备指南，全面讲解最新的C/S应用开发范式
  
  
  《全端Web开发：使用JavaScript与Java》以Java和JavaScript这两种最流行的服务器与客户端开发环境为例，全面讲解最新的C/S应用开发范式。还通过各种实例进一步强化认知。
  http://www.ituring.com.cn/book/1489
• MEAN Web开发
  
  作者：Amos Q. Haviv
  译者：陈世帝
  
  
  ★ 利用MEAN实现JavaScript全栈开发。全栈工程师的必读之书
  
  
  《MEAN Web开发》从MEAN 的核心框架开始，详细阐述每一种框架的关键概念，如何正确地设置它们，以及如何用流行的模块把它们连接在一起。通过实例练习，搭建出自己的MEAN 应用架构，通过添加认证层，开发MVC 架构支持自己的项目开发。最后，学会使用不同的工具和框架加快你的日常开发进程。
  http://www.ituring.com.cn/book/1536
• 学习响应式设计
  
  作者：Clarissa Peterson
  译者：文巍
  
  
  ★ 了解最新最全面的响应式设计原理、技术、策略与流程
  
  
  《学习响应式设计》分为四部分，第一部分介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、必备的HTML和CSS知识、图像处理，以及响应式设计的核心：媒体查询。第三部分带大家全面了解响应式设计的工作流程，从用户体验的角度探讨响应式设计，确保网站在各种设备上的适应性和功能完备性。第四部分深入探讨需特别考虑的设计元素，包括文字排版、响应式导航和页头，以及响应式设计的一大问题：性能。
  http://www.ituring.com.cn/book/1188
• HTML5与WebGL编程
  
  作者：Tony Parisi
  译者：潘征
  
  
  ★ Web 3D标准先驱作品；循序渐进上手产品级3D应用开发
  
  
  《HTML5与WebGL编程》主要讲解如何运用HTML5及CSS3、WebGL等相关技术，开发出具有极强视觉冲击力的、高性能的3D Web应用。讲解如何使用工具、框架和库，在桌面和移动浏览器中创建出3D模型和动画、令人惊叹的视觉效果以及出色的用户交互。
  http://www.ituring.com.cn/book/1503
• SVG精髓（第2版）
  
  作者：J. David Eisenberg，Amelia Bellamy-Royds
  译者：易郑超，何鹏飞
  
  
  ★ Web开发和设计人员必备手册，透彻讲解SVG的技术细节
  
  
  用《SVG精髓（第2版）》学习简单的SVG应用，如绘制线条，然后逐步探索复杂的特性，比如滤镜、变换、渐变和图案等。
  
  
  这是第2版，第2版扩展了动画、交互式图形以及SVG编程等内容。交互式的在线示例让人很容易在Web浏览器中实验SVG的特性。还为经验丰富的设计师准备了6个附录，解释了XML标记和CSS样式等基本概念，因此即使没有网页设计的经验，也可以开始学习SVG。
  http://www.ituring.com.cn/book/1542