两个月的前端学习历程

两个月前端工程师的学习历程

前端工程师

今年七月份中旬的时候离校从广西桂林来到广东深圳实习学习前端工程师知识，从那至今已经两个月了。这两个月我收获颇多，一下是我学习前端知识的整体介绍。

初级阶段

和大多数普通本科同学一样我大学四年也是浑浑噩噩趟过来的，临近毕业我不仅没掌握计算机专业技能，而且方向也很不明确学分也有所欠缺。在两个月之前我连一个静态网页写着都很吃力，而现在我能独立使用vue结合node.js全栈开发。这得益于我在这两个月的辛勤耕耘，每天12个小时的学习时间。

1. 在刚开始我学习了最基础最简单的html和css，写几个静态页面作为日常练习，写静态没有太深的技术含量，只要你记得html标签和css属性，有一点的审美，当然会photoshop会更好，因为UI设计师会给你一张psd类型的网页静态图，你要根据UI给你的图量尺寸，取色。否则，到了测试那边会被当作bug打回来。在这部门我们要精益求精，做出的静态网页要与UI给的图相差无几。
2. 然后是学习和HTML5和CSS3，其实就是在HTML和CSS基础上增加了一些特性
   3.之后学习了ES6，这是一种标准，需要掌握。

进阶阶段

1.学习了静态页面之后在此基础上就要实现客户端交互。先是用javascript原生代码编写客户端脚本，最常见的使用场景就是实现登录注册的客户端验证，以及很多动态交互。
2.在动态交互时只是用户界面的数据发生的变化，一旦刷新用户操作相当于没执行。这个时候就需要用ajax实现异步请求后台数据让前后端数据保持一致。之前在学校学习学过表单提交数据，但在大型网站都是用ajax异步请求，这样浏览器不会阻塞，不用整个页面都刷新，而只是数据变化的那一块，节约了网络带宽，用户体验也更好。
3.在学习用ajax技术时，还要自学了解json和xml，自己要学会看懂后端给你的接口文档。需要用什么方法去请求后台数据，接口地址和参数，以及返回数据。还要自己去学习了解浏览器工作原理，网站安全方面的知识，http协议等一些分支知识，这会给以后的求职面试加分，也为你成为优秀的前端工程师做好铺垫。
4.在编写我始终严格要求自己，要习惯写注释，因为进入项目组后是一个团队合作开发一个产品，需要去看懂理解别人的代码，还有任务交替的时候别人是直接从你的代码开始，若没有注释严重晖直接被炒鱿鱼。身为程序员要养成良好的编程风格。
5.学习完javascript原生开发后，紧接着学习jQuery框架，jQuery框架封装了javascript重复繁杂代码，jQuery语言比javascript更加简洁，但编程思想都是传统的DOM操作。

最后阶段

1.最后也是重点学习的vue.js框架。刚开始学习在html文件里引入vue.js资源，从0基础的学习即使之前学过jquery框架，也正是因为之前学习过传统的jQuery框架才会形成定向思维难以转变到vue的编程思想。先是要深入理解vue是数据驱动改变界面而不是之前操作DOM结点。数据驱动，自底向上渐进式开发是vue的特点，在刚开始学习是难以转变，用vue做项目时会时不时就回到了Jquery的开发了，差不多用vue做完一个项目后思想也转变的差不多了。
2.然后直接搭建vue-cli脚手架开发环境，利用vue全家桶，node.js和element-ui结合全栈开发，自己用node.js写后端数据库写接口文档，引入第三方插件element-ui作为页面样式，非常简约大方。最后成功开发出一款电商运营平台app，当然还没有发布到互联网。不过我自己尝试购买域名空间后发布自己运营维护

总结

到目前为止，前端的核心知识我已大部分了解，算是已经入门。总得来说这两个月里我计算机技能提升了很高。但我的IT之路任重道远，我们不能满足于现状，要养成终生学习意识，在专业知识领域不仅要深度更要跨领域的广度。这样才能不被竞争淘汰。