大神啊 有什么关于javaweb做一个完整的小项目的视频推荐 就如学生管理系_百度知道
大神啊 有什么关于javaweb做一个完整的小项目的视频推荐 就如学生管理系
大神啊 有什么关于javaweb做一个完整的小项目的视频推荐 就如学生管理系统 我是学生
我有更好的答案
我有一个java web的，spring mvc + spring + mybatis 前台到后台的整个项目的视频教程，是一个线下教育机构的教学视频
采纳率：88%
为您推荐：
其他类似问题
javaweb的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。其他回答(2)
现在慕课网，腾讯课堂等有很多的视屏教程，你可以看一下，百度一搜就出来了，
收获园豆：20
园豆：1015
老哥你学多久了，我也正在自学，害怕
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。goto www.xin1234.com&p&如果姑娘不介意，来，把手伸过来，让叔手把手一对一教你，另外，把头靠过来一点，这样方便我跟你讲话，最好再近一点嗯嗯，这样学习前端才最靠谱，哈，开个玩笑。
培训靠不靠谱我不知道，对于我这种智商拙计的人来说，看书自学是挺靠谱的，毕竟智商低老师讲课我听不懂嘛，复习的时候不能倒带，让老师反反复复在讲台上单曲循环，也不能把老师绑在身边，让我能够在做练习的时候碰到不懂东西可以随时提问。 前面有许多人都分享了各种学习资源，不过貌似就是没人分享书单，那么我来给大家分享下我的自学前端所用的书单吧。看书又累又慢？谁让我拙呢，只能靠勤来补了，不然还能怎样呢。这些书效果非常不错，20个月前，我还是一个 local 广告公司的苦逼 copy ，现在是一个能够独当一面的前端工程尸了呢，收入也翻了许多倍呢，mac这种高大上的从前想都不敢想的东西，现在可以天天摸了有木有。下面的时间是我当时学习的时候的所用的时间，每天大约学习 3~4 个小时这样吧，每周大约会偷懒 1~2 天，OK 进入正题。&/p&&p&第一步：入门 html & css ，用时 2 周
&a href=&//link.zhihu.com/?target=http%3A//book.douban.com/subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Head First HTML与CSS（第2版） (豆瓣)&/a&
head first 系列的书一直很受初学者欢迎，语言诙谐，图片丰富，行大字稀，这本 700 多页的书 2 周左右就能看完。此书的用法非常简单，只需打开代码编辑器跟着作者的思路敲下去就可以了，一个个小案例从自己手上被敲出来，还真的很有成就感呢，因为是写给初学者的书，它假设读者没有任何相关的背景知识，新碰到的知识点，会用各种各样的图片说明一遍，生怕读者不懂。这本书学完，只要不是太复杂的页面，基本上能够临摹出一套长相上差不多的了吧。&/p&&p&第二步： 入门 javascript ，用时 3 周
&a href=&//link.zhihu.com/?target=http%3A//book.douban.com/subject/6038371/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript DOM编程艺术 （第2版） (豆瓣)&/a&
这本书很薄， 280 多页，一开始看的时候，其实我是拒绝的，因为当时我的编程基础只有能够用 c 写出让别人输入两个整数然后打印出这两个数相加结果这种程序的水平。然而即便如此，这本书依然能够让我看得懂。此书前言的第一句就说了，“它不是专门写给程序员的，而主要是写给 Web 设计师的。具体的说，本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。”好吧，虽然也不是写给我这种初学的傻子的，但反正只要它不是写给程序员的就好，因为当时我不是程序员啊，当然我也不是设计师，但我会写一丁丁 HTML 和 CSS ，这就够了。这本书跟上本书一样，新碰到的知识点，会专门用案例介绍一番，让人在不带着太多疑问包袱的情况下跟着作者的思路走，用法也跟上一本书一样，跟着作者的思路用编辑器一路敲下去，然后你会发现，自己能够给网页加特技了，duang~duang~ 棒棒的。&/p&&p&第三步：入门 jQuery，用时 3~4 周
&a href=&//link.zhihu.com/?target=http%3A//book.douban.com/subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&锋利的jQuery (豆瓣)&/a&
这本书只需要看 1-9 章就够了，也就是 290 页左右的内容。看完 《JavaScript DOM 编程艺术》 可能会觉得里面的程序很繁琐，想要达到一些目的经常需要拐来拐去的。那么 jQuery 会解决这种繁琐，做到它所标榜的 write less, do more ， 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。这本书的内容有些啰嗦和跳跃，后面几章甚至还有错误，不过有上一本书的作为基础，配合搜索引擎是能够解决看着本书时碰到的绝大部分疑问的。打开编辑器跟着作者的思路把书上的例子都敲出来跑一遍，另外把最后的案例吃透。 jQuery 就算是入门了。&/p&&p&最重要的一步：复习巩固，用时 6~12 周&/p&&p&OK 至此， 入门学习已经完成，接下来是复习巩固，这才是学习的真谛。这一步，不能省略，不能省略，不能省略，重要的事情说三遍，否则会像一个学习了各种格斗技巧，但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。此时可以用之前所学配合着搜索引擎模仿一些自己认为觉得好看的页面，学习使用一些第三方插件，大量模仿。无他，唯手熟尔。&/p&&p&这里列出一些在这个阶段有可能会用到的工具书和一些网络资源，希望能有所帮助。&/p&&p&工具书：&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//book.douban.com/subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript高级程序设计（第3版） (豆瓣)&/a&&/p&&p&一本全面介绍原生 JavaScript 编程的书籍，从基础内容到高级内容都有，任何阶段的前端工程师都能从中学到知识。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//book.douban.com/subject/4736167/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&精通CSS（第2版） (豆瓣)&/a&&/p&&p&一本介绍 CSS 的书，把一些有用的 CSS 技巧汇集起来，供人学习，但可惜年代久远，不过依然有参考价值。&/p&&p&网络资源：&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/home.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阮一峰的个人网站&/a&&/p&&p&这里会用一些通俗的语言介绍许多 js 编程中重要的中高级问题和技巧。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/rubylouvre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&司徒正美 - 博客园&/a&&/p&&p&功能同上。但这里有个副作用，就是总时不时会听到一种叫做 Avalon 的玩意儿，但这不是现阶段需要深究的东西，目前只用知道 Avalon 是英格兰神话中拔出石中剑的亚瑟王战败后去的仙境就可以了。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3school 在线教程&/a&&/p&&p&资源丰富的文档，碰到不懂的不管是 HTML CSS JavaScript 方面的内容都能够来看看。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/wordpress/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭-鑫空间&/a&&/p&&p&博主是一个把 CSS 研究得出神入化的男人，可以从他的博客里学到许多 CSS 相关的知识和技巧。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.bootcss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bootstrap中文网&/a&&/p&&p&Bootstrap 是套优秀的 UI 组件库，其中的精华是它 css 代码，使用它你会发觉以前各种卡手布局的问题可以很快解决，并且不用自己写太多 CSS 代码就能弄出美如画（至少不丑）的页面。使用它，并且学习它的 less 代码的组织和设计，可以从中学会许多 css 架构的知识，棒棒的~&/p&&blockquote&p.s less 是一种跟 CSS 很像，兼容 CSS 并且可以编译为 CSS 的样式语言&/blockquote&&br&&p&前面的步骤都完成了以后，恭喜入门，可以尝试去找一些相关的工作了，同时也再也不用担心被知呼上这位严重智商拙计的怪叔叔骚扰了。 在往后的路中可能会碰到许多奇奇怪怪的概念，比如 workflow ， mvc ，
mmvc ， flux ，SPA 等类似的不是出自人类语言中的名词，就说明可以开始提高了：）&/p&&br&&p&=== 2017.4 更新 ===&/p&&p&这问题回答的时候是 2015 年，我没想到这个回答会影响那么多人，现在两年过去了，前端这领域已经变了样，许多朋友吐槽现在学完上面所说的内容已经很难找到工作了，但不管怎样，上面的内容还是基础，入门的时候先按照上面的流程走一遍问题不大，但现在毕竟已经是 2017 年，入行前端的要求变得比原来多了不少内容，所以学完了上边内容的朋友还需要继续学习现代前端开发所需要掌握的知识，具体的路线可以参考我在另外一个答案的回答：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&&span class=&invisible&&https://www.&/span&&span class=&visible&&zhihu.com/question/5588&/span&&span class=&invisible&&6635/answer/&/span&&span class=&ellipsis&&&/span&&/a& &/p&&p&另外之前提到的 &a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3school 在线教程&/a& 里面的内容比较老旧，现在有了更好的选择，那就是 MDN ，它的地址在这： &a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript&/a& 。&/p&&p&期间有不少朋友反应《JavaScript DOM 编程艺术》看不懂，这其中还包括现实中我身边想入行前端的朋友。为此我专门写了本关于 JavaScript 语言基础的电子书，想看《JavaScript DOM 编程艺术》但是没看懂的朋友，可以考虑先看这本书第一部分《语法基础》然后再继续看《JavaScript DOM 编程艺术》，电子书的地址在这： &a href=&//link.zhihu.com/?target=https%3A//github.com/WeiJieGitHub/JavaScript-ES5-Tutorials& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WeiJieGitHub/JavaScript-ES5-Tutorials&/a&，希望会对大家有所帮助。 &/p&
如果姑娘不介意，来，把手伸过来，让叔手把手一对一教你，另外，把头靠过来一点，这样方便我跟你讲话，最好再近一点嗯嗯，这样学习前端才最靠谱，哈，开个玩笑。
培训靠不靠谱我不知道，对于我这种智商拙计的人来说，看书自学是挺靠谱的，毕竟智商低老师讲…
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/constantince/p/4565261.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome开发者工具不完全指南（一、基础功能篇）&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/constantince/p/4579121.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome开发者工具不完全指南（二、进阶篇）&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/constantince/p/4585983.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome开发者工具不完全指南：（三、性能篇）&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/constantince/p/4607497.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome开发者工具不完全指南（四、性能进阶篇）&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/constantince/p/4624241.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome开发者工具不完全指南（五、移动篇）&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/constantince/p/4641796.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome开发者工具不完全指南（六、插件篇）&/a&&br&&br&好东西要分享 :)&br&&br&==== 补充 ======&br&&a href=&//link.zhihu.com/?target=https%3A//developers.google.com/web/tools/chrome-devtools/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&developers.google.com/w&/span&&span class=&invisible&&eb/tools/chrome-devtools/&/span&&span class=&ellipsis&&&/span&&/a&&br&&a href=&https://www.zhihu.com/question/& class=&internal&&Chrome 有哪些鲜为人知的用法？ - 软件&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//blog.jobbole.com/31178/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&用Chrome开发者工具做JavaScript性能分析&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//toutiao.com/ird& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端杂谈 - 深入了解Chrome开发工具&/a&
&b&大家都是从小白走过来，每个人的轨迹不一样。冒昧说一下个人看法&/b&&br&&br&&i&&b&自学&/b&&/i&&br&如果有耐心的话，可以看看w3cschool的教程&a class=& wrap external& href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/& target=&_blank& rel=&nofollow noreferrer&&w3school 在线教程&/a&&br&下面标红的地方，可以按照顺序看看。&br&&figure&&img data-rawheight=&777& data-rawwidth=&1137& src=&https://pic1.zhimg.com/77bd64382cdf7d_b.png& class=&origin_image zh-lightbox-thumb& width=&1137& data-original=&https://pic1.zhimg.com/77bd64382cdf7d_r.png&&&/figure&&br&&i&&b&but....&/b&&/i&&br&我知道多数人肯定没有耐心一个一个看下去，而且看完这些确实也比较累。&br&最主要的是，很多知识点不一定就在工作中比较频繁的运用到。一般来说，咱们前端工程师遇到不懂的小问题，通过查查手册也可以解决。&br&&br&&i&&b&看学习视频&/b&&/i&&br&如果想比较直观的学习，其实看视频是一件比较快的方式。（我本人是这样的，喜欢看视频）&br&慕课网有比较多的免费视频可以入门&a class=& wrap external& href=&//link.zhihu.com/?target=http%3A//www.imooc.com/course/list%3Fc%3Dfe& target=&_blank& rel=&nofollow noreferrer&&前端开发_web前端开发&/a&&br&&br&但缺点也比较明显，就是慕课网的体系不是按照一套完整的课程体系来的，多数是具体的案例拆解的。&br&再一个因为讲师比较多，这个是优点也是缺点。学生找到一个自己喜欢的讲师可能需要费点功夫。不过作为入门是足够了。&br&&br&&i&&b&学习论坛&/b&&/i&&br&如果遇到不懂的问题可以去论坛提问，w3cfuns
&a class=& wrap external& href=&//link.zhihu.com/?target=http%3A//www.w3cfuns.com/& target=&_blank& rel=&nofollow noreferrer&&前端网（W3Cfuns）&/a&是一个不错的地方，又很多朋友分享案例，替你解答问题。&br&&br&&b&大牛博客&br&&/b&还有一些大牛的博客可以关注下：&br&阮一峰 &a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阮一峰的网络日志&/a&&br&张鑫旭 &a class=& wrap external& href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/& target=&_blank& rel=&nofollow noreferrer&&首页 >> 张鑫旭&/a&&br&大漠 &a class=& wrap external& href=&//link.zhihu.com/?target=http%3A//www.w3cplus.com/& target=&_blank& rel=&nofollow noreferrer&&w3cplus_引领web前沿，打造前端精品教程&/a&&br&&br&上面都是很优秀的前端博客、建议题主可以好好看看。&br&&br&&i&&b&关于报班&/b&&/i&&br&如果自学比较费劲，其实找一个培训机构倒也是一个好事。至少来说，培训机构总结整理了一套完善的课程体系，让学员学习起来比较系统。可以监督跟进学员的学习情况。包括一个学习氛围。&br&不过不得不承认现在的培训机构鱼龙混杂，需要学员擦亮眼睛。&br&&br&再一个，请大家不要过度迷信培训机构，那些号称包就业、包学会的机构...多数都是骗人的。对，骗纸...（希望不要被拍砖）&br&&br&我们都知道能不能学会一项技能，多数都是靠学生自己的努力。优秀的讲师，优秀的课程只是一个辅助作用。作为培训机构能做到不误人子弟，不传递错误的知识，如果再能有一些责任心，这样的机构就很不错了。&br&&br&&i&&b&最后，附上一张学习图谱，给需要的朋友参考一下：&/b&&/i&&br&&figure&&img data-rawheight=&596& data-rawwidth=&658& src=&https://pic3.zhimg.com/adacad03a0edeee_b.jpg& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/adacad03a0edeee_r.jpg&&&/figure&
大家都是从小白走过来，每个人的轨迹不一样。冒昧说一下个人看法 自学 如果有耐心的话，可以看看w3cschool的教程 下面标红的地方，可以按照顺序看看。 but.... 我知道多数人肯定没有耐心一个一个看下去，而且看完这些确实也比较累。 最主…
大四实习刚结束，趁现在还在学校写心理学论文开题报告没有回家，本来想在知乎上查找一些跟PHP有关的精华信息的，结果看到“自学PHP”这个永远没有结果的话题。我就趁此机会，说一下我自己的看法吧，就当是对我这些年的编程之路甚至是求学之路做一个总结。内容有些多，我想从初中开始回顾，知乎上第一次很正式地回帖，答案偏题或对各种大神前辈有冒犯的地方，还忘海涵。&br&&br&另外，我不会告诉你们，为什么我平安夜还在逛知乎，因为月底我就要从广州到昆明去找女朋友了，恋爱7年，异地4年，求祝福。顺便弱弱地问一下，寒假有去云南旅游的吗，我可以充当差评摄影师，哈哈哈。&br&&br&装B的暂且把此条回复命名为“&b&PHP自学这条不归路，关于自学，关于创业，关于爱情&/b&”吧！&br&&br&“利益相关”，先介绍一下个人背景：&br&&br&&p&&b&生活状态：&/b&大四狗，创业失败者，心理学专业待毕业，PHP程序猿&/p&&p&&b&个性签名：&/b&不想成为设计狮的文艺2B青年不是好程序猿&/p&&p&&b&开发环境：&/b&Bootstrap前端框架＋Laravel后台框架＋本地MNMP开发环境＋阿里云LNMP开发环境&/p&&p&&b&坐标：&/b&家乡河南信阳，现在在广州大学城，距离近的欢迎下、学、期过来吹水&/p&&p&&b&目前项目：&/b&没有继续待公司，经营着个人技术博客 &a href=&//link.zhihu.com/?target=http%3A//www.siguoya.name/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&写如诗的代码&/a& ，和刚刚用wecenter做出的类知乎的问答社区，社区挂在了二级域名：&a href=&//link.zhihu.com/?target=http%3A//wenda.siguoya.name/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&思过崖的问答社区&/a&&/p&&br&&br&&figure&&img src=&https://pic3.zhimg.com/c4bae3d83f0bbe_b.jpg& data-rawwidth=&220& data-rawheight=&220& class=&content_image& width=&220&&&/figure&&br&没图说个叉叉，先上图一张，求知友、基友轻喷＝＝＝因为亚洲有三绝，高丽棒子，日本鬼子，中国喷子～～&br&&br&以下就从我自学的动机、自学的技巧、自学的目标三个方面讲述一下我自学PHP的经历吧！&br&&br&&b&一、自学的动机：一定要有浓厚的兴趣，可以在你迷茫的时候不断地支撑着你走下去&/b&&br&&br&据我自己的亲身感受来说，不管对于自学PHP，还是自学设计，还是自学创业。。。自学之前都要好好问一下自己，自己是否真的喜欢这一个行业？自己是否愿意花费10年的时间去静下心在这一个领域深耕？自己是否可以不顾别人异样的眼光，即使面对学业的压力，感情的压力，家庭经济状况的压力，都能够坚持自己的自学之路？&br&&br&因为不忘初心，方能始终。三年入行,五年精通,十年才能磨一剑，这个道理大家都懂的。如果自学不是为了工作，不是为了梦想，仅仅是随便玩玩而已，大可不必各种纠结，互联网很发达，教程随便一搜就一大堆，学个一知半解装装B还是很轻松的，特别是慕课网上的各种眼花缭乱的视频教程，绝B会让你恨时间如流水，何其宝贵～～然而这并没有什么卵用，在大部分的情况下，它仅仅适合学习某一门语言的一个专题，并没有针对某一门语言提供由浅入深，系统全面的教程；如果你说你例外，此处献上膝盖！&br&&br&&figure&&img src=&https://pic3.zhimg.com/ddaca_b.png& data-rawwidth=&2558& data-rawheight=&1390& class=&origin_image zh-lightbox-thumb& width=&2558& data-original=&https://pic3.zhimg.com/ddaca_r.png&&&/figure&&br&&br&如果你认为你是对PHP怀有浓厚的兴趣，并且渴望通过自学成为像亚一程鸟哥那样的大神级PHP程序员，那么请继续看下去；&br&&br&之前的背景已经说过了，我大学目前就读的是心理学专业。大家不要从心理学的角度问我现在知不知道大家心里在想什么？首先，我不知道你在想什么，我和我的同学都很正常，催眠是真的，但是我不会，心理学是理科，光背背书是不行的，你心理是否正常请到专业医院的心理科诊断，学习两个月做不了心理咨询师，除了这你还想问什么！&br&&br&大家也不要问我既然喜欢PHP，应该就报计算机专业呀，为嘛报考心理学专业呢？俗话说，男怕入错行，女怕嫁错郎，我也深知这个道理。无奈初中是一个学渣，理化生被吊打［忘记初中时否有上生物了］，能考上高中就很不错了，岂敢在高中的时候任性的去选择理科。在男女化学反应，生物雄雌搭配嘿嘿嘿方面，我还只是一个智商为负的孩子。&br&&br&好了，我编不下去了&br&&figure&&img src=&https://pic3.zhimg.com/dae825fd3affb_b.png& data-rawwidth=&2560& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&2560& data-original=&https://pic3.zhimg.com/dae825fd3affb_r.png&&&/figure&&br&你能够看到这里，我相信你已经用眼神很诚实的告诉我，你是对PHP怀有浓厚的兴趣，并渴望通过自学PHP引得各种网红投怀送抱。到此为止，你的另一只脚已经踏入成功的大门了,PHP的世界欢迎你！&br&&br&&figure&&img src=&https://pic3.zhimg.com/4beb0e78dee60e1b069eeab6b9688636_b.jpg& data-rawwidth=&334& data-rawheight=&220& class=&content_image& width=&334&&&/figure&&br&当然啦，我自己自学PHP也是因为一直深深地爱着互联网——热爱缘于你取得了一定的成就，这个成就可以让你一直保持着装B不能停的姿势，所以你不断的探索，不断地进步，不断地解锁高级装B新技能。对互联网的深爱源于初中打了两年的游戏，很早就办理了工行的电子口令卡，很早就接触了BAT这些网站，很早就接触了Office、PS这些当时的初中小伙伴都不懂的什么gui，于是就在学习之外有一些成就感了。在此装B一下，我是那种可以平淡但拒绝平庸的人，无论如何，在一方面不如人，我就会在其他方面超越别人，哈哈哈，［捂脸跑］&br&&br&在此，也说一下我为这个兴趣所付出的代价吧：&br&&ul&&li&沉迷于跑跑卡丁车这一款赛车游戏，让我初中经常熬夜，吃方便面，喝学校自来水，拿着自己的饭钱去交网费，去买游戏币。身高167cm，从初中到如今大学毕业一直没有变过，可能你们觉得身高可能也没有什么，要知道我女朋友可是比我高5cm的。顺求各位大神教我对待“你女朋友怎么比你还高”这一问题，如何神回复～～&/li&&br&&li&尽管初中沉迷于游戏，上了高中之后，所在的学校实行了封闭式管理，所以我最多也就只能够在午休的时候，看看窗外，想想那些年夕阳下的奔跑，怀念一下逝去的青春而已。高一的时候，全班60个人，我每次都可以自信自己考倒数。感谢高二文理分科，认识了我现在的女朋友，同时班主任是一个很好的英语老师，在他的辛勤教育下，我永远不会忘记我在高二升高三的暑假考试上，成功的考上了班级第一名。如果你说这个应该是秀优越感而不是代价，那就接着看下去。由于有的时候也考过年级第一，自信心逐渐提高，我理想的大学也就理所当然的在教室后面的黑板墙上写下了“武汉大学”，因为我知道武汉大学的计算机专业是全国排名靠前的，而且我很喜欢武汉这座城市，长江二桥，江滩，东湖，武大樱花。。。&/li&&/ul&&br&此处奉上武大校园风景图，我现在还保留着当年去武大游玩，买下的明信片，书签，3D图；&br&&figure&&img src=&https://pic4.zhimg.com/f32fda1acb_b.jpg& data-rawwidth=&560& data-rawheight=&260& class=&origin_image zh-lightbox-thumb& width=&560& data-original=&https://pic4.zhimg.com/f32fda1acb_r.jpg&&&/figure&每次放假回家收拾东西的时候，看到这些信物，都有一种莫名的伤感。&br&&br&就因为这个梦想，第一年高考落榜，我没有填任何志愿，选择了复读，而我女朋友也心甘情愿的选择陪我复读一年。要知道复读艰辛，女生的青春如何宝贵。结果第二年依然落榜，既然不能报考计算机专业，也不能考上武汉大学，那么报考任何学校的任何专业对于当时的我来说已经无所谓了。。。女朋友很放心的让我全部帮她填报志愿，我想武汉这座城市让我不能释怀，昆明四季如春，那两个人就都报考云南的大学吧，何况还有还珠格格、天龙八部等各种动人的故事呢！。。。结果我在提前批被广州大学录取了，女朋友则去了离信阳有千里之遥，需要坐火车30多个小时的昆明，而我则去了远离家乡的广州，广州到昆明最快要24个小时。记得当初女朋友她爸带她去昆明入学时，她爸买的是30多个小时的站票，不管是对她还是她父亲，我都难辞其咎，这让我愧疚了整个大学！&br&&br&复读落榜最惨的就是你辜负了你的梦想，也对不起你流的汗水，何况还有一个女生要一如即往地选择相信你呢？你辜负的不仅仅是你自己！&br&&br&如果你把以上内容看完了，你多少应该能够感受一下下我对计算机，对互联网复杂的感情吧！既然对计算机专业有浓厚的兴趣，又牵扯到了这么多的人情世故，而我自己的所学专业又是心理学，怎么破呢？理所当然的也就从大一开始便走上了疯狂自学计算机，自学编程的道路！进入大学之后，之前在高中老师眼中的好学生已经不复存在，因为我选择了放弃心理学，结果可想而知，在班级的排名一落千丈，这种巨大的反差导致的失落感不是谁都能体会出来的！从初中的学渣到高中的学霸，再从高中的年级前几名到大学的班级倒数，一路走过来，学霸学渣，贯穿于其中的都是对互联网与计算机的热爱与坚持！酸甜苦辣，如人饮水，冷暖自知，还好我即使现在大学快毕业，也还对Web编程怀有浓烈的兴趣，保留着一份赤诚！&br&&br&＝＝＝＝＝＝＝＝放一张实习指导老师在微信群发布的实习结束的集体照＝＝＝＝＝＝＝＝＝＝＝&br&&figure&&img src=&https://pic4.zhimg.com/6cc06da3ac26cfd2f3c51f8e0e89b0bb_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/6cc06da3ac26cfd2f3c51f8e0e89b0bb_r.jpg&&&/figure&能认出我的都是真爱～～&br&&br&缓了一下神，突然想到鲁迅说过，悲剧就是把有价值的东西毁灭给人看，古人诚不欺我。。。&br&第一次发帖，第一次憋尿这么长时间，我要先去洗个澡了，然后找个时间更新完剩下的两部分内容，讲一下自学的技巧与自学的目标。&br&&br&一个一个字的输入，不管您是外行看热闹，还是内行看门道，都麻烦您顺手点个赞，满足一下我小小的虚荣心&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&＝＝＝＝＝早上醒来继续更，顺便吐槽下，广州今天变得好冷，昨天我还是短袖＋大裤衩＝＝＝＝＝＝
&/code&&/pre&&/div&&br&早上打开百度统计后受宠若惊，个人的技术博客和问答社区已经开始有流量了，有部分流量还是来源于知乎上的。个人技术博客和问答社区其实也是我在附中的心理咨询室实习的时候抽空去开发的。例如手机端还没有实现响应式的效果，网站也还没有开始进行任何的优化，空洞的网站，内容也都还需要大量时间去充实。当初仅仅是想体验一下世界第一的PHP框架之Laravel框架的魅力，所以就开始动手做项目了～～一切再慢慢完善吧，谢谢你们的访问！&br&&br&这是我的网站在百度统计上面的数据截图，分享给知乎好友看一下。你们在自学PHP的同时，顺便还可以了解一下SEO相关的知识。好的程序猿不仅要会用PHP把项目做起来，还要能够推出去哦，酒香也怕巷子深。。。&br&&br&&figure&&img src=&https://pic3.zhimg.com/62e7b8b878a06cffcd33e_b.png& data-rawwidth=&580& data-rawheight=&363& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&https://pic3.zhimg.com/62e7b8b878a06cffcd33e_r.png&&&/figure&&br&从数据上可以看出来，今天一觉醒来，有23个人访问我的技术博客网站，23个人一共浏览了167次页面，哈哈哈，内容吸引度还挺高的&br&&br&大家还可以看一下浏览量的折线图，网站GC的这几天，就是被你们触发的，你们为中国男人做出了榜样，赞一个，哈哈哈！&br&&br&然后再分享一下地域分布图吧，这张图让我大爱全国各省人民。。。你们有遇到过因为一个人，爱上一座省的感觉不？我爱来自全国各地的知友！&br&&br&&figure&&img src=&https://pic2.zhimg.com/ac84ddf8f484acb934bfcd_b.png& data-rawwidth=&580& data-rawheight=&363& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&https://pic2.zhimg.com/ac84ddf8f484acb934bfcd_r.png&&&/figure&&br&网站的访问人群已经覆盖10个省市了，摸摸大&br&&br&我要去准备论文开题报告和实习总结了，有啥疑问的都可以评论，有时间了我会更新正文的同时并回复。。。据说点赞的人学编程会进步更快哦！&br&&br&＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝&br&&br&写实习报告不容易，当老师更不容易，各种听课、评课记录、教案与主题班会和活动策划&br&&figure&&img src=&https://pic4.zhimg.com/7b257a62f7caa2b46b922b_b.jpg& data-rawwidth=&580& data-rawheight=&326& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&https://pic4.zhimg.com/7b257a62f7caa2b46b922b_r.jpg&&&/figure&&br&&br&先提前放一张刚才画的Web全栈学习路线图吧，这也是我目前自学到的主要编程内容；如果哪里不对，也希望大神指定，我自己也还需要通过不断改进逐渐进步；&br&&br&&figure&&img src=&https://pic1.zhimg.com/937f855fabe09d403f7829c_b.png& data-rawwidth=&2560& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&2560& data-original=&https://pic1.zhimg.com/937f855fabe09d403f7829c_r.png&&&/figure&&br&&br&之前一部分的标题是：&br&&b&一、自学的动机：一定要有浓厚的兴趣，可以在你迷茫的时候不断地支撑着你走下去&/b&&br&现在开始码字第二部分：&br&&b&二、自学的技巧：定位要明确，知识体系要系统，并一定要做好笔记&/b&&br&&br&&br&定位要明确就是在你通过自学对整个全栈开发有一个初步了解后，就要确定一下你未来的职业发展方向。如果你喜欢前端就一心一意地往前端方向去发展；如果你喜欢后台就专心致志地往后端方向去发展；&br&&br&如果你们看到我刚才放的全栈学习路线图了，感觉跟此处的说法有出入，不要喷我，我很瘦小的。主要是我既喜欢前端中的各种JS，又喜欢后台的PHP以及服务器的运维，所以就老少男女通吃了；&br&但这种做法的后果往往就是以后你在找工作的时候，会与各家公司的HR互相撕B；你说你自己啥都会，而他们就会说你啥都不精，这个后果是很严重的，你肯定会在笔试中吃亏；&br&&br&放眼到娱乐圈，凤姐走的不就是实力路线吗？之前成功拿到美国绿卡，现在也已经成为天使投资人了。如果她整天晒一些床照，你们会看不？所以呢，定位一定要明确；&br&&br&从拉勾网上的的招聘职位来看Web开发方向上的职位主要是前端工程师、PHP工程师和Linux运维工程师，涵盖了前端、后台和服务器运维三大方向&br&&br&从我创业的经历来看，无论是从开发成本、推广成本来看，个人还是最看好Web开发的前景。当前最火的就是微信公众号的开发了，而公众号的开发官方推荐语言正是PHP；&br&&br&所以，一言以蔽之，学PHP开发的很有前途，学Web前端开发的前途更是不用多解释。国内的互联网公司目前对用户体验的重视也上升到了一个新的层次，从各种各样的产品经理身上就能看出来了&br&之所以先说这些废话，主要是向让大家安心自学；&br&&br&不要去追一匹马，用追马的时间种草，待到春暖花开时，就会有一批骏马任你挑选&br&我可没有说上面这句话是出自屠老先生&br&&br&有知乎好友评论：到现在都还没有看到重点，那我就先提前说一下，我目前为止自学的内容有哪些，以及教程的出处在哪吧&br&&ul&&li&前端：&/li&&/ul&&figure&&img src=&https://pic1.zhimg.com/a0edfd03c01c0c81da954_b.jpg& data-rawwidth=&640& data-rawheight=&443& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/a0edfd03c01c0c81da954_r.jpg&&&/figure&&br&HTML（HTML4）：大二上学期在硅谷动力开始学习&a href=&//link.zhihu.com/?target=http%3A//www.enet.com.cn/eschool/zhuanti/dwvip/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dreamweaver入门基础与HTML视频教程--中国最权威的电脑教程软件资讯网站--eNet学院&/a&，迈出了我人生中编程的的第一步。可能大家很少听说过这个网站，主要是因为编辑部的师姐让我在这个网站上自学PS，所以我才看到有这么一个网页制作视频教程，然后就领会到了视频教程对我这种穷B有多么大的好处，从此一发不可收拾地走上了自学之路。无法评判这个教程的好坏，至少让我懂得了网页制作的概念，什么是IDE，当初听得可能是云里雾里的，后来实战中多用用就熟练了。编程重在写代码，而非死记硬背。现在不推荐在这个网站学习HTML教程，有些过时，直接学习&a href=&//link.zhihu.com/?target=http%3A//www.ycku.com/html5/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5 | 瓢城Web俱乐部&/a&更好。&br&&br&&figure&&img src=&https://pic3.zhimg.com/aaf_b.jpg& data-rawwidth=&600& data-rawheight=&338& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic3.zhimg.com/aaf_r.jpg&&&/figure&&br&CSS（LESS）：学习CSS的时候，我并没有看视频，在广大的图书馆找到的这样一本书，&a href=&//link.zhihu.com/?target=http%3A//www.minxue.net/87/n-58387.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《CSS从入门到精通》扫描版[PDF]&/a&，比较基础，也比较系统全面，推荐&br&&br&&figure&&img src=&https://pic1.zhimg.com/ba2eb71d529bdfa0301a8_b.jpg& data-rawwidth=&580& data-rawheight=&360& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&https://pic1.zhimg.com/ba2eb71d529bdfa0301a8_r.jpg&&&/figure&&br&JavaScript：我记得当初很多人说JavaScript太复杂，建议直接学习jQuery框架就好。但是我的理念就是知识体系要系统，现在想来，这绝对是一个非常正确的选择。殊不知近年来，前端发展异常迅速，前端框架千变万化，让人眼花撩乱，即使学会了jQuery框架，如果不会jQuery框架的基础JavaScript，又怎么能够平滑过渡到其他的JavaScript框架呢？诚然，我目前也的确认为世界上最难的编程语言是JavaScript，但这又是Web开发从业人员不得不面对的，所以请享受无法摆脱的痛苦。&br&&br&推荐书籍：&a href=&//link.zhihu.com/?target=http%3A//www.jb51.net/books/102318.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript高级程序设计(第3版) 中文pdf扫描版 89M 电子书 下载&/a&，学过JavaScript的都说好，不要被他的书名给吓到了，真正是一本深入浅出，从入门到精通的好书。看看它的亚马逊排名就知道了，我前几天还特意在淘宝上买了一本盗版的，28块钱，罪过，不为别的，只为收藏和纪念&br&&br&另外李炎恢老师的JavaScript视频教程大部分内容也都是借鉴于这本书哦，看完了老师的149集JavaScript视频教程里面的知识点部分，感觉没有原版的书籍有滋有味，也没有原版的书籍讲得连贯。求李老师此刻的心理阴影面积，哈哈哈，江苏盐城离广州还是比较远的，不怕你过来打我。&br&&br&今天的更新就到这吧，zZZ~~。。。艾玛，估计是大姨夫来了&br&放上百度的Console，希望大家有一天可以用上，到时一定要请我吃饭哦；&br&&br&&figure&&img src=&https://pic3.zhimg.com/f9a573d01ed7b90993c5e_b.png& data-rawwidth=&2560& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&2560& data-original=&https://pic3.zhimg.com/f9a573d01ed7b90993c5e_r.png&&&/figure&&br&＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝继续更新，继续求点赞＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝&br&&br&&figure&&img src=&https://pic2.zhimg.com/2c7b1de9bec74a1d78b5_b.jpg& data-rawwidth=&590& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&590& data-original=&https://pic2.zhimg.com/2c7b1de9bec74a1d78b5_r.jpg&&&/figure&&br&jQuery框架：JavaScript学完之后，必学历史悠久，影响深远的jQuery框架，推荐&a href=&//link.zhihu.com/?target=http%3A//www.linuxidc.com/Linux/27.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&锋利的jQuery(第2版) 完整版PDF+源码_Linux下载_Linux公社-Linux系统门户网站&/a&，深入浅出，系统全面；如果想踏入jQuery高手第一阵营，那就研究一下jQuery 2.0.3的源码吧，可以看一下&a href=&//link.zhihu.com/?target=http%3A//jquery.miaov.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&妙味课堂-jQuery源码分析视频&/a&，有50多集的试看教程。&br&&br&如果想全部看完的话，要交190块钱的VIP会员费，去年我买的时候只要100块钱。&br&&figure&&img src=&https://pic4.zhimg.com/533bf65b577_b.png& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic4.zhimg.com/533bf65b577_r.png&&&/figure&&br&&br&建议先试看，觉得好再买会员，因为也不见得你能看得懂，哈哈哈！jQuery源码是丰富的宝藏，蕴含了很多优秀的设计模式与开发理念，其他的JavaScript框架大都受此影响，想致力于前端开发的人，值得一看！&br&&br&ExtJS：说实话此框架组件丰富，功能比较强大，不过入门比较难，不再建议学习，倒是因为这个框架知道了一位业界众所周知的前端大神大漠，目前就职于中兴软创，而不是就职于淘宝的那位，虽然他也是前端大神。。。我当时也是看重这个框架可以做出一个类似Window桌面的HTML应用，所以比较感兴趣，实际上在自己的项目中很少用到。&br&&br&比较好的教程就是&a href=&//link.zhihu.com/?target=http%3A//www.jb51.net/books/328309.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ext江湖(大漠穷秋) PDF扫描版[104MB] 电子书 下载&/a&，全书诙谐幽默，弥漫着武侠气息，在基础部分，你可以看到很多优秀的JavaScript代码；&br&&br&&figure&&img src=&https://pic2.zhimg.com/3bbd21f15c8d51f62f185c1cb8fe2875_b.png& data-rawwidth=&860& data-rawheight=&319& class=&origin_image zh-lightbox-thumb& width=&860& data-original=&https://pic2.zhimg.com/3bbd21f15c8d51f62f185c1cb8fe2875_r.png&&&/figure&&br&FIS：百度官方出品，用于构建前端开发自动化的工具，代码合并、压缩、测试，一气呵成，当你能够熟练使用JavaScript与jQuery的时候，直接看官方文档即可，官网&a href=&//link.zhihu.com/?target=http%3A//fis.baidu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&FIS3 - 前端工程构建工具&/a&&br&&br&&figure&&img src=&https://pic2.zhimg.com/fc539d349ea7bdc9a26fe55d505b5285_b.jpg& data-rawwidth=&600& data-rawheight=&336& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic2.zhimg.com/fc539d349ea7bdc9a26fe55d505b5285_r.jpg&&&/figure&&br&&b&BootStrap：&/b&我自己的技术博客 &a href=&//link.zhihu.com/?target=http%3A//www.siguoya.name/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&写如诗的代码&/a& ，和 &a href=&//link.zhihu.com/?target=http%3A//wenda.siguoya.name/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&思过崖的问答社区&/a& 问答社区都有使用。Twitter官方出品，世界上最流行强悍的HTML＋CSS＋JavaScript前端开发框架。在目前众多的Yii和Laravel后端PHP框架中已经内置了Bootstrap前端开发框架，这个也算是给很多致力于后台开发，但又想做出比较好看的前台页面的程序员GG或者是全栈工程师带来了无比巨大的希望。关于Bootstrap 的学习，看官方文档或者菜鸟教程都行&br&&br&&ul&&li&后台：&/li&&/ul&ASP：这个不多说，建议别看，我当时学习ASP，只怪儿时年幼无知，贴吧有大神说学会ASP之后，学PHP就很容易了，ASP是PHP的基础；我无异于挑起争端，尼玛，PHP本身就是以入门容易、上手快出名的呀；而且全世界目前大概有80%的网站都是用PHP做出来的，你还学ASP干毛线；视频地址：&a href=&//link.zhihu.com/?target=http%3A//www.enet.com.cn/eschool/zhuanti/asp/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ASP互动视频教程&/a&，建议别看！在讲PHP的时候谈ASP，就是想让大家知道这是一个坑；&br&&br&&a href=&//link.zhihu.com/?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&/a&：同为微软家的产品，&a href=&//link.zhihu.com/?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&/a&我倒是挺喜欢的，骆老师的教学视频也绝对是业界良心，诚意之作，由浅入深，系统全面，&a href=&//link.zhihu.com/?target=http%3A//www.51zxw.net/list.aspx%3Fcid%3D410& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ASP.NET基础实例教程&/a&。记得有一次我凌晨两点给他发邮件，他10分钟之后就给我回复了,这样的好老师就和你的高三班主任一样，是可遇不可求的。另外说到了ASP刀NET，就不得不祭上我最爱的三大开发神器之一的VisualStudio了；&br&&figure&&img src=&https://pic3.zhimg.com/fb1c56cbbe_b.jpg& data-rawwidth=&535& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&535& data-original=&https://pic3.zhimg.com/fb1c56cbbe_r.jpg&&&/figure&只不过后来的微信公众号开发很火，才转向了PHP方向，有些遗憾。。。&br&&br&PHP：这个应该算是我回复的重点中的重点了，最最最最最认真的写一下；&br&学习PHP算是比较幸运吧，没有走多少弯路，直接就在 &a href=&//link.zhihu.com/?target=http%3A//www.ycku.com/course/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&课程 | 瓢城Web俱乐部&/a& 上找到了PHP的教学视频，这个算是对我大学以及未来的求职 &a href=&//link.zhihu.com/?target=http%3A//www.siguoya.name/home/about/offer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&写如诗的代码&/a& 有里程碑意义的事情了。饮其流者怀其源，学其成时念吾师，感谢李炎恢老师能够独自一人，始终如一的坚守，由浅入深，系统全面地出品了588集的PHP视频教程，在这个在线教育商业化程度越来越高的时候，实属不易。&br&&br&客观上来讲，李炎恢老师的PHP分为四季，每一季都以项目实战为主，很锻炼人的动手能力和全栈开发的能力。&br&建议初学者可以先学习第一季、第二季和第四季，第三季难度比较大，先不要学。等参加工作后，项目做熟练了，想沉淀下来对PHP语言本身有一个深度的认识，再学也不迟；&br&&br&薪酬方面，可能大家都比较关心，在这里既不吹也不喷，保持着对初学者认真负责的态度来说。学完四季的PHP之后，自己如果还能从头到尾，独立的去开发一个自己喜欢类型的项目出来，工资在广州拿到5k到8k应该不是太大问题。&br&其实我是深深的感觉广州在全国城市的排名是对不起他的工资标准的。&br&当然，你如果跟我说去培训班培训三个月出来，月薪就上万，我就会跟你扯培训班的培训费用、培训时间和培训内容里面的水分。我自己也是负责过一些企业在校园里面技术校招方面的HR工作的，这个大家都心知肚明。&br&&br&时间方面：588集的教程视频也确实可以说是工程量巨大，其中牵扯到的又有HTML，CSS，JavaScript、jQuery、jQuery UI、jQuery EasyUI等相关技术和SVN，Navicat等开发工具。如果你比较拼命的话，每天学3到5集（每集大概20分钟），其他时间用于恶补PHP相关的技术，大概半年的时间是可以大大提高你的身价的。&br&&br&我读的是心理学专业，白天也还要去教室上课，所以每次晚上放学回宿舍，就从7点开始学到凌晨2点才睡觉，有时就直接把电脑带到教室去了，每年寒假回家过年也都是一直在苦B的学编程，就这样坚持了大半年，终于熬到出关。&br&如果你想领取比较高的薪水，还不想吃苦，有这样的事情，我很乐意出钱拜你为师；&br&&br&费用方面：李老师四季的PHP视频教程，前两季免费，第三季160，第四季240。我当时是一次性花400块买了第三季和第四季的，艾玛，没有任何优惠，这个确实有些不能忍。&br&&br&可能有人说韩顺平等老师的视频教程是免费的，这个问题也有朋友私聊过我，我当时的一致回复都是其他老师侧重于专题知识点和小项目，而李老师的视频侧重的是完整项目的实战开发，因为他们的视频教程，我也都有学习过，例如韩顺平老师的HTTP协议在李炎恢老师的教程里面就没有出现，这个HTTP协议还是非常建议学一下的。此外，稍微学过经济学的人都知道，市场经济商业竞争从来都是优胜劣汰，想想李老师既不优惠，又不促销，收费是有收费的道理的。&br&&br&就我自己而言，我是从来不吝惜在教育方面的投资的，捐了400块给李老师学习PHP，又捐了100块给妙味课堂学习jQuery源码，就在昨晚因为进一个微信群还捐了118块钱的红包。&br&只有那些愿意为知识买单的人才会成长更快，希望大家的眼光都能够放长远一些，出一些钱，可以让自己学的知识更有含金量，走更少的冤枉路，有一个优秀的人际圈子，这样的话，未来的职业发展才有更大的上升空间。最后再回过头看一下，你将会发现产出的价值是远远大于投入的。&br&&br&不要说我可能比较有钱，要知道我大学每年都是领助学金过来的，大一大二一直都在勤工俭学。&br&&br&&figure&&img src=&https://pic3.zhimg.com/035fbaf0bc2_b.jpg& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic3.zhimg.com/035fbaf0bc2_r.jpg&&&/figure&&br&&br&&br&&br&&figure&&img src=&https://pic1.zhimg.com/36fd9b0be_b.png& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic1.zhimg.com/36fd9b0be_r.png&&&/figure&&br&其实这跟我当初执意要厚着脸皮向同学借钱买8000块钱苹果电脑一样，都算是对未来的投资吧！不同的是，很多同学买苹果电脑是为了装B，而我则是用来学习Linux，因为苹果电脑是将命令行操作与图形界面完美结合的的开发设备，大爱乔老爷子～&br&&br&现在我们就来看一下这四季的PHP教程主要有哪些内容吧&br&&figure&&img src=&https://pic2.zhimg.com/4f12a05fb47d18640aeb8d5d_b.png& data-rawwidth=&750& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/4f12a05fb47d18640aeb8d5d_r.png&&&/figure&第一季：用PHP基础知识开发一个个人博客项目&br&&ul&&li&PHP开发环境的搭建&/li&&li&ZendStudio IDE编辑器的使用和项目版本控制&/li&&li&PHP基础知识&/li&&li&自己写一个富文本编辑器&/li&&li&一个完整的项目的前后端开发以及mysql使用的流程&/li&&/ul&&br&&figure&&img src=&https://pic2.zhimg.com/830b5bdd2e7d9cbab69dd_b.png& data-rawwidth=&750& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/830b5bdd2e7d9cbab69dd_r.png&&&/figure&&br&第二季：用面向对象的知识开发一个CMS新闻管理系统&br&&ul&&li&使用面向对象的方式去开发项目&/li&&li&学会三层架构的开发模式&/li&&li&如何自己去写一个模版引擎，了解网站内容缓存的原理&/li&&li&一个完整的项目的前后端开发以及mysqli使用的流程&/li&&/ul&&br&&figure&&img src=&https://pic4.zhimg.com/a7d5b703ed9acbece4ecf4a3_b.png& data-rawwidth=&750& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/a7d5b703ed9acbece4ecf4a3_r.png&&&/figure&&br&第三季：学会自己写一个框架，开发一个在线商城系统&br&&ul&&li&学会各种PHP设计模式&/li&&li&使用Smarty模版引擎&/li&&li&自己写一个PHP框架出来&/li&&li&支付宝API的调用&/li&&li&一个完整的在线商城项目的前后端开发的整个流程&/li&&/ul&&br&&figure&&img src=&https://pic3.zhimg.com/cc552ffcb9a19f683bf1bc_b.png& data-rawwidth=&750& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/cc552ffcb9a19f683bf1bc_r.png&&&/figure&&br&第四季：使用大道至简的ThinkPHP框架开发类似新浪微博的系统&br&&ul&&li&学会使用ThinkPHP开发框架，当你艰辛地学完第三季的时候，第四季已经是So easy了&/li&&li&学会Mysql优化的各种方法&/li&&li&学会使用SVN对代码进行版本控制&/li&&li&一个完整的基于ThinkPHP框架＋Navicat数据库管理工具＋SVN代码版本控制工具的项目的前后端开发的整个流程&/li&&/ul&&br&当你学完这四季的内容，估计在你们学校已经遥遥领先于众多人了，混个技术部部长当当也不是多大事儿，大学毕业之后的工作问题也就解决了；不吹不喷，还是学完之后5k到8k。想突破的话，还要自己单枪匹马做一个项目出来再说。&br&请记住，Speak easy，show me your code.&br&&br&关于PHP这个主要部分的内容，就到此结束了，放一张我在为知笔记软件上做的笔记目录和内容的截屏吧。这个很重要，希望大家都能够养成勤做笔记的好习惯。&br&&figure&&img src=&https://pic1.zhimg.com/b7c2b32c6e881b2f0c84_b.png& data-rawwidth=&580& data-rawheight=&363& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&https://pic1.zhimg.com/b7c2b32c6e881b2f0c84_r.png&&&/figure&&br&&br&最后，时间宝贵，而且我自己手上也还有好几个项目要开发。&br&此外，最开始发帖的时候我就说月底要去云南找女朋友旅游了！&br&&br&关于大一大二在大学勤工俭学，加入学院编辑部学习PS图片处理和PR视频剪辑的事情；&br&关于大二开始疯狂编程遇到各种坑，各种挂科，到最后给外国技术主管写英文信，翻译国外的技术视频教程到国内的事情；&br&关于大三上学期加入一个大学生创业团队，开发一个月流水过百万的网站的事情；&br&关于大三下学期自己离职出来创业，从最开始一无所有，到组建创业团队，购买阿里云服务器，从第一行代码写起，到申请服务器备案，成立网络科技公司当CEO，管理团队的网站项目和微信项目的开发，再到如何推广获取用户，参加创业大赛，成为广东省重点创业项目，寻找广州的天使投资机构寻求天使投资，再到最后为何没有继续做公司，选择注销公司与工商局相爱相杀的事情；&br&关于如何解决创业、工作与家庭、爱情的关系的事情&br&&br&上面列出的所有内容，由于时间关系都不继续写下去了，因为答案与提问的问题不相符合，而且为了尊重各位好友，所有的评论，我都会一一认真的回复，需要大量时间。其实如果时间允许，我还是一个话痨呢。&br&&br&如果有好友比较八卦或者是想避免自学、培训、创业、工作过程中遇到的各种坑，可以加我微信 w7570061 。伸手党和吹水党不要加，大家的时间都很宝贵；不备注的、来历不明的不加，望见谅！&br&&br&最后，放上我心爱的苹果电脑的Archey截图，这个帖子不再更新新的内容，仅在有空的时候回复知友对之前内容的评论。希望大家都可以通过编程改变人生！&br&&br&&figure&&img src=&https://pic3.zhimg.com/ad09375c1dbac574bc46ae_b.png& data-rawwidth=&580& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&https://pic3.zhimg.com/ad09375c1dbac574bc46ae_r.png&&&/figure&
大四实习刚结束，趁现在还在学校写心理学论文开题报告没有回家，本来想在知乎上查找一些跟PHP有关的精华信息的，结果看到“自学PHP”这个永远没有结果的话题。我就趁此机会，说一下我自己的看法吧，就当是对我这些年的编程之路甚至是求学之路做一个总结。内…
尤其不认可W3school之类的东西，不够深度，理解不深，比起这个更建议看官方文档，中文不清楚，看英文的。&br&&br&&b&&u&入门视频：&/u&&/b&&br&入门视频推荐：&a href=&//link.zhihu.com/?target=http%3A//v.163.com/special/opencourse/buildingdynamicwebsites.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&哈佛大学公开课：构建动态网站&/a&&br&&a href=&//link.zhihu.com/?target=https%3A//www.udemy.com/php-mysql-tutorial/%3FsiteID%3D4JWKdWwRqkY-ytwjIDhXwLSMlpq0Rn45Wg%26LSNPUBID%3D4JWKdWwRqkY& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Beginner PHP and MySQL Tutorial&/a&&br&另，java版的 &a href=&//link.zhihu.com/?target=http%3A//v.163.com/special/programming/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&斯坦福大学公开课：编程方法学&/a&推荐看看。 &br&若实在想看国内的，可看下：&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/course/list%3Fc%3Dphp& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&慕课网-国内最大的IT技能学习平台&/a&&br&&br&&u&&b&关于书籍&/b&&/u&：&br&&div class=&highlight&&&pre&&code class=&language-text&&原则：只看国外的，只用Google，只用英文. 一般用图灵的技术书籍。
&/code&&/pre&&/div&推荐书籍：&br&&ol&&li&入门篇：《PHP和MySQL Web开发(第四版)》&br&&/li&&li&进阶篇：《深入PHP 面向对象、模式与实践》&br&&/li&&li&钻研篇：《代码大全》《重构 改善既有代码的设计》《程序员修炼之道 从小工到专家》《人月神话》，其他：数据结构与算法、设计模式、安全、最佳实践。&/li&&/ol&&u&&b&&br&&br&在线教程&/b&&/u&：&br&&ol&&li&推荐一个在线学习： &a href=&//link.zhihu.com/?target=http%3A//www.codecademy.com/courses/web-beginner-en-StaFQ/0/1%3Fcurriculum_id%3Dd510dd89003eb8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Introduction to PHP&/a&&/li&&/ol&&b&&br&&br&其他资源&/b&：&br&&ol&&li&基础，官方文档 &a href=&//link.zhihu.com/?target=http%3A//php.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PHP: Hypertext Preprocessor&/a&&br&&/li&&li&关于问答，使用&a href=&//link.zhihu.com/?target=http%3A//stackoverflow.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Stack Overflow&/a&（任何疑问，用g），&a href=&//link.zhihu.com/?target=http%3A//www.quora.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Quora - Your Best Source for Knowledge&/a& （业余时间看看）， &a href=&//link.zhihu.com/?target=http%3A//www.quora.com/What-are-the-best-blogs-for-a-PHP-developer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&What are the best blogs for a PHP developer?&/a&，国内：&a href=&//link.zhihu.com/?target=http%3A//www.dewen.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&德问:编程社交问答&/a&，&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/t/php& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&php - SegmentFault&/a&&br&&/li&&li&其他教程，推荐&a href=&//link.zhihu.com/?target=http%3A//www.sitepoint.com/php/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SitePoint PHP&/a& ，&a href=&//link.zhihu.com/?target=http%3A//code.tutsplus.com/categories/php& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&code.tutsplus.com/categ&/span&&span class=&invisible&&ories/php&/span&&span class=&ellipsis&&&/span&&/a&&br&&/li&&li&使用一个MVC框架，&u&从面向对象开始，远离面向过程&/u&，推荐laravel ,初学可CI入门&/li&&li&不停的做项目。coding到一定数量，才会明白其中道理&/li&&li&&u&做好的程序员，远离百度，使用Google，学会用英语搜索&/u&&/li&&li&PHP之道：&a href=&//link.zhihu.com/?target=http%3A//www.phptherightway.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PHP: The Right Way&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//phpbestpractices.justjavac.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PHP 最佳实践: 一份简短的关于 PHP 容易混淆知识点的实用指南&/a&&/li&&li&国内博客：&a href=&//link.zhihu.com/?target=http%3A//www.laruence.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&风雪之隅-Laruence的博客&/a& ， &a href=&//link.zhihu.com/?target=http%3A//huoding.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&火丁笔记 &/a&，&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_466cy.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&杨建：网站加速--Cache为王篇&/a& ，&a href=&//link.zhihu.com/?target=http%3A//zyan.cc/category/15/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张宴&/a&博客.&/li&&li&Github资源：&a href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&justjavac/free-programming-books-zh_CN · GitHub&/a&&a href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&justjavac/free-programming-books-zh_CN · GitHub&/a&&a href=&//link.zhihu.com/?target=https%3A//github.com/nemoTyrant/manong& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&nemoTyrant/manong · GitHub&/a&&/li&&/ol&&br&&b& update:&/b&&br&某些人说我这是装逼回答，好吧。我是觉得这些资料不错，我平时也在用，如果大家有好的资源也可以分享出来啊。
尤其不认可W3school之类的东西，不够深度，理解不深，比起这个更建议看官方文档，中文不清楚，看英文的。 入门视频： 入门视频推荐：
另，java版的 推荐看看。 …
计算机行业很多领域都符合82定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。&br&在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。&br&拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。&br&总之就是专心对付最重要的东西，那些什么less、sass、angular这类的东西，当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。&br&最后我觉得最难的就是实践，只有实践才能学到真正的技术，新人很难参与一些有价值有意义的项目，没有这些项目又很难成长，所以自己有项目可参与应该珍惜，没项目应该多造一些有价值的轮子。&br&&br&&b&感谢不点赞的都是&/b&&b&耍流氓&/b&&b&！！！！&/b&&br&&b&　　　　　　　　耍流氓！！！&/b&&br&&b&　　　　　　　　耍流氓！！！&/b&&br&&br&&b&一夜之间赞已接近最高票，受宠若惊，决定一不做二不休，把最高赞给夺过来。&/b&&br&&b&评论里 &a data-hash=&65f95ecdf74bb3e400801& href=&//www.zhihu.com/people/65f95ecdf74bb3e400801& class=&member_mention& data-editable=&true& data-title=&@吴林& data-hovercard=&p$b$65f95ecdf74bb3e400801&&@吴林&/a&朋友说写个提纲或者专栏，专栏就搞不起了，那就简单列个提纲，以期抛砖引玉。&/b&&br&&br&1.html的语法、格式，常用的标签极其作用，理解标签的嵌套，学习使用firefox+firebug或者chrom的调试工具，能够使用这些工具调试html、css、js、断点调试、抓包&br&&br&2.如何引入css、js（有多少种方法，各种方法有什么区别），理解id、class属性的区别，学会css的常用选择器，理解盒子模型（padding，margin，border，width，height，），css坐标系，css布局（position的absolute、relative 、fixed、static），css浮动（float：left、right ）和清除浮动（clear）,display:inline、block、inline-block、&b&flex&/b&&br&&br&3.js的执行顺序，基本的编程基础（变量、运算、流程控制、数组、调用函数、自定义函数、对象）、json、js的dom操作、js的事件机制（委托、绑定、监听，冒泡和阻止冒泡，兼容性），了解ajax的xmlhttprequest及其创建方法（多浏览器兼容）、跨域，明白其工作原理，评论里有朋友说http协议，确实是我疏忽，http协议是web的根本，所以其重要性再怎么强调都不为过，熟悉http协议对web开发的方方面面都有不少帮助，比如理解及使用ajax，比如调试程序、抓取数据等等，不过http是一个很杂很细的东西，内容很多，我建议也囫囵吞枣式地学习，先了解、熟悉简单的，以后在项目中遇到深入点的再进一步学习。&br&&br&4、使用jquery解放你的开发工作，学会jq选择器，修改属性、监听事件、修改css，学会写jquery插件。这一步我觉得可以和第3步穿插学习&br&&br&5、搭建服务器，弄个傻瓜服务器比如wamp，phpstudy等软件，可以一键建立一个apache+php+mysql的服务器，前期可以把你的静态页发布到本地服务器，使用本地服务器配合ajax学习。&br&&br&6、学点服务器端，建议php+mysql。&br&服务器端脚本其实很简单，总结起来就是4个东西：SESSION、COOKIE、Request、Response，结合http协议理解如何从Request取得数据，经过处理后Response给客户端。这就是整个过程。&br&至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结，基本上以实现业务为主。&br&&br&7、来点框架，理解MVC模式、推荐个比较流行的MVC框架：ThinkPHP，简洁好用不解释，国人弄的，文档和例子什么的非常丰富。&br&&br&写了乱七八糟一堆，大家凑合着看，建议从1往7学习。
计算机行业很多领域都符合82定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。 在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及…
&p&7.2 更新&/p&&p&被私敲的烦了，私信不回，要问问题可以去值乎付费提问。&/p&&p&对于绝大部分零基础转行的同学来说，你要做的不是想着怎么快速入门前端，而是应该补回计算机基础知识，拥有最基本的专业素养。可以直接拉到答案的最后了……&/p&&p&统一更新下前端现状：&/p&&p&文本编辑器：VS Code + 一系列插件&/p&&p&包管理工具：npm&/p&&p&JS：紧跟每年更新的ES标准，强烈推荐上TypeScript&/p&&p&CSS：多了个PostCSS，以及CSS Modules等一系列模块化方案……&/p&&p&框架：React全家桶，Vue全家桶，本身就是全家桶的Angular（至少擅长其一）&/p&&p&构建工具：webpack&/p&&p&流程工具：npm script足够了，实在不够再用gulp&/p&&p&额外值得强烈推荐的：函数式编程，响应式编程（RxJS）&/p&&p&----------&/p&&p&3.5 更新&/p&&p&大家还是别点赞了吧，这个答案似乎给了很多人前端入坑很简单的错觉，十分惶恐…&/p&&p&----------&/p&&p&11.25 更新
至今 1570 赞，3452 收藏，有点被吓到了。
其实这个回答主观性很强，不适合大多数人，所以收藏的意义不大。
----------
原答案：&/p&&p&五角场文秘职业技术学院，大三狗一枚。
刚刷完IFE最终任务之一，来分享下自己过去三个月的前端学习经历。
我的提交 &a href=&//link.zhihu.com/?target=http%3A//ife.baidu.com/review/detail%3FworkId%3D11105& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度前端技术学院&/a&&/p&&p&前端是干什么的我就不赘述了，推荐看这个答案：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？ - 张秋怡的回答&/a&
直接进入正题。前端入门是一个螺旋上升的过程，既要反复看书，也必须抓紧时间实践。&/p&&p&IFE是一个绝佳的练习平台，题目都是开源的。15年的学习资料比较多，而16年的题目题量较大，难度也稍大，新手很容易在task1-6丧失信心，那个任务实在是太麻烦了。所以我个人建议先刷15年的task1和task2，都是很基础的题目了，不会做也可以参考别人的代码。&/p&&ul&&li&IFE2015：&a href=&//link.zhihu.com/?target=https%3A//github.com/baidu-ife/ife/tree/master/2015_spring/task& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_spring/task at master · baidu-ife/ife · GitHub&/a& &/li&&li&IFE2016：&a href=&//link.zhihu.com/?target=http%3A//ife.baidu.com/task/all& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度前端技术学院&/a&&/li&&/ul&&p&我把这三个月大致分为三个阶段。&/p&&p&&b&1. HTML + CSS&/b&
前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的只是一个文本编辑器，推荐Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。当然你非要用记事本的话，也不是不行的。刚入门查阅资料可以用 &a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3school&/a& 或者 &a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MDN&/a& 。&/p&&p&HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，推荐慕课网 &a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/9& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML+CSS基础课程&/a&。
我当时是看了一本书 &i&Head First HTML and CSS&/i&，讲得浅显易懂，不过价格比较感人，也是只翻一遍的书，没有必要买了。
迅速刷一遍慕课网，对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。
HTML5的API可以先放一放，回头再看。&/p&&p&接下来就是深入学习CSS了。推荐：&/p&&ul&&li&《CSS权威指南（第3版）》。很枯燥的一本书，但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆，以后用到肯定要再查的。着重点放在大局上，比如盒模型，浮动和定位这些，抓住重点快速过一遍。&/li&&li&《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主，知道CSS3有什么内容就好，记忆属性是枯燥且毫无意义的。&/li&&/ul&&br&&p&以上内容用时5天左右，下面是实践。
学了几天HTML和CSS了，应该也有点成果了。打开IFE2015 task1，写个静态页面吧。&/p&&p&我X，完全写不出来。&/p&&p&这是正常的。去看下别人的代码吧，看一小部分就开窍了。忘掉的属性就查书或者w3c，多尝试，不断踩坑才有进步。&/p&&p&画完第一张图后，别着急往下写。你的代码肯定会有如下问题：&/p&&ul&&li&胡乱的代码缩进&/li&&li&毫无章法的属性顺序&/li&&li&满页的div&/li&&li&不停地写id和class&/li&&/ul&&p&重写吧，是的。重写之前先看一份代码规范 &a href=&//link.zhihu.com/?target=https%3A//github.com/ecomfe/spec& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ecomfe/spec: This repository contains the specifications.&/a&。当然代码规范不是唯一的，我最早看的是这一份，所以代码风格也一直维持到现在。
再去看一下别人提交的代码，多看几份。当然自己也要判断，不能听风就是雨啊，人家写得不好你再去重写一次，等于你也有责任对不对。
开始重写了，会发现功力大增，写代码速度也快了很多的。
写到第三张页面的时候，应该比较熟练了。如果看到布局就大概知道应该怎么写了，那就可以进入JavaScript的学习了。
以上内容用时10天左右。&/p&&p&进阶部分可以回头再看：&/p&&ul&&li&掌握预处理工具Sass，自动化工具Gulp。&/li&&li&阅读Bootstrap源码。
&/li&&li&《CSS揭秘》，极其惊艳的一本书，涵盖了CSS3的很多奇技淫巧，虽说有些地方不太实用，但让人眼前一亮，很值得看。&/li&&/ul&&br&&p&&b&2. JavaScript&/b&&/p&&p&这是至关重要的阶段。&/p&&ul&&li&强烈推荐《JavaScript高级程序设计（第3版）》，俗称红宝书。前七章是重中之重，必须反复阅读，直至完全理解，期间可配合其他书一起读。DOM，事件流，表单，JSON，Ajax与最后几章也相当重要。其余章节可以略读或跳过（比如浏览器嗅探，XML以及那些列举大量API的章节，完全可以用到再查）&/li&&li&推荐《JavaScript语言精粹》，俗称蝴蝶书。超薄的一本，半天就可以看完。JavaScript是一门有很多坑的语言，我个人是喜欢把这些坑点全部搞清楚的，但这本书却避而不谈了，剩下的也就是所谓的“精粹”了。但清晰地过一遍知识点总是好的。&/li&&li&强烈推荐《你不知道的JS》。精彩至极的一本书，将JavaScript的坑一网打尽。之前搞不懂的问题，比如闭包，this之类的都可以在这里找到答案。&/li&&li&ES6也是必学的内容，推荐阮一峰老师的《ES6 标准入门》。但这本书以API居多，所以还是留个大概印象，以后写到类似的地方，查一查有没有ES6更简洁的写法就好，不必死记硬背。以及需要学会Webpack的使用，Babel和模块化就靠Webpack了。&/li&&li&不太推荐《JavaScript权威指南》，也就是犀牛书。那就是一本字典……&/li&&/ul&&br&&p&进阶：&/p&&ul&&li&《JavaScript设计模式与开发实践》，设计模式是必须了解的内容，这本是写得不错的。
&/li&&li&《高性能JavaScript》，红宝书作者的另一力作，讲了一些优化技巧与性能瓶颈问题，值得一读。&/li&&/ul&&br&&p&以上内容用时1个月左右，中途可穿插IFE2015 task2的题，比2016年的要简单。
这些书全部刷完的话，应该可以跟人谈笑风生了。
开始实践，IFE2016阶段二的题，想怎么刷就怎么刷吧。如果有编程经验的话，应该没什么压力了。&/p&&p&&b&3. JavaScript框架&/b&
这部分就比较自由了，每个人点的技能树都不一样的。前端的发展是爆炸式的，换工具比翻书还快，所以还是以看文档为主了。
目前主流框架经常被提及的是React，Angular，Vue。知乎搜一搜就有相当多的优秀答案了。不过这个答案也有时效性，说不定过两年这些框架全都被淘汰了呢【逃
学习至少一种框架，把IFE2016刷通关吧。耗时1个半月左右。&/p&&p&进阶：看各种源代码。这也是我最近打算做的事情，但是好像期末考要到了TAT&/p&&p&最后补充一下，计算机基础知识是很重要的。由于本人有OI的经验所以稍微占点优势。再推荐几本书，抽空还是要看看的：&/p&&ul&&li&《深入理解计算机系统》，CSAPP，也是我们专业这学期的课程（但是我的专业明明是EE啊）。
&/li&&li&《计算机网络 自顶向下方法》，看名字就知道必读了吧。
&/li&&li&操作系统好书挺多的，推荐一本 &i&Operating Systems: Three Easy Pieces &/i&，英文不够好就《现代操作系统》吧。
&/li&&li&算法和数据结构，推荐两本：《算法导论》《数据结构与算法分析》。似乎算法和数据结构与前端关系不大，但作为一个码农，不要求你写红黑树，至少快速排序和二分查找这种要会写的吧。&/li&&/ul&&p&话说这几本中文的，都是机械工业出版社的啊……&/p&&p&后记：其实学的内容越多，就越感到自己知识面的匮乏。这个答案本应还有4,5,6甚至更多的，但由于本人只学了三个月，水平有限，目前只能达到这个程度了。写得不对的地方，望大牛们指正，轻拍。谢谢大家~&/p&&p&------------&/p&&p&惊人的点赞收藏比……只收藏不点赞的都是坏银QAQ&/p&
7.2 更新被私敲的烦了，私信不回，要问问题可以去值乎付费提问。对于绝大部分零基础转行的同学来说，你要做的不是想着怎么快速入门前端，而是应该补回计算机基础知识，拥有最基本的专业素养。可以直接拉到答案的最后了……统一更新下前端现状：文本编辑器：…
收藏的干货都拿出来啦&br&&ul&&li&Free Code Camp - &a href=&//link.zhihu.com/?target=http%3A//www.freecodecamp.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&freecodecamp.com/&/span&&span class=&invisible&&&/span&&/a&&br&&/li&&ul&&li&目前有9个zipline项目都是纯前端，还有好多教学。&/li&&/ul&&li&百度前端学院 - &a href=&//link.zhihu.com/?target=https%3A//github.com/baidu-ife/ife& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/baidu-ife/if&/span&&span class=&invisible&&e&/span&&span class=&ellipsis&&&/span&&/a&&br&&/li&&ul&&li&现在正进行中。 找不到组就自己做吧，都没那么难的。&/li&&/ul&&li&&a href=&//link.zhihu.com/?target=http%3A//thecodeplayer.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&thecodeplayer.com/&/span&&span class=&invisible&&&/span&&/a&&br&&/li&&ul&&li&和上面两个不太一样，是实时代码，观察实时变化，推荐~&/li&&/ul&&/ul&最终目的是学习，不要所有项目都只用一种技术，这次用了angular，感觉熟悉了很多，下个就用React等等。
收藏的干货都拿出来啦 Free Code Camp -
目前有9个zipline项目都是纯前端，还有好多教学。百度前端学院 -
现在正进行中。 找不到组就自己做吧，都没那么难的。 和上面两个不太一样，是实时…
&b&这是个很长的故事，讲述的是一名电竞玩家转行文字编辑后的程序历程与开发感悟。&/b&&br&&br&&b&&b&-----------------&/b&&/b&&br&&b&目录&/b&&br&&b&-----------------&br&&/b&&ul&&li&&b&序&/b&&/li&&li&&b&引言（一）&/b&&/li&&li&&b&引言（二）&/b&&/li&&li&&b&一，奇葩的转行&/b&&/li&&li&&b&二，第1个电商项目&/b&&/li&&li&&b&三，一个阶段小结&/b&&/li&&li&&b&四，第2个电商项目。&/b&&/li&&li&&b&五，第3个电商项目（上）&/b&&/li&&li&&b&六，第3个电商项目（下）&/b&&/li&&li&&b&七，第4个电商项目&/b&&/li&&li&&b&八，前端开发者快速升级通关的一些个人经验总结&/b&&/li&&li&&b&九，谈谈互联网项目环境对于前端开发者向高阶晋级的影响&/b&&/li&&li&&b&十，个人职业发展的超级野路子——准职业选手转编辑再转php开发再转前端开发&/b&&/li&&li&&b&十一，个人素养与coding（一）——我是如何反复“打怪”强化“代码素养”的&/b&&/li&&li&&b&十二，个人素养与coding（二）——电竞/编辑经历对开发基本功素养的影响&/b&&/li&&li&&b&十三，个人素养与coding（三）——开发者的战术素养和程序的正与邪，开发者的道不同不相为谋&/b&&/li&&li&&b&十四，个人素养与coding（四）——开发者的战略素养对职场嗅觉的影响&/b&&/li&&li&&b&&b&后记：第4个电商项目——分裂，生存，可能还有崛起。&/b&&br&&/b&&/li&&/ul&&br&&b&&b&======================&/b&&br&这里是序。&br&&/b&&b&&b&======================&/b&&/b&&br&&br&&b&这是一篇长文。&/b&&br&&b&&br&任何一篇长文或专题，都是应该有一个序。&/b&&b&这是做为一个合格的媒体编辑/记者非常重要的技能点，要反反复复地训练。我曾经训练过很多次，但时间已然有些久远，已经好久没有动笔写这样的序，借这个机会，&/b&&b&让我再次尝试做好一名编辑该做的事情。&/b&&br&&br&这篇文章主要是对我个人这两三年从事前端开发以来的“升级打怪”经历的回顾和总结，进而来回复题主对于“&b&前端开发工程师&/b&”这一职业存在怎样的发展空间，而它进入高阶之后需要具备怎样的能力以及这些技能或知识可以从哪些地方、项目或企业中获取得到的，等前端coder职业发展上存在疑惑的问题，来发表一些我的个人见解。&br&&br&然而，我是没权力也没有义务告诉任何一个人Ta未来的路该怎么走，但却可以告诉你我是如何走的，而且我的路子是很野的，真的很野，对于很多大咖来说，绝对不能说是成功的，但对于没有机会进入一流互联网项目历练的大多数程序开发从业者而言，或许我的经历会有那么一点点借鉴的意义。&br&&br&其实我曾想过，是不是要把自己这个跳跃性如此之大的从业经历写下来，是持有怀疑态度的。曾经某猎头在把我推荐给BAT某家时，建议我不要把媒体编辑的经历做太详细的描述或直接去掉，而我确实也用一些编辑手段弱化了那段经历，还是将它放在简历里面。我觉得，这不是什么问题，写文字一直是我的兴趣，并且曾经是我的谋生手段，而且还做得不算太差，只是和程序开发的关联性少了一些。&br&&br&当然了，是获得了电话面试的机会，但第一轮就被KO了，那只是1年多以前事情，但3个月等于1年的电商开发节奏，现在我已经忘记了当时的情形，只记得那个电话来到的时候我刚刚通宵完成一个项目的公关，那会儿脑子是一塌糊涂的。&br&&br&当然，那时我的能力应该达不到人家的要求，但如果现在还有从来一次的机会，我觉得自己应该有能力拿下这样的offer，但暂时没有这个必要。&br&&br&请别误会，并不是说BAT级别的offer对我没有吸引力，而是对于现阶段的我而言，暂时不能为了这样的机会离开现有的项目和团队，而且现在的项目可以让我做擅长的和感兴趣的事情，并基本都能够按照自己的意志去落实下去，而大公司一般只能是做螺丝钉，不能有太多个人意志的，而且好的机会已然被老人们占据了，只是为了去镀金而去当别人的打手或救火队员，这显然是不理性的。&br&&br&另一方面，我其实发现了程序开发者要想快速成长，不一定非要进入BAT或一线的互联网企业中进行历练，创业项目一样可以快速成长，只要你把握好机遇和机会。请相信我，这是绝对是可行的，这就是我想把自己的经历写下来的原因。&br&&br&ok，在开始之前，我觉得预先告诉各位看客，作为一个由平面媒体编辑/记者转行做互联网开发的Coder，本人的码字功底还是不错的，因此篇幅会很长，很长，很长。&br&&br&如果你确实不感兴趣，建议不用浪费时间，聊技术或开发理念终归是有些枯燥的，也可能存在我写得不够清楚而让你看不明白的地方。不过，如果你真的对一名先是由编辑大跨行转php开发，再由php转前端切图，然后是如何用2年时间从月薪8K涨到月薪35K的职业经历感兴趣的话，那就一直往下看。&br&&br&此外，如果这篇文章有幸被某个单位相中，想转载的话，那么该给这篇文章起一个怎样的标题，我就不再代劳了，标题党的功力已经退化得差不多了。还有，我是知道有不少错别字的，但已经逃离媒体行业很久，好不容易不再为错别字太多而担心稿费被扣，那么我真的不想再为这个问题而烦恼&b&。&/b&这不再是我的职责，而是你的。不砸别人的饭碗，这是做人的本分，不是吗？&br&&br&当然，我的版权意识是比较