web前端学习之路开始

JavaScript语言 2020-11-13 05:04:06
前端 学习 Web 之路


“对于程序员来说,如果哪一天开始他停止了学习,那么他的职业生涯便开始宣告消亡。”这不是什么危言耸听的怪语,而是一位大牛几年前告诉我的,他的信条。

五年过去了,我也从当年的小菜鸡摸爬滚打成了老油条,一直保持着学习的习惯,大牛的这句话一直在我脑海中萦绕,挥之不去。在我五年的职业生涯中,除了新年和黄金周,每天都要学习编程三个小时以保证充分提升自己。一方面是因为对前端的执着和喜爱,另一方面也是唯恐在前端生态圈中被落下。

作为前端程序员,前端火起来的短短几年里技术更新迭代特别快,不仅是新的框架繁多,Vue,React,Angular轮番上场,各种工具,插件,库也是琳琅满目,就连基础的JavaScript语法的更新也是年年不断。面对前端这样飞速的发展趋势,不学习其实就是变相的在倒退。

我在前期就是积累知识打基础,构建自己的前端知识体系,在技能树被点亮的差不多的时候,就开始紧密关注前沿动态,出项新技术就去了解了解,不至于在哪天用到时候手忙脚乱。对我来说,学习就是一项和吃饭睡觉一样每天必定要做的功课,我想,对其他前端程序员来说也是一样的。

学习这件事是不是反人性的

如此向大家强调学习的重要性,无非是因为保持主动学习这件事对大多数人来说还是不容易做到的。工作已经这么累了,下班了为什么不放过自己呢?我的水平足够可以了,为什么还要去学呢?

我只能这么和你说, 学习只有好处没有坏处,短期内你可以感受到写代码行云流水,BUG更少,长期来看对职位的晋升也有帮助,为跳槽,涨薪资做准备。对普通人来说,不断保持自己竞争力的方法就是保持学习。

身处互联网行业是一种幸运,它不像其他行业那么保守,程序员之间知识开放共享程度很高,开源精神被无数程序员所推崇。很幸运,我们是其中一份子。

上面我也提到我坚持学习很久了,也把这当成我的信条,从我的个人经验来说,要把这件事坚持下去,不该是每天逼着自己学习,而是找到适合自己的一种方法。作为程序员,我们一般所能想到的学习途径就是阅读书籍,文档,源码,观看教学视频。

途径多种多样,关键还是选择出一种适合自己的方式。下面是一些经验之谈:

阅读书籍
特点:书籍和文档,特别是大部头的书籍需要认真逐字研读,如果讲解的比较深入,或者覆盖每一种细节,可能盯着一页看很久都看不太明白。

适合人群:计算机基础比较扎实,空闲时间比较多,喜欢在学习每一种技术时都能够的深入技术底层细节去探究奥秘。

推荐:尼古拉斯·泽卡斯编写的《JavaScript高级程序设计》,对JavaScript的方方面面的概念进行了详尽的描述,层层深入,详尽周实,是一本十分值得前端学习的书籍。

但这本书相当一部分内容的讲解十分深入底层,如果对于JavaScript运用不够熟练,或者不能投入大量的时间细细研读,很难掌握和理解这些知识点。因此我还是建议在形成一定的知识和技能积累后,再来啃这些“硬菜”。

观看视频
特点:教学视频通常是技术大牛为了讲解技术而录制的视频或直播,相比起书籍更生动,表述也更直白容易理解,而且在讲解的过程中,顺便可以学习到大牛理解编程的思路。

适合人群:计算机基础不是很牢固,空闲时间很少,又想在大牛的辅导下很快掌握一门你想了解的技术的话,教学视频绝对是一个很好的选择。

推荐:在选择课程时,我会重点关注课程的主题是否有足够的深度,老师的讲课的风格是否有趣,化繁为简,能很好的帮助我学习这些有一定挑战的内容。

视频学习的好处不止节约时间,还能帮助你快速站在更高的层面上,能够更快地啃下晦涩难懂的书籍,更快地掌握更多底层的原理。一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢,为此建立了一个web前端的直播上课学习扣扣裙,web前端前面数字是四九一,web前端中间的数字是四零四,web前端最后是三八九,将数字连接起来就是了。真正想要学习的可以进入,打酱油的就不要浪费大家的时间了。现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解。技术非黑即白,只有对和错,而技巧则见仁见智。

学习源码

特点:代码阅读起来总是让人觉得枯燥乏味的,尤其是别人写的代码,直接翻阅源代码很容易让自己迷失在代码的海洋里无法自拔。大神写的代码读起来更是难上加难,看不懂的高级用法太多,hack写法更是让人一脸茫然。

适合人群:这种学习方法推荐给代码基础不错的同学

推荐:我通常的做法就是在GitHub上搜一搜要看的项目名字,克隆下来沿着提交历史慢慢自己过一遍,不仅可以看到项目迭代进化的历史,更是一个沿着项目演变思路不断拓深地过程。阅读源码就是一场与大神之间的心灵上的对话,向大神的代码质量和水平级别靠拢,相信长此以往定然是潜移默化的积极影响。

我们之所以想尽办法去高效地学习,根本目的还是提升自己,把学到的用到工作中,为生活为梦想。学到更深的原理,更好的编码方式,更好的代码技巧,都可以减少BUG的数目,提高工作的效率。

版权声明
本文为[JavaScript语言]所创,转载请带上原文链接,感谢
https://blog.csdn.net/nnnn1235657/article/details/93660099

  1. [front end -- JavaScript] knowledge point (IV) -- memory leakage in the project (I)
  2. This mechanism in JS
  3. Vue 3.0 source code learning 1 --- rendering process of components
  4. Learning the realization of canvas and simple drawing
  5. gin里获取http请求过来的参数
  6. vue3的新特性
  7. Get the parameters from HTTP request in gin
  8. New features of vue3
  9. vue-cli 引入腾讯地图(最新 api,rocketmq原理面试
  10. Vue 学习笔记(3,免费Java高级工程师学习资源
  11. Vue 学习笔记(2,Java编程视频教程
  12. Vue cli introduces Tencent maps (the latest API, rocketmq)
  13. Vue learning notes (3, free Java senior engineer learning resources)
  14. Vue learning notes (2, Java programming video tutorial)
  15. 【Vue】—props属性
  16. 【Vue】—创建组件
  17. [Vue] - props attribute
  18. [Vue] - create component
  19. 浅谈vue响应式原理及发布订阅模式和观察者模式
  20. On Vue responsive principle, publish subscribe mode and observer mode
  21. 浅谈vue响应式原理及发布订阅模式和观察者模式
  22. On Vue responsive principle, publish subscribe mode and observer mode
  23. Xiaobai can understand it. It only takes 4 steps to solve the problem of Vue keep alive cache component
  24. Publish, subscribe and observer of design patterns
  25. Summary of common content added in ES6 + (II)
  26. No.8 Vue element admin learning (III) vuex learning and login method analysis
  27. Write a mini webpack project construction tool
  28. Shopping cart (front-end static page preparation)
  29. Introduction to the fluent platform
  30. Webpack5 cache
  31. The difference between drop-down box select option and datalist
  32. CSS review (III)
  33. Node.js学习笔记【七】
  34. Node.js learning notes [VII]
  35. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  36. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  37. 【JQuery框架,Java编程教程视频下载
  38. [jQuery framework, Java programming tutorial video download
  39. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  40. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  41. 【Vue,阿里P8大佬亲自教你
  42. 【Vue基础知识总结 5,字节跳动算法工程师面试经验
  43. [Vue, Ali P8 teaches you personally
  44. [Vue basic knowledge summary 5. Interview experience of byte beating Algorithm Engineer
  45. 【问题记录】- 谷歌浏览器 Html生成PDF
  46. [problem record] - PDF generated by Google browser HTML
  47. 【问题记录】- 谷歌浏览器 Html生成PDF
  48. [problem record] - PDF generated by Google browser HTML
  49. 【JavaScript】查漏补缺 —数组中reduce()方法
  50. [JavaScript] leak checking and defect filling - reduce() method in array
  51. 【重识 HTML (3),350道Java面试真题分享
  52. 【重识 HTML (2),Java并发编程必会的多线程你竟然还不会
  53. 【重识 HTML (1),二本Java小菜鸟4面字节跳动被秒成渣渣
  54. [re recognize HTML (3) and share 350 real Java interview questions
  55. [re recognize HTML (2). Multithreading is a must for Java Concurrent Programming. How dare you not
  56. [re recognize HTML (1), two Java rookies' 4-sided bytes beat and become slag in seconds
  57. 【重识 HTML ,nginx面试题阿里
  58. 【重识 HTML (4),ELK原来这么简单
  59. [re recognize HTML, nginx interview questions]
  60. [re recognize HTML (4). Elk is so simple