Cherry 发表于 2016-8-8 12:39:17

前端技能图谱


[*]基础

[*]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 发表于 2016-8-8 16:43:50

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


页: [1]
查看完整版本: 前端技能图谱