【码农生活】论一名小白的前端之旅！

这个地方不行，改！这里也是，改！改改改...............................用户需求，永无止境！你要做到的是不断的更新知识储备库！来应对各种该改改！
-----Twitch

---

写这篇文章不是来引导大家的而是讲述下自己这段时间的学习经历，因为本人水平有限，臣（“妾”），办不到啊！

臣，今年刚毕业！学的是计算机网络技术专业，主攻路由器交换机配置与管理、构建企业网络、网络维护；学过半年的C，算是有些编程基础，期间也上过网页设计与制作的课，不过是通过Dw的工具来搭建，不直接撸码的，你懂得！大学快毕业的时候，才发现我并不喜欢这个行当，而是被迷倒在各个炫酷的展现形式的网站交互设计上，希望自己有一天也能做出这样的网站，让人看到后用一种羡慕的眼神看着我（现实是人家是惊喜的看着屏幕）。所以在离毕业的几个月开始了解，学习！慕课网，就是我接触的第一个学习平台，也是从这里开始我的web前端的起航！开始跟着（PHP工程师）学习计划走的，之前说的web前端，现在为什么说到了“拍簧片”呢！这里就不做详解了！

学了差不多2个月了，期间模仿了蛮多喜欢的网站界面，只是些简单的静态页面排版加上一些简单的动态效果！然后看着快毕业了，本打算毕业后就找个培训机构系统培训下的，在论坛里还是蛮多人说自学都如何如何了，所以抱着我不比任何人差的心态，开始了我的找工作之旅，开启了疯狂的投简历模式，接到面试的通知，当时的心情估计你们也可以猜的到，去了之后才发现大部分是培训机构，借着招员工的形式来招募学员，连续多天都是这种情况，心情可想而知！其中也有正常招收程序员实习生的，面试完后，等待通知（这个你也猜的到！没有下文），面试半个月，面试php程序员和web前端的offer没有一个，不过期间面试的几家的跟自己相关专业的工作倒是来了几个，验证了下自己所学的专业还是挺过关的！不过我还是一心在web上。

之后就开始我的第一份工作，php程序员实习生！不过做的还是些前端的事，期间经常叫我跟着网络技术部的组长去维护了下公司的服务器和网络环境！这个让我每次回到学校后就会向同学抱怨，面试的时候是不是看重的这个才招过来的啊，汗！不过这个公司待的不长，因为公司重组准备撤离分公司！临走的时候，网络技术组长还来找我说跟我回总公司，不过是干老本行，这时我就明白了，还果然是因为网络技术！

上面扯犊子扯多了点我的经历，还是言归正传，我的前端之路！

---

首先要说明的是，咱现在不是高手，最多还是一个半桶水，前面也说了！算是入了门谈不上经验，都是一些教训这个时候有人要说，“靠，你丫半桶水，凭啥教我们”。您先别急着骂，先听我说你叫一个大学生去教小学数学，不见得比一个初中生教得好。因为大学生早已经过了那个阶段，都忘记自己怎么走过来的了。而对于初中生，刚好走过那个阶段，对自己怎么走过来的还记忆犹新，或者还有一些自己的总结（引用下我看过一篇文章的句子）。

对于小白来说，刚刚接触，连html+css都不懂的人来说，可以跟这慕课网的web前端计划，先学学HTML+CSS基础，学习完这些基础后，你可以试着去模仿一些你喜欢的网站，多看看人家写的代码（这个时候神技闪亮登场:F12 或者右键审查元素）！等你写到差不多可以看着别人网站的排版，你自己有思路和独立完成静态排版的时候，恭喜你，html+css技能点亮！不要高兴的太早哦！你还有很多东西要学呢！静态的ok了，就要给你的静态页面加上各种特技和buff了！

然后是Javascript的学习！首先你可以跟这还是慕课学习javascript的基础：javascript基础！其间也推荐你们一本书《Javascript Dom编程艺术》，不过要在你看完javascript基础之后哦，不然不敢保证你看书能看的懂！看《Javascript Dom编程艺术这本书的时候也不要忘了看慕课前端计划中的javascript篇（讲述了几个特效案例哦），一些基本的各大网站的简单特效相信你可以写出来了，接着就是给你之前写的静态页面添加上各种特效啊特效，buff啊buff！是不是有点小成就感了！可以小小的庆祝下了！不过还是不要高心的太早哦！javascript这个技能你才点亮了40%！

接下来你可以选择JQuery库学习下，或者你可以继续深究javascript！急着工作就先学习下JQuery库吧，不急我们就继续来挖挖javascript的故事！这里给大家推荐第二本书《JavaScript高级程序设计》或者是称为经典之作的犀牛书《Javascript权威指南》，书中章章经典，由浅入深，这本书看起来就估计会很乏味了，不过多读几遍这书，每次感觉都不一样！可以用这样一句话来概述它：“家有一老，如有一宝！”这个时候你的javascript技能应该就点亮了60%!

然后呢，恭喜你可以下山了，这个时候可以自己做一些事情了！多去看看一些网站特效的源代码，怎么样，是不是觉得有一部分很简单了，尝试着跟着写一写这些效果吧！学技术闭门造车是行不通的，适当的加一两个QQ群交流（注重质量，所以慕课群我来了），常去论坛（慕课社区、CSDN）逛逛，你会经常有些小收获的，再有就是看看前辈这些牛人前辈们分享的文章，它会让你的学习事半功倍的，这里是热心人收集的国内一些牛人的博客，个人网站！

最后，我也不知道说什么了，自己也还在学习中！讲述的都是些个人经历，利用这篇文章来记载下自己的这些时间的学习过程！文笔不怎么好，勿喷哦！谢谢大家的支持！

走过的路过的，欢迎留下评论哈！