细细数来，我自学前端开发已经有两年了。从一个小白成为了另一个小白~ 当然，肯定是学到了很多东西。
1、 2016，初识编程
大二时，学院开设了vb课，这是我第一次接触编程。随后一门农业信息课（作者是农学专业的~）期末时需要个人开发一个农业信息系统，下载安装了visual basic 后，我的编程之旅就开始了。那时，我深深被那一行行的代码吸引了，自此一发不可收拾。慢慢的，我开始上网去了解编程的世界。
这一年冬天，我接触了网页开发，第一次在浏览器右击点进了开发者工具。看到了网页背后的秘密之一——由一行行代码构成。随着在网上了解的越多，我便越发坚定要学习前端开发。
2、 我对前端开发的认识
在学习过程中，随着接触的知识和技术越来越多，对于前端开发认识越发深刻。
我们通过浏览器访问一个网站，比如百度、淘宝等，所看到的只是一个页面，页面里有各种文字图片视频内容，点击某个文字图片便能进入另一页面，点击视频能够看视频。上网的人通过浏览器访问网页进行交互（即浏览或点击文字图片视频、输入文字等操作），这一部分便称为前端。最简单来说，前端开发指开发网页（web页面）。
目前，有大前端这一名词。根据作者的了解，大前端是一个涉及面广、暂没有明确定义的互联网名词，一般认为大前端不仅包括web页面开发，还涉及多端设备、无服务器概念等。
另外，还有全栈开发的概念，这里不再讨论，参考：全栈开发技术指南
初学者没有必要深究“大前端”“全栈开发”这些概念，初学最先学习的应该是最基础的——html、css、javascript，写网页必备语言与工具。
3、 我是怎么学习的
刚接触前端开发，我上网找了很多资料，最终开始使用adobe Dreamwave（一个网页开发工具）的设计模式，拖拽完成了第一个网页，一个丑到爆、不适合手机访问的网页。
第一次开发之后，我开始了网课学习之路，不记得最先在哪个网站学的。最先学习的便是html，然后慢慢学习了css。在学习过程中，我不断写网页练手，要么跟着视频写，要么自己凭着记忆加着自己的想法独自写。那时候，还没有一个系统开发的概念，练手写出的东西，在浏览器中显示后难看死了。
在线学习网站很多，大家可以到这里找：https://originspace.cn/
充满好奇的我不断在知乎、简书以及一些技术性的网站上浏览前端相关的内容，不断汲取知识，逐渐对前端开发有了一些自己的认识，也能写一些好看点的网页了。
我慢慢认识到，前端开发是有一定的章法（老司机套路）。一般，一个网页有这么几个部分组成：头部、主体、底部。
头部一般包含：公告、收藏、电话、导航（最重要的部分）等；
主体是最重要的部分，包含一切要展示的重要内容；
底部主要包含：版权信息、备案信息，有的还有重要链接、友情链接等。
在学习的路上，我开始接触使用一些专门的开发工具进行网页开发。比如，Sublime Text3、VS code、Atom。我开始学会使用谷歌浏览器的开发者工具。当然，我主要的学习的途径还是看视频、看文章。我曾经把w3school 和 runoob 的html和css教程全部看了两遍，同时敲了一遍代码。我也在线学习过很多视频，在慕课网学习过html课、css课、js课。慕课网最大的好处便是，你可以直接在网页上边学边敲代码。其他，诸如网易云课堂、腾讯课堂等，上面许多课我也上过，好坏只能大家自己去评判了，东西肯定是能学到的。拙见。
如今，我买了许多的前端相关的书籍，有几本已经练手完毕，大部分只供翻阅了，毕竟时间有限啊。以后有机会，我会写一篇书籍推荐相关的，这里不再赘述。
4、 我的系统学习路线
这个标题看着好像有点飘了哈。我觉得我依然是个小白，只是多了解了一些东西的小白。以下的建议仅供参考~
学习路线
5、 结语
以上只是我经历的简化描述，实在太精彩以致靠我的文笔无法详述，大家见谅，哈哈。希望以上能给你带来一些启发。以后，我也会分享一些学习资料。
我写的前端学习教程正在连载：小白学前端开发
学习，最终用于实践。编程，尤其需要多动手。一定要多敲代码。小米CEO雷军说过，成为高手必须敲够十万行代码。当然，这些代码是你完全理解并且有意义的。反正，我是还没敲够~继续努力吧！
祝大家好运！
清风云
网友评论