1、 html + css 这部分建议在 w3school 在线教程 上学习,边学边练,每一个属性后还有在线测试。 而后过一遍以后能够模仿一些网站作些页面。记住这个必定要多练 多练 多练 ,最重要的事儿 还得我说三遍?javascript
2、 javascript 要学的内容实在不少,若是没有其余编程语言的基础的话,学起来可能要费些力,仍是建议先在 w3school上学习一些基本语法 和定义。
而后你必需要看书,而后实践(好多人问 有没有快速捷径,我只能告诉你:若是有捷径,码农们就不用每天如此苦逼了吧)。php
忍得住寂寞枯燥,才能拿获得高薪css
对于习惯看视频学习的同窗,以上内容也能够在 慕课网 这个在线学习网站上去搜,如今里面基础课程讲解都还不错。跟着敲一边,确实能够避免看书查资料的枯燥html
如下内容都是通过我本身自己的学习路线经验,还有网络各路大神共同整理的资料 汇总,帮助源源不断入坑的新人更好的学习。前端
前端书籍必读、必买(本帅认为)
★★ 越多,推荐等级越高,和难度无关。最好按照我给的顺序入门,这样不会让你枯燥,想放弃,若是先推荐经典的厚的,满篇定义,我估计是害大家放弃。java
先说
JavaScript
,由于前面说了,css最好跟着视频练习,毕竟都是可视化的,像作艺术。css3
最好的JS入门书籍,最让人有兴趣读完的那种书。
它经过一个 幻灯片 案例,从头至尾教你实现出来,最后效果实现的同时,基本的JS经常使用属性,你也就倒背如流了,颇有成就感。(我的很偏向这种风格书籍,此书让我完全爱上前端js)
一目了然地告诉你如何用JS操做DOM(这是浏览器端编程的基本功),还灌输了最符合标准的编程理念。惋惜有点老,最新一版是2010年的。不过不影响阅读和实现,所有按照最新ES5属性就好了。git
又称红宝书,(我喜欢叫 望眼镜) 雅虎首席前端架构师,YUI的做者Zakas出品。虽然书名带了“高级”二字,可是讲得都很基础的属性内容,事无巨细。 关键一点是翻译的也很到位,并非如嚼蜡通常,这很重要。看此书,我建议配着下面的犀牛书一块儿 看效果更佳。
著名的淘宝前端团队翻译的,看译者列表都是一堆前期大神。
这本书又叫犀牛书,被国人誉为:javascript开发者的圣经。网上对此书评价不少很好,大概意思是说这 本书是一本JavaScript文档手册,更适合看成字典和备忘录查询来使用。
我也是对这本书有很厚的感情和依赖(忘了属性就拿来翻翻,总有收获),我的感受这本书仍是写得枯燥了些,毕竟是工具性质,不适合看成第一本入门来看,不过内容绝对是五颗星,无可挑剔!神书github
做者是大名鼎鼎的 【老道】,个人JS 偶像,我github第一个关注的就是这个大胡子叔叔。 他是 JSON格式的发明和维护者,也有不少著做和对JS 这门语言的超多贡献,可见此人功力绝对顶级! 这本书,属于稍微入门之后看的,了解了一些中高级概念 好比:闭包、原型链、做用域链、继承封装等之后, 看此书有如神助,看一页至关于犀牛书几十页的讲解(不吹牛逼,当时我是这感受的)
【
CSS
】类, 若是视频看完了,练习的熟练了,你还须要一些书的推荐和查询,也是有必要的,我再来给你罗列几本经典的收藏书,买不买都可的。编程
好的入门书。看两遍就对HTML & CSS 有个大概印象了。 此时把w3cschool做为备查手册收藏起来,结合此书,事半功倍,成就感爆棚。
最权威的CSS书籍,除了阅读W3C的文档外的不二选择(就是翻译太操蛋,可能有的词你觉得是火星语,不过不影响阅读)。 有时间能够反复看,有css3内容,并当作字典随时查。相似犀牛书
这本书讲解的是最新的CSS3(前几本书停留在CSS2.1时代,2.1是基础),CSS3也是必学的,否则真的跟不上时代了。
这本书很值得期待,我看过PDF版本的,那时候还没翻译出来,翻译的也通常,不过做者是巨牛逼的,据说对css理解的就像本身的左右手,光靠写CSS 他年薪就轻松百万了。。汗颜!思路清晰,图文并茂,还解决一些疑难杂症和高级技巧,相似于JS的语言精粹了,大神级别。
好了,差很少就推荐到这里,CSS这基本是基于情怀,罗列一下,买不买都不必,想当年我学CSS 是挨着几个仅有的视频,一个属性一个属性的练习,还有IE6 各类兼容问题,虐到爆,那酸爽(如今大家是性福的,基本不用兼容IE6 这个老东西了,)。
真正起到决定做用的,仍是JS语言的掌握和实践,JS能力越强 基础越稳固,你的前端能力就会越好, 天然薪资越高,因此现实点说你们,你们一块儿努力吧,让money 都到碗里来
(有些童鞋认为:历来不须要买纸质书,我全程PDF就好了嘛,不过我建议有些书仍是要纸质的,这样有感受,也能够作笔记,甚至随时当工具书字典来查询,因为前端的特殊性和js语言的属性之繁多庞杂,我建议你仍是要买纸质的书。帮助很大,并且我告诉你有了钱要补上正版呃)
那么PDF截图奉上,嘿嘿 若是须要请到此大神网站 网盘下载,应有尽有,此处应该有掌声!
地址:http://www1.w3cfuns.com/feres.php?do=picture&listtype=book
我总结了部分一些知乎大神举荐的书评链接(微信不可外链,可查看我博客) 和我本身以为要看的书,罗列以下,供君参考(嘿嘿!是不说我正经起来,很不习惯?)
★ 越多,难度越高。
CSS
JavaScript
JavaScript & jQuery交互式Web前端开发★
JavaScript DOM编程艺术 (第2版)★
JavaScript高级程序设计(第3版)★★
锋利的jQuery★★
高性能JavaScript★★★
JavaScript语言精粹★★★
JavaScript权威指南★★★
编写可维护的JavaScript★★★
JAVASCRIPT语言精髓与编程实践★★★
Effective Javascript★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript设计模式★★★★
基于MVC的JavaScript Web富应用开发★★★
性能实践(不是本篇重点)
这个文章花费了我很多时间整理收集,然而仍是不到冰山一角,至少入门够用了,因此请看到的同窗,尽心收藏并帮助传播,能够帮到更多的新人和疑惑中的转型的从业者,我将会很是高兴和欣慰,也将有更大的动力和精神来继续更新和贡献微薄之力。
有人问我:又没人给你钱,你何须这么辛苦,还得工做,还得写文章。然而我说我不在意钱那是不可能的。
我还告诉大家,这真的是个人兴趣和责任,由于我经历了前端洪荒的年代和苦楚,因此我很愿意分享和帮助新来者,少走弯路和浪费时间。
到最后:兴趣都会变成钱!坚持下来就好。也但愿你们支持
能在江湖混迹多年的,确定不是靠工具和潮流。绝对是靠的不断提高的内功
但愿你们明白,趁年轻 必定要忍住枯燥,打好基础!
在最后,特别感谢,贺贺妹子(傻),辛苦整理提供一些资料和配图,让个人文章更加生动和有趣。我想她必定是被个人颜值折服了吧!