如何学习现代化前端

临近毕业季，技术的不足总是会让我内心不自觉的恐慌，找师兄发牢骚，被师兄教训了一番“慌个屁，时间都被你浪费了”，看我实在是茫然无措，师兄给我规划出了以下一条学习路线，一起分享给大家，也许你也正在迷茫中。

   众所周知，前端的三剑客"HTML,CSS,JS"，这是前端基础中的基础，当然这些死远远不够的，除非你永远都只甘心做一个页面仔。好，重点来了，既然我们不想只做一个低级的页面仔，那么以下的将会是我们进阶的必备技能。

   第一，Node.JS

   不要问我为什么，因为我自己也不知道，我只知道这是师兄踩过的无数个坑后总结出来的，node.js真的很重要！我们可以跟着菜鸟教程上的教程，从头到尾系统的学习一遍，每一个示例一定要自己动手去写一下，不是很多下因为我自己一遍没有印象。为啥要选菜鸟教程？哪那么多为什么，反正他们没给我钱，教程那么多你爱咋选咋选，开心就好！

   第二，用Node.JS来开发一个网站

   是的，你已经掌握了node.js的基础了，我们需要一些实战去检验这些知识点。于是我们开始大展拳脚，去用node.js开发一个网站。在这期间我们会接触到一些框架例如express，模板引擎以及第三方类库，总之在这一期间我们会基本学会现代化前端的基本开发模式。我们会遇到许多问题，各种bug天天在蹂躏我们，但是通过自己去不断的搜索去问技术成熟的老鸟们，最终我们艰难的完成了网站，再回首心里有点小激动。

   第三，重构网站

   网站是已经开发出来了，一点点的小兴奋之后，你会发现你的网站很low，或者压根就算不上所谓的现代化前端，你只是掌握了前端的入门仅此而已。于是你开始不满足于现状，你听说了三大最流行的框架“react，Vue，angular”,你开始学习真正的现代化前端，开始尝试用前后端分离的方式去开发网站。在这个过程中，你又遇到了更严重的问题，什么跨域，webpack打包，what fuck？你觉得你low到极致，你啥也不会。于是你开始了新一轮的饥饿学习，你需要学习webpack，npm,ajax,json,ajax的跨域处理方案，es6，css预编译器还有很多各式各样的项目插件。哦，对了基于node.js做的后端嘛，你还要重点去学习Node.js的路由功能，get/post请求等。经过一番恶补后，你成功的学会了前后端分离的开发方式，并且明白了不断学习的重要性，成为了一名真正的程序员。

   第四，优化

   现在你开始会觉得你HTML的逼格不高，你可以用一些UI库，又觉得CSS的逼格不高，你可以去学一些css的编译器。然后你开始考虑，如何可以让你的网站速度更快一些，用户体验更好些，等等。

   总结

   1.node.js是重点中的重点一定要学好。

   2.一定要动手把知识点带到项目中去实战，只有这样才不会边学边忘，才会理解的更透彻。

   3.要学会善用搜索引擎，去自己解决问题，因为学长不会永远教你，会解决问题的程序员才是好程序员。

   4.坚持到底，保持你那颗追求技术赤子之心，持之以恒，不断学习。

   我也只是一个小白，以上的学习路线是参考师兄的意见列出来的，并不一定适合每个人，所以请各位童鞋自己斟酌，最合适自己的才是最好的。如有不对之处，请各位前辈狠批。