互联网的快速发展和激烈竞争,用户体验成为一个主要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,哀求也越来越高,精良的前端工程师更是稀缺。个人觉得前端入门相对随意马虎,但是也须要系统地负责学习,在打好根本后坚持学习,成为精良前端工程师也只是韶光问题。
学习任何知识最主要的都是兴趣,如果经由一段韶光的学习觉得不喜好,那可能强制自己学习是很痛楚的,效果也不会好,毕竟这很可能便是往后很多年生存的技能。不过随着互联网行业的发展,前端一定是Web开拓职员须要学习的知识,有时候是没有专业前端工程师一起互助的,以是纵然不做专门的前端工程师,节制基本的前端技能为事情带来方便。
以下是个人以为入门阶段该当闇练节制的根本技能:
HTML4,HTML5语法、标签、语义
CSS2.1,CSS3规范,与HTML结合实现各 种布局、效果
Ecma-262定义的javascript的措辞核心,原生客户端javascript,DOM操作,HTML5新增功能
一个成熟的客户端javascript库,推举jquery
一门做事器端措辞:如果有做事器端开拓履历,利用已经会的措辞即可,如果没有做事器端开拓履历,熟习Java可以选择Servlet,不熟习的可以选PHP,能实现大略上岸注册功能就足够支持前端开拓了,后续可能须要连续学习,最基本哀求是实现大略的功能仿照,
HTTP
在节制以上根本技能之后,事情中碰着须要的技能也能快速学习。
基本开拓工具
恰当的工具能有效提高学习效率,将重点放在知识本身,在涌现问题时能快速定位并 办理问题,以下是个人以为必备的前端开拓工具:
文本编辑器:推举Sublime Text,支持各种插件、主题、设置,利用方便
浏览器:推举Google Chrome,更新快,对前端各种标准供应了非常好的支持
调试工具:推举Chrome自带的Chrome develop tools,可以轻松查看DOM构造、样式,通过掌握台输出调试信息,调试javascript,查看网络等
赞助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner比拟尺寸,以及前面的到的Chrome develop tools,
FQ工具:lantern, 壁虎溜达
学习方法和学习目标
方法:
入门阶段反复阅读经典书本的中文版,书本中的每一个例子都动手实现并在浏览器中查看效果
在具备一定根本之后可以上网搜各种教程、demo,理解各种功能的实际用法和常见功能的实现方法
阅读HTML,CSS,Javascript标准全面完善知识点
阅读前端牛人的博客、文章提升对知识的理解
善用搜索引擎
目标:
熟记前面知识点部分的主要观点,结合学习经历得到自己的理解
熟习常见功能的实现方法,如常见CSS布局,Tab控件等。
入门之路
以下是入门阶段不错的书本和资料
HTML先看《HTML & CSS: Design and Build Websites》1-9章,然后《HTML5: The Missing Manual》1-4章。
CSS先看《CSS: The Missing Manual》,然后《CSS威信指南》
javascript先看《javascript高等程序设计》,然后《javascript威信指南》
HTTP看HTTP威信指南
在全体学习过程中HTML CSS JavaScript会有很多地方须要相互结合,实际事情中也是这样,一个大略的功能模块都须要三者结合才能实现。
动手是学习的主要组成部分,书本重点讲解知识点,例子可能不是很充足,这就须要利用搜索引擎探求一些大略教程,照着教程实现功能。以下是一些比较好的教程网址
可以搜索各大公司前端校招笔试口试题作为练习题或者他人总结的前端口试题还有个人总结的口试题(带参考答案)
http://code.tutsplus.com有各种各样的教程
MDN也有很多教程,更主要的是里面有详细的文档,须要查找某个功能时在Google搜索:xxx site:https://developer.mozilla.org
http://www5rocks.com/zh/也有很多优质教程
http://www.sitepoint.com/
http://alistapart.com/
原生javascript是须要重点节制的技能,在节制原生javascript的根本上推举闇练节制jQuery,在实际事情中用处很大,这方面的书本有《Learning jQuery》或者去jQuery官网
建一个https://github.com/账号,保存平时学习中的各种代码和项目。
有了一定根本之后可以搭建一个个人博客,记录学习过程中碰着的问题和解决方法,方便自己查阅也为其他人供应了帮助。也可以去http://www.cnblogs.com/或者http://www.csdn.net/这样的网站注册账号,方便实用
常常实用Google搜索英文资料该当常常找到来自http://stackoverflow.com/的高质量答案,与到问题可以直接在这里搜索,如果有精力,注册一个账号为别人解答问题也能极大提高个人能力。
经典书本熟读之后,可以打开前面必备根本技能部分的链接。负责读对应标准,全面节制知识
连续提高
有了前面的根本之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
Grunt:前端自动化工具,提高事情效率
less css:精良的CSS预处理器
bootstrap:精良的CSS框架,对没有设计师的团队很不错,与less结合利用效果完美
requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
Node.js:JavaScript也可以做后台,前端工程师地位更上一步
AngularJS:做Single Page Application的好工具
移动端web开拓:智好手机的遍及让移动真个流量正在逐步赶超PC端
Javascript内存管理:SPA长期运行须要把稳内存透露的问题
High Performance JavaScript(Build Faster Web Application Interfaces)
Best Practices for Speeding Up Your Web Site:主要技能
一些个人经历
LingyuCoder的学习经历
上面的大神都总结得差不多了,我这里就胡扯一些吧
工具
chrome dev tools:前端开拓调试利器,着重把稳几个功能:
console(废话)
elements:元素样式调度,很常用
sources:代码中添加断点,单步调试,以及单步调试过程中查看内存中的工具
watch expression:通过表达式查看当前内存中的值
call stack:查看调用栈,开启async,可以看异步调用栈(这个非常有用,尤其是ajax调试的时候)
scope variables:浸染域链上的变量,非常有用
network:抓包查看每个要求,非常主要,前后端联调必备
timeline:剖析渲染、js实行等等各个阶段,性能优化利器
emulation:仿照移动端环境,mobile页面开拓必备
一些插件:
liveload: 修正页面后自动刷新,不用按F5
dimensions:直接在页面上丈量的利器
livestyle:css样式修正后自动起效果,不须要刷新,elements修正后也能同步到代码中
image tool:丈量,取色
UC二维码:移动端调试扫码必备
pagespeed,YSlow:页面性能剖析和优化插件
马克飞象:精良的在线markdown编辑器,快速写周报,做记录
sublime text2:编码方便,插件多,速率快,性能好
emmet:提升html编码速率必备
sublimelinter + 各种措辞的lint和hint:代码纠错
一些snippets:自动补全,提升开拓效率
Intellij IDEA和WebStorm:集成开拓环境,集成了各种功能,开拓比sublime要方便,但会比较吃性能
Mark Men:丈量、取色、标注利器,拿到视觉稿之后第一个打开的软件
GFW Fucker:我用红杏,可以的话买个虚拟做事器当梯子
iHosts:非常精良的hosts管理软件,轻松修正hosts,开拓调试必备
Charles:Mac 平台最好用的抓包剖析工具
Rythem:AlloyTeam出品的代理抓包软件,非常轻量,安装大略,移动端(真机)开拓调试很好用
Wunderlist:一个非常不错的Todo List,任务、需求多的时候管理起来很方便
技能
前真个技能实在除了JavaScript(包括NodeJS)、HTML、CSS以外,还有很多。实在前真个技能树很大,这里只能列一些我开拓中见到的说一说
措辞根本
JavaScript:
浸染域链、闭包、运行时高下文、this
原型链、继续
NodeJS根本和常用API
CSS:
选择器
浏览器兼容性及常见的hack处理
CSS布局的办法和事理(盒子模型、BFC、IFC等等)
CSS 3,如animation、gradient、等等
HTML:
语义化标签
进阶
JavaScript:
异步掌握(Promise、ES6 generator、Async)
模块化的开拓办法(AMD、CMD、KMD等等)
JavaScript阐明器的一些干系知识
异步IO实现
垃圾回收
事宜行列步队
常用框架利用及其事理
jQuery:基于选择器的框架,但个人认为不能叫框架,该当算工具库,由于不具备模块加载机制,个中源码很适宜阅读研讨
AngularJS/Avalon等MVVM框架:着重理解MVVM模式本身的理念和双向绑定的实现,如何解耦
underscore:精良的工具库,方便的理解常用工具代码片段的实现
polymer/React: 组件化开拓,面向未来,理解组件化开拓的事理
CSS和HTML:紧张是CSS3的特性和HTML5的特性,以及浏览器处理的流程和绘制事理
DOM树、CSSOM树、渲染树的构建流程及页面渲染的过程
解析HTML、CSS、JavaScript时造成的壅塞
HTML5干系
SVG及矢量图事理
Canvas开拓及动画事理(帧动画)
Video和Audio
flex box布局办法
icon fonts的利用
常用NodeJs的package:
koa
express
underscore
async
gulp
grunt
connect
request
一些理念:
相应式Web
优雅降级、渐进增强
dont make me think
网页可用性、可访问性、个中的意义
SEO搜索引擎优化,理解搜索引擎的事理
SPA的好处和问题
性能优化:
减少要求数量(sprite、combo)
善用缓存(application cache、http缓存、CDN、localstorage、sessionstorage,备忘录模式)
减少选择器花费(从右到左),减少DOM操作(DOM和JavaScript阐明器的分离)
CSS的回流与重绘
项目
版本管理:首推Git,用过Git都不会想用SVN了
Git:本地版本管理的机制
SVN:远程中央的版本管理机制
自动化构建:紧张便是less、模板、coffee等的预处理以及对代码压缩和合并
Gulp:基于流构建,速率快、模块质量好
Grunt:独立任务构建,速率慢,配置蛋疼,灵巧性高
预处理和模板引擎
less:语法大略,但功能有限
jade、ejs、velocity等模板引擎,各有各的长处
coffee:python工程师最爱,我没用过
环境搭建:紧张是将线上代码映射到本地,并在本地启动一个demo做事器,至于仿照数据的mock,见仁见智了
本地代理:ihosts
自动化测试:在业务较为稳定的情形下,可以通过自动化测试来减少测试的事宜,但需求较多的时候,掩护测试用例的本钱会很高,可能用自动化测试会起到反效果
jasmine
mocha
生态系统
npm
bower
spm
搭建一个属于自己的博客
git pages
hexo
jekyll
未来
Web Componets:面向未来的组件化开拓办法
HTML模板
Shadow DOM
Custom Elements
HTML Import
移动端Native开拓:这也是须要理解的,往后前端工程师会常常地和webview打交道,也要理解native开拓
其他
有些东西不是考敲码就能弄好的,我参与演习的时候感想熏染到了很多,这些是我碰着的也是我觉得自己做的不好的地方
对付业务的思考:我个人这方面非常欠缺,以是放在最前面,在敲码前要多思考业务
互换和沟通能力:这个非常主要,前端同时须要与项目经理、产品、交互、后台打交道,沟通不善会导致很多无用功,延缓项目
知识管理、韶光管理:input和output的平衡,output是最好的input。如何做好分享,参与社区,做好互换,作好记录
对新技能的渴望,以及敢于考试测验
入门书
入门可以通过啃书,但书本上的东西很多都已经由时了,在啃书的同时,也要持续关注技能的新动态。这里推几本我觉着不错的书:
《JavaScript高等编程》:可以作为入门书本,但同时也是高等书本,可以快速接管根本,等到提升再回来重新看
《JavaScript威信指南》:不太适宜入门,但是必备,不理解的地方就去查阅一下,很有帮助
《编写可掩护的JavaScript》和:
《Node.js开拓指南》:不错的Nodejs入门书本
《深入浅出Node.js》:Nodejs进阶书本,必备
《JavaScript异步编程》:理解JS异步的编程理念
《JavaScript模式》和《JavaScript设计模式》:JavaScript的代码模式和设计模式,将开拓思维转变到JavaScript,非常好的书
《JavaScript框架设计》:在用轮子同时,应该知道轮子是怎么转起来的,讲解很详细,从源码级别讲解框架的各个部分的实现,合营一个现有框架阅读,可以学到很多东西
《Dont make me think》:网页设计的理念,理解用户行为,非常不错
《CSS禅意花园》:耐久不衰的一部著作,同样通报了网页设计中的理念以及设计中须要把稳的问题
《高性能JavaScript》和《高性能HTML5》:强调性能的书,个中不但是性能优化,还有很多事理层面的东西值得学习
《HTML5 Canvas核心技能》:我正在读的一本书,对付canvas的利用,动画的实现,以及动画框架的开拓都非常有帮助
《HTTP威信指南》:HTTP协议干系必备,前端开拓调试的时候也会常常涉及到个中的知识
《相应式Web设计》:技能本身不难,主要的是相应式网页的设计理念,以及移动先行的思想
《JavaScript措辞精粹》:老道的书,也是遍及JavaScript的开拓思维的一本好书,非常适宜入门
一些不错的网站
github:没啥好说的,多阅读别人的源码,多上传自己的源码,向天下各地的大牛学习
codepen:感想熏染前端之美的必选之地,里面有很多酷炫的效果和精良的插件
echojs:快速理解js新资讯的网站
stackoverflow和segmentfault:基本上各种问题都能在上面得到解答
google web fundamentals:每篇文章都适宜仔细阅读
static files:开放的CDN,很好用
iconfont:阿里的矢量图标库,非常不错,支持CDN而且支持项目
html5 rocks: 一个不错的网站,很多浏览器的新特性以及前沿的技能,都能在这上面找到文章
css tricks:如何活用CSS,以及理解CSS新特性,这里可以知足你
JavaScript 秘密花园 JavaScript初学必看,非常不错
w3cplus:一个前端学习的网站,里面的文章质量都挺不错的
node school:一个不错的node学习网站
learn git branch:一个git学习网站,交互很棒
前端乱炖:一个前端文章分享的社区,有很多精良文章
正则表达式:一个正则表达式入门教程,非常值得一看
阮一峰的博客和张鑫旭的博客:快速理解某些知识的捷径,但是如果须要深挖,还须要其他的资源
各路大牛的博客:这个太多了,就不贴了,知乎上有很全的
各种规范的官方网站,不睬解时候读规范
进程
以前是做Java SSH的,半路出家做的前端,以是水平比较弱,碰着问题也比较多。基本上入门靠看书和W3C School上的教程,以及一些前端博客,如汤姆大叔的博客。以前也只是利用jQuery,原生js也没有太多的研讨,后来逐渐看了很多本动物书,比如老道的措辞精粹等等。从这些书中学到了很多措辞层面的知识。但这显然是不足的,以是我常常会去社区上看看大家在评论辩论什么,然后去看看干系的资料,感兴趣就会多找些资料看看,或者写一写demo。学CSS紧张便是通过这种办法。后来开始更多的关注各路大牛的博客和一些比较深的书本,以及关注一些新的知识和框架,并且不断地练手提交代码到github,这样也学到了很多知识。在演习的过程中,切身参与到实际项目开拓之中,能学到很多在学校学不到的理念和思维,这点也有很大的帮助。不说了,我要去搬砖求offer了…
MrRaindrop的学习经历
应qiu神的约请分享一下前端学习履历,这里对前端知识体系架构就不做总结了,各位大神们的总结已经相称到位了,我就贡献几个个人认为还比较有用的链接大家研究研究就好,然后紧张分享一下我在前端学习过程中碰着的问题和总结的履历教训吧,如果能帮到想要入门的FE初学者(我就姑且假定为本文的读者受众类型了),让他们少走点弯路,每走一步都知道自己下一步的方向,这是最好了。各位大神的总结和分享详见qiu神整理的FE-learning。
先说下,前端这个东西每个人都可以有适宜自己的学习方法,这篇仅作参考,写的有点乱,各位凑合看。
缘起
我是属于误打误撞进了前端,之前一贯往做游戏的方向去来着,搞过游戏网站,玩过游戏引擎,比如unity,unreal这种商业引擎,捣鼓了几个游戏原型,不过自打研一进了实验室,直接就被导师派去写了js,导师给了我半个月韶光让我写个基于百度舆图api的数据展示页面,虽然这个韶光还是相称宽裕的,不过之前没怎么写过js,也不会用舆图api,于是我就一边啃着《Javascript威信指南》(犀牛书)一边参测验验室古人留下的“代码”,总算是把功能都写出来了。那个页面算我的js入门作了,也是我前端学习路线的开始。
现在想来,虽然指派了去做前端,但是一贯做下去并做好还是得靠兴趣坚持,当然前端是一个意见意义性十足的技能领域,而且社区每天都很“热闹”。
项目,下一个项目
我个人认为前真个学习,初学阶段你可以完备分开开书本,以项目驱动。虽然我个人是从犀牛书开始啃的,不过如果你没有充足的韶光,或者以为啃大部头乏而无味的话,还是别像我这样。当然了如果决定啃书最好是把书里的例子都随着敲一遍的。我上研之前没打仗过js,4月份还没开学呢就被直接被导师甩了个百度舆图api的项目到脸上,接着便是各种ERP,舆图数据展示,虽然换着花样来一点不重样,不过基本上都是前真个活,SSH和android开拓也打过酱油,全体实验室就我一个人写前端敢信?富客户端SPA时期的后端便是一个restful接口,代码量基本都在前端啊,写的我一个人怎一个爽字了得…期间随着导师感想熏染了一把创业,每天从7点搞到晚上10点,也算是经历了一段快速成长期。
节制一门技能先节制它的大体框架,想一个能实现的点子,做一个能跑就行的demo,再去完善它的细节,等到demo完成了,对这门技能有了一个感性的认识,再去啃书,收成会大很多。我从开始原生js写到jquery,再到extjs,再到angularjs,从导师指定技能,到自己做技能选型,一个项目接着一个项目的练,就跟打怪升级似的。当然没有项目就去自己创造项目,动手实现自己的想法是件有乐趣和造诣感的事。
网络癖和知识管理
前端学习有个特点,很多东西都很零星,分散,须要你自己去整理、归纳和总结。在微博、知乎上follow了浩瀚的大神,你不仅仅是为了听八卦,大神们的只言片语有时候留下的是无尽的余味,很有可能一个不经意提到的一个词就成为你下一个学习的目标。网络这些信息,善用google,提问,思考。就像游戏里的网络要素,前端学习也是充满搜集要素的一个“游戏”,只不过你须要一个知识管理工具来充当物品栏和仓库,我所知道的大牛们无一不是知识管理工具的重度利用者。以前用的oneNote,那时候还没绑定到云存储,现在基本上用evernote,条记已经累计到1200+篇。书签一贯打算用delicious,由于它是基于tag管理的,但一贯没用起来。当然重点不在于这些工具,但是趁手的工具可以提高你的学习效率。最关键当然是随时保持兴旺的学习希望,你的目标是理解有关前真个统统(当然不是所有都要节制,由于毕竟你的精力有限,而且现实的说这也不太可能)。
跟对神
这个可控性貌似不大…跟对老大这个就不多说了,一定程度要看造化。不过话说回来,多跟身边的高手互换是王道,这个高手不一定要多高,但是一定要对技能有激情亲切。研一的时候激情亲切飞腾,每天7点进实验室门,然后创造有个家伙居然比我还早到。后来创造这家伙上午就走了,下午又来了,而且导师对此习以为常,原来这家伙晚上不睡觉通宵写代码,上午才跑回去睡。后来常常和这位神谈论问题,每次觉得履历值蹭蹭蹭的往上涨。然后实验室还有一位神,被前面这位通宵神形容为“只能望其项背,一贯在追赶,从来没遇上”,两位神的特点都是什么都理解一点,以是什么都能跟你谈论得起来,我有段韶光做了个读书操持,从c/c++到vc/mfc再到unix网络编程,末了一起看到java核心技能和MSDN上的C#编程指南,和神们也能扯得很high了。
总之便是这两位神把我拉进了坑,或者说从一个坑跳进另一坑,虽然两位神都不是搞前真个,不过技能之间总有相通之处。
读书
读书,多读书,读好书。在刘未鹏的博客里看到过一个公式,你第一个月的人为即是之前买过(读过)的技能书价格总和(这里说的技能书指那些经典的公认的好书)。谈论这个公式的精确性彷佛没什么意义,然而它的合理性是毋庸置疑的,那便是多读经典技能书。最极度的一个例子,google的徐宥在我的大学里面说他扫荡了图书馆的全体TP312书架…对付前真个经典书本,后面列了一个我网络的前端书列(如果有遗漏的前端经典好书,还请留言见告我),有条件可以考试测验刷一遍这些书,我也是在找完全的韶光去啃完它们。之前说的,前端知识点疏松,网络零散的知识点,从博客里快速学习等,这些只是前端学习的一个方面,如果你要想深入理解一个知识体系,理解它的来龙去脉,对它建立系统认识,读经典书还是必不可少的。
我从最开始啃完犀牛书,然后接着去看了其他一些和前审察干不大的经典技能书,再后来通过实验室的项目和自己弄的一些小项目逐渐对前端领域比较上路往后,又看了《Javascript模式》、《Javascript设计模式》、《编写可掩护的Javascript》,后来理解到node并开始用node搞点小玩意儿,又看了本《NodeJS up and run》和《Mongodb威信指南》,不过觉得前者略坑。那会儿朴灵那本深入浅出(晒书么么哒)还没出,后来出了就去图书馆借来看完,这么看下来觉得还不错,不过觉得看的还是偏少了,还须要连续刷(参照上面的书列)。
前真个定位
前真个定位关乎到你须要接管什么样的知识和技能,决定在技能天下里你对什么须要格外敏感。如果你认为前端仅仅勾留在切页面,实现交互和视觉的哀求,那你对前真个认识还勾留在低级阶段。阿里终面的时候我问了考官这么个问题:前端技能日月牙异,范围越扩越宽,标准越来越丰富,彷佛任何一个触角都能伸出很远。怎么给前端一个得当的定位?考官给我剖析了半天,然后总结成一句话,便是用户和网站的联结者,用户体验的创造者(原话不是这样,但大体是这个意思)。也便是说前真个终极目标实在便是创造用户体验,提升用户体验,以用户体验为中央。不管你是从交互设计高下手,还是从性能优化出发,或者改进事情流提升事情流效率,终极都是为了创造和提升用户体验,终极都要表示到用户体验这一点上来。我认为这个总结非常有道理(当然“用户体验”这个词太宽泛了,并且不仅仅是前端工程师的范畴,比如开拓后台的时候对一个数据处理过程进行优化,提升了整体性能,这也是对用户体验的一个提升)。
现在的前端工程师做到一定阶段不可避免会打仗到很多比切页面、实现视觉哀求、实现交互等更深入的问题,比如前端自动化、图像编程、性能优化等等,再今后推一点便是PHP/JSP/ASP/nodeJs,过去后端模板一样平常属于后真个范畴,现在随着前端架构的演进,可能会让你去写后端模板的代码,须要用到后端措辞(PHP/Java/C#等),这便是所谓大前端(然而这与前真个定位并不是相背离的,大前端处理的依然是与用户打仗的部分,仍旧是对用户体验的优化)。可能最常见或者被评论辩论最多的便是node,实在这几种技能选型都可以,bat三家听说百度用PHP比较多,阿里用node比较多。
玉伯在他的博客里提过所谓全端是横向的,全栈是纵向的。全端即所有的终端说白了都是前端,由于都关乎到用户体验,直接和用户打仗。适应多终真个开拓,哀求你在web前真个根本上,可能还要去扩展android开拓和ios开拓的知识,好在由于hybrid开拓办法的盛行,对利用native措辞开拓的技能会哀求的不那么深入。
全栈可以说是最适宜初创公司的一种发展类型,广义上认为是从前端干到后端,从开拓干到运维,这种就不说了,一样平常人该当不会想要去往这个方向发展,想要成为这种意义上的full-stack dev的,可能用不着来看我这篇文章了;而狭义上的全栈特指利用js措辞从前端写到架设在nodeJs上的后端,前后端统一措辞,统一编程模型,甚年夜公用同一套代码。更多理解全栈开拓可以看看玉伯这篇说说全栈工程师。
以上是我对前端以及衍生出来的技能路线的一些浅薄理解,学习一个领域节制它的整体上的走向和趋势还是挺主要的。其余如果想要对前端学习方向、职业发展路径有一个整体的认识,推举看看拔赤总结的这篇前端开拓旬日谈。
末了
贡献几个对前端学习、口试有帮助的链接:
前端口试问题合集(Front-end-Developer-Interview-Questions)(https://github.com/darcyclarke/Front-end-Developer-Interview-Questions)
前端技能汇总(JacksonTian)(https://github.com/JacksonTian/fks)
另一张前端技能汇总图(http://www.f2er.info/)
前端那点事儿(书列)(http://book.douban.com/doulist/13701898/)
byr论坛yiyizym的建议
与grunt比较,学习gulp会比较大略
做SPA的话,推举backbone.js和 backbone.marionette.js
FQ不用折腾,花十块钱买一个月的 红杏。
把根本打踏实了再学这些都没问题。
html 没什么好说的,有空学学html5。
css 只管即便看文档 ,由于很多中文资料都各执一辞,看多了反而会糊涂。
有个网站可以查找html/css标签、属性在各个浏览器中的支持情形,挺好用的。
javascript 就看 javascript高等程序设计 。不过这么厚的书看过就会忘。对javascript核心观点的讲解:工具/原型链/ 布局函数/实行高下文/浸染域链/闭包/this,这里有篇不错的文章。
有闲情可以看看 ecmascript 6,操持明年6月就发布啦。阮一峰的网站有入门资料。
jquery 有很多 API,这个网站可以方便查到。有韶光弄清楚jquery deferred 的用法。
多给 sublimetext 装插件,比如说检讨代码缺点的