前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码，所以我们要学习一些设计软件的基础操作和切图方法。
photoshop 运用最广泛的设计软件，大部分人都在用它，很有必要学习一下前端工程师必备的ps技能——切图篇sketch 轻量且功能强大，切图迅速高效，为ui设计而生的mac appsketch切图教程编辑器
工欲善其事，必先利其器。可以用的编辑器和ide有很多，在这里我只推荐最棒的两个。
sublime text 最性感的编辑器，搭配插件各种好用配置和使用方法webstorm 功能强大，学生可以免费用的前端开发ide代码管理
不光要学会写代码，也要学会管理你的代码。在工作中你可能会遇到需要自己部署代码的情况；不停地修改迭代重构，当然也需要你掌握版本控制软件。
linux 你需要学会在命令行打开移动复制文件等最基本的操作linux最常用的20条命令鸟哥的linux私房菜——基础篇git 写代码一定会用到的版本控制软件，入门很快就能学会猴子都能懂的git入门测试工具
预览和调试必不可少，编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。
chrome dev tools 谷歌浏览器开发工具，想要预览调试你的前端页面必须在这里啦
基础知识htmlmdn的html入门html30分钟快速入门cssmdn的css入门教程学习css布局javascriptjavascript菜鸟教程慕课网javascript入门篇web当你在浏览器中输入google.com并按下回车后发生了什么互联网协议入门中级知识html5mdn的html5入门教程网易云课堂html5入门css3css3菜鸟教程gitbook的css3教程style guide腾讯alloteam前端代码规范百度ecomfe前端代码规范google html/css style guidegoogle javascript style guideresponsive design响应式设计指南自适应网页设计——阮一峰什么是响应式web设计？怎样进行？web animationcss动画canvas动画教程learn to create animations in javascriptbootstrapbootstrap菜鸟教程慕课网玩转bootstrapjqueryjquery菜鸟教程慕课网jquery基础ajaxjquery ajax快速入门jquery ajax全解析高级知识w3c标准web platform docsecma6阮一峰ecmascript6入门测试
fex前端自动化测试探索测试框架mocha实例教程karma和jasmine自动化单元测试自动化构建
流式自动化构建工具gulp前端工程构建工具fisweb项目脚手架生成工具yeoman用yeoman和angularjs做web应用模块/包管理
npmnpm使用介绍快速搭建 node.js 开发环境以及加速 npmsea.js5分钟上手sea.jsrequirejses6模块预处理器
hamltutorialhtml代码简写法：emmet和hamlsasssass入门typescripttypescript handbook（中文版）框架react入门实例教程vuevue.js教程angular服务器端nodejsnode入门7天学会nodejsmongodbnodejs与mongodb交互技能图谱stuq技能图谱frontend knowledge structure在线资源大前端导航frontend stufffrontend directoryfrontend interview questions在线教程菜鸟教程极客学院wikimozilla开发者网络front-end-web-development on treehouselearn to code advanced html/css在线书籍front-end developer handbookfront-end databasefrontend notebook推荐书目基础
深入浅出html与css、xhtmlhtml & css设计与构建网站pro git中文版鸟哥的linux私房菜中级
head first html5 programmingjavascript权威指南javascript语言精粹javascript & jquery交互式web前端开发深入浅出ajax高级
javascript高级程序设计html5高级程序设计css权威指南深入浅出node.js