学习的两种方法: 看视频 vs 看书
1.1 看书好还是看视频好
首先我肯定是支持看书的, 但是新手看书容易睡着, 而且看完后易忘, 这些都是大家经历过的, 每个从新手走过来的人应该都有这种感觉 -- 看完了好多 CSS 的东西, 觉得的懂了, 可是一关上书, 感觉什么都不会. 这大家都是一样的, 所以如果你有了, 请不要怀疑人生. 继续看就是啦.
1.2 视频和书有什么区别
视频的好处:
新手友好, 他会亲手演示, 所以一些简单的默认会的操作, 可能只有视频里才出现, 书上是绝不会有的, 能亲眼看到他写代码肯定是件极好的事, 另外比如一个编辑器的新建文件, 保存, 如何运行这些, 相信我, 真的有人不知道怎么做
简单明了, 易懂
更容易引起兴趣
视频的坏处:
惰化你的思维, 让你不勤于思考
不利于复习, 当你要找某个知识点的时候, 很浪费时间
限制你的创造力
要被看书的鄙视:)
1.3 看书的最佳时机
这点纯属扯淡哈~ 因为这只是我当初的一个经验. 当你看了很多东西, 觉得脑子里很混乱的时候, 看一本书, 你就知道了.
至于看书的好处, 那就是数不胜数了, 各个好坏处的原因我就懒得慢慢分析了, 完全是浪费时间, 所以要从这个里边挑刺的人也省省, 我不想花心思在这种无意义的事情上, 让我们把重点放在学习上. 总之, 因人而异, 看书让你觉得无聊, 就看视频咯. 看书让你觉得充实, 就看书. 能好好学习才是王道. 但是记住, 无论视频还是书, 都没有只看一遍的道理.
大家在入门学习前端的过程当中有遇见任何关于学习, 行业方面的问题, 都可以申请加入我的前端技术顾问扣扣群, 前面输入是 282 中间 549 后面 184 最后连起来是. 缺乏相关的基础教程也可以直接来找我要, 我这里整理了一套最新的前端基础教程, 学习前端的这个过程当中我也收集了很多前端学习手册, 面试题, 开发工具, PDF 文档书籍教程, 可以直接分享给你们.
2. 如何选一个好书
这个世界上的烂书真的比你想象的还要多, 什么黑白双煞呀, 十三五规划呀, 都是别人圈钱用的. 运气差点, 看了些没卵用的书, 还算好, 要看到些瞎扯误人子弟的书, 得不偿失. 选一本好书既能节约时间, 又能打好基础.
我的方法是, 先在知乎搜一搜相关问题, 比如我要学 JavaScript, 我就会搜'JavaScript 书籍', 基本就会出来一大堆答案, 你自己心里有个底, 再去豆瓣书评看一看. 比如我看他们都说《JavaScript 高级程序设计》很好, 那我就去搜一搜.
JavaScript 高级程序设计, 呐~, 一看评分很高, 那就试着买来看一看咯, 即使被坑, 也是这个行业的大多数人被坑, 要菜大家一起菜, 不要怕. 嗯, 就是这样!
3. 如何看书
书买好了, 如何尽快获得作者输入其中的功力呢? 我也这是分享一些我自己的方法, 如果你有比这个好的, 请告诉我, 我感谢你祖宗十八代~~~
我们这些人看的书呀, 有个重要的特点就是书中代码很多. 所以打开一本书, 我最先看的是 -------- 序. 我最喜欢的就是这个部分, 因为你在这个圈子当中待久了, 很多大牛你其实都认识, 有时候一看写序的人, 你就知道, 这本书肯定很不一般.
回到重点, 我看书, 喜欢一章一节地看, 首先我会仔细看一节, 看完回味一下这一节大致讲了些什么, 然后理一下, 再写一下书上提到的 DEMO, 书上的代码一定都要过一遍, 但是千万不要照着书抄. 然后当我看完一章的时候 (一般是一天), 然后晚上就总结一下这一章的知识点, 写个博客或者笔记发到网上.
博客可以是自己搭建的, 也可以是 "博客园","Segmentfault 笔记", 甚至在 GitHub 开个仓库都可以. 只要你喜欢, 随便你怎么玩儿.
4. 前端学习的几个阶段
第一阶段: 样式
无数不了解前端的人, 都以为前端就仅限于此啦 (包括很多前端的初学者也这样认为), 所以你总是能看到,"我 xxxxxx 感到很迷茫, 该不该转前端", "我 xxx 学不走, 该不该转前端".2017 年啦, 真的充斥着无数的号称自己是前端的人, 只达到这个阶段. 然后想要凭此来找工作, 不难找才怪. 所以又出现了 "现阶段前端已经饱了吗" 的言论.
又扯远了, 还是回到正题. 这个阶段的重点是 CSS, 只要你熟悉了 CSS 的 盒子模型, 布局方式, 常用元素的属性, 再多切几个页面, 应该就没问题了.
值得补充的是一本儿叫《CSS 的那些事儿》, 这本书好像停产了, 但是网上很多 PDF, 就别管这个名字了, 算是好书无疑.
第二阶段: JavaScript
其实这个阶段要解决的问题很多, 但是如果你 JavaScript 的基础打得非常好, 这些问题应该都很好解决. 我觉得, 当你已经能熟练还原设计师给的设计图后, 就该考虑深入学下 JavaScript,JS 对前端工程师就犹如电脑对于程序员那么重要, 不会 CSS 的前端大有人在, 甚至其中还有大牛 (这是真的). 但是不会 JavaScript 的前端我是真的没听说过. 就连腾讯的 "页面重构师", 也肯定是会 JavaScript 的, 虽说可能不是很精通. 哦! 除了
(大误....).
这个阶段要解决的问题包括: 表单的处理, Ajax 的相关 API 使用以及常见的业务逻辑代码. 而且还要透彻理解 JavaScript 的各种特性, 比如原型继承, 作用域, 闭包这些. 至少你要非常熟悉 ES5 的各种 API, 了解一些 ES6, 对 DOM 这个东西的本质要有很深刻的理解, 至少要学到你觉得当初自己对 JS 是多么的无知才可以. 这个时候, 你再看下 jQuery, 就能帮着干点杂货啦. JavaScript 的基础, 一般就在这个阶段打扎实了, 也是前端路上难啃的一块骨头, 需要花费很多时间和精力, 很多人也就走到这步就走不动了.
这个阶段的书, 由简单到困难:
JavaScriptDOM 编程艺术
JavaScript 高级程序设计
JavaScript 权威指南
JavaScript 编程语言精粹
无论我上边的表达能力有多糟糕, 只要你能把这几本书认认真真看完, 都能独立写出里边的 DEMO, 那你的 JS 基础算是打好了. 一本一本地看, 一般看完高程, 后边就没那么吃力了. 一定要看很多遍才行, 小胡子哥当初看了至少五遍犀牛书.
第三阶段: 了解 web 开发的整体思路和流程
如果你连一个网站的实现原理是什么你都不知道, 如果你连这个网站的背后发生了什么都不知道, 是肯定不行的. 现在的前端有一个趋势 --"全栈", 虽然名称饱受争议, 但是你要知道他具体的指代, 就是不仅精通前端的种种问题, 还熟悉后端的各种常见问题和套路, 对整个网站的运行原理有很清晰的认识. 无论是阿里的 "端工程师", 还是其他公司的 "大前端", 都是这个意思. 你看哪个招聘的前端, 不加上 "熟悉一门后端语言" 的条件?
那我们就先来说说后端语言, 当然我首推 PHP, 优点还是很多的, 虽然处于语言鄙视链的最低端, 但是新手用起来真的不要太爽, 谁用谁知道. 毕竟世界上最好的语言:). 也有人说 Node, 前端必然是要会 Node 的, 但是我不建议在这个阶段就学. 因为就我本身的经历来讲, 那会让人很痛苦, 因为在你对现代 JS 了解不深刻之前, 对网站的基本原理还不熟悉之前, 你去搞 Node, 真的很痛苦. 当你真正的明白 "高并发异步非阻塞 I/O" 到底优点是什么东西的时候, 你就能很轻松地学 Node 了.
我推荐书:
Head First PHP & MySQL
PHP 编程
PHP 经典实例 (做工具书很好)
当然, 还有很多好书, 但是我就看过这三本, 没看过的书不敢推荐. 看完第一本, 你就有种豁然开朗的感觉了, cookie, session 这些概念, 已经一个网站大致样子是什么样的, 后端语言是如何从数据库里拿东西的, 你都能了解到. 基本上网站常见的业务套路都在这里边啦. 看完后配合 jQuery 和 Bootstrap 就能写一些简单的功能齐备的小网站啦 (不是那种小网站).
第四阶段: 现代 JS / 大前端
之前我们一直在做的, 其实都只是很多年前的 Web 开发模式啦. 也就是后端处理业务逻辑, 取出数据返回到前端, 前端仅仅是展示数据, 可能有一些交互. 但是前端都不复杂, 任何一个后端花点点时间都能做好. 但是也不要灰心, 因为第二阶段你打好了非常好的基础, 所以你可以进入现代 JS 的学习, 很快你就会掌握现代 JS 的秘诀, 了解到现代的 Web 开发中, 前端到底在做些什么. 然后你运用你学到的各种技巧, 用着各种神兵利器, 将一个超大规模, 逻辑超级复杂的网站性能优化到杠杠滴, 还能写点儿脚本, 搞个自动化.
html5 和 CSS3 的很多新特性也可以在这个时候补一补, 另外学 Node 也正是在这个时候, 不要怕后端说你抢他饭碗而打你, 因为等你你用上 weex, RN, 安卓和 iOS 的也要来打你, 有一天你发现了 Electron, 客户端的也要来打你...
大概能说的就这么多吧, 因为自己勉勉强算是入了第四阶段的门 (个人觉得, 也可能是我自我感觉太过好), 剩下的是什么阶段我也不知道, 或许是那传说中的 "第五步大能". 有大牛觉得哪里有表述错误的地方, 还望指出, 因为我花这么多时间写这个答案, 也是希望能表达我的一些想法, 得到一些指点. 至于因为我推荐 PHP 要来找我吵架的就算了 (曾因为在 SF 回答一个问题时推荐 PHP 了而被踩 7 次, 还有直接骂我的), 我真没空争论一些没有意义的事情
来源: http://www.jianshu.com/p/14f23e635a0b