分享了各种学习资源,不过貌似就是没人分享书单,那么我来给大家分享下我的自学前端所用的书单吧。看书又累又慢?谁让我拙呢,只能靠勤来补了,不然还能怎样呢。这些书效果非常不错,20个月前,我还是一个 local 广告公司的苦逼 copy ,现在是一个能够独当一面的前端工程尸了呢,收入也翻了许多倍呢,mac这种高大上的从前想都不敢想的东西,现在可以天天摸了有木有。下面的时间是我当时学习的时候的所用的时间,每天大约学习 3~4 个小时这样吧,每周大约会偷懒 1~2 天,OK 进入正题。
第一步:入门 html & css ,用时 2 周
HTML 教程www.w3cl.comCSS 教程www.w3cl.com
只需打开代码编辑器跟着作者的思路敲下去就可以了,一个个小案例从自己手上被敲出来,还真的很有成就感呢。
第二步: 入门 javascript ,用时 3 周
JavaScript Tutorialwww.w3cl.com
“它不是专门写给程序员的,而主要是写给 Web 设计师的。具体的说,本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。”好吧,虽然也不是写给我这种初学的傻子的,但反正只要它不是写给程序员的就好,因为当时我不是程序员啊,当然我也不是设计师,但我会写一丁丁 HTML 和 CSS ,这就够了。跟着作者的思路用编辑器一路敲下去,然后你会发现,自己能够给网页加特技了,duang~duang~ 棒棒的。
第三步:入门 jQuery,用时 3~4 周
那么 jQuery 会解决这种繁琐,做到它所标榜的 write less, do more , 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。另外把最后的案例吃透。 jQuery 就算是入门了。
最重要的一步:复习巩固,用时 6~12 周
OK 至此, 入门学习已经完成,接下来是复习巩固,这才是学习的真谛。这一步,不能省略,不能省略,不能省略,重要的事情说三遍,否则会像一个学习了各种格斗技巧,但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。此时可以用之前所 学配合着搜索引擎模仿一些自己认为觉得好看的页面,学习使用一些第三方插件,大量模仿。无他,唯手熟尔。
这里列出一些在这个阶段有可能会用到的工具书和一些网络资源,希望能有所帮助。
工具书:
一本全面介绍原生 JavaScript 编程的书籍,从基础内容到高级内容都有,任何阶段的前端工程师都能从中学到知识。
一本介绍 CSS 的书,把一些有用的 CSS 技巧汇集起来,供人学习,但可惜年代久远,不过依然有参考价值。
网络资源:
这里会用一些通俗的语言介绍许多 js 编程中重要的中高级问题和技巧。
功能同上。但这里有个副作用,就是总时不时会听到一种叫做 Avalon 的玩意儿,但这不是现阶段需要深究的东西,目前只用知道 Avalon 是英格兰神话中拔出石中剑的亚瑟王战败后去的仙境就可以了。
资源丰富的文档,碰到不懂的不管是 HTML CSS JavaScript 方面的内容都能够来看看。
博主是一个把 CSS 研究得出神入化的男人,可以从他的博客里学到许多 CSS 相关的知识和技巧。
Bootstrap 是套优秀的 UI 组件库,其中的精华是它 css 代码,使用它你会发觉以前各种卡手布局的问题可以很快解决,并且不用自己写太多 CSS 代码就能弄出美如画(至少不丑)的页面。使用它,并且学习它的 less 代码的组织和设计,可以从中学会许多 css 架构的知识,棒棒的~
p.s less 是一种跟 CSS 很像,兼容 CSS 并且可以编译为 CSS 的样式语言
前面的步骤都完成了以后,恭喜入门,可以尝试去找一些相关的工作了,同时也再也不用担心被知呼上这位严重智商拙计的怪叔叔骚扰了。 在往后的路中可能会碰到许多奇奇怪怪的概念,比如 workflow , mvc , mmvc , flux ,SPA 等类似的不是出自人类语言中的名词,就说明可以开始提高了:)