面对众多的前端框架,我们该如何学习?

简介: 作为一个 React、Vue、AngularJS 都写过的人,现在这个已经不再是问题了。先说结论: 公司用哪个框架就先学框架;其次自己喜欢哪个框架就学哪个框架 我的经历是因公司业务而以 AngularJS 起步,再因个人兴趣学习 Vue,最后再因为新公司以 React 技术栈为主,从而拥抱 React。

面对众多的前端框架,你该如何学习?

记得就在刚接触 AngularJS 的时候,那时市场上正值 React、Vue、AngularJS 三足鼎立,大量的前端新人可能都会有这样的困惑:这三个框架到底该学哪个好呢?我自己当时也是非常的迷惑,找不到一个合适的答案。

作为一个 React、Vue、AngularJS 都写过的人,现在这个已经不再是问题了。先说结论:

公司用哪个框架就先学框架;其次自己喜欢哪个框架就学哪个框架

我的经历是因公司业务而以 AngularJS 起步,再因个人兴趣学习 Vue,最后再因为新公司以 React 技术栈为主,从而拥抱 React。

知识和学习能力是可以迁移的,掌握了 Vue 技术栈,再去学习 React,其迁移成本非常的小,你所需要做的是看文档,比较二者的异同,然后就可以直接上手了,反之也成立。因为 Vue 和 React 的相似度确实蛮高的。

如果你想学习前端可以来这个群,首先是二九一,中间是八五一,最后是一八九,里面可以学习和交流,也有资料可以下载。

经过了这三个框架的学习,发现学习可以总结成3个步骤:

  • 第一步:基础学习。撸一遍官方的文档及教程(如果有的话),这时候不推荐其他二手教程,因为以正确的姿势学会走路才能让你后面跑得更快。别在一开始的时候学错了姿势;

  • 第二步:项目驱动学习。要想快速熟练掌握一门框架,少不了大量的写代码。通过项目的方式来写编写大量的代码,可以帮助你快速掌握该框架的用法及踩坑,快速积累经验;

  • 第三步:求知驱动学习。在求知驱动学习过程中,遇到任何产生困惑或者感兴趣的点,都要去深入学习。这样的学习过程虽然比较慢,但是足够的系统,持续学习下去,能让我们对于这个领域保持足够的专业。

第一步:基础学习

基础的重要性已经无需强调了。打好基础才能走得更远。所以在一开始的时候,尽量选择官方文档及教程。优先选择英文原版,如果阅读有困难,退而求其次,选择中文翻译版。撸一遍文档能帮你快速建立对于框架的认识。

第二步:项目驱动学习

技术学习中最推崇的可能就是Learning by doing,做中学。光看文档的学习是不完整的。真正快速有效的学习是通过项目驱动学习。因为通过项目,你能将你学到的知识用于解决实际的问题。在解决问题的过程中,又发现了知识的不足,再反过去查阅文档,学习。一方面,因为正反馈非常及时,会让自己更有成就感;另一方面,也能快速得吸取知识。

这种方式吸取新知识的效率非常高,能够对新技术进行快速的学习和应用。但是它的缺点便是:不够系统。因此你还需要求知驱动。

面对众多的前端框架,你该如何学习?

第三步:求知驱动学习

在项目驱动学习中,讲究的是效率。但是对于整个框架,你掌握得并不全面、系统。这三个步骤的关系就好比建造一座大厦的过程,先是打地基(基础学习,撸文档),再是搭建建筑的水泥主体框架(项目驱动学习,帮助建立对于框架的整体架构),最后才是上砖,装修(兴趣驱动学习,深入学习,不断补全之前遗漏的知识,完善整体架构)。求知驱动的意义在于通过对于该框架的深入研究,不断完善你的系统知识,最终建立一个完整的系统。所以在项目驱动学习过程之后,你应该花更多的精力这一阶段。通过深入学习来不断构建你的对于这个框架的系统体系。

这三个过程并不是独立隔断的,而是一个不断循环、交替的过程。只有通过这样的交替、循环,才能构建最终的知识体系。

但是很多人会只停留在第二步项目驱动学习就止步不前了。一旦觉得自己能hold住项目开发后,就不再去深入学习了。不会再花时间去补上之前的不足,不再花时间去了解框架或者语言背后的优秀思想及实现。缺少求知驱动学习这一阶段,虽然并不妨碍你成为一个合格、高效的开发者,但是绝对无法让你成为一个优秀的开发者。

一个优秀的开发者或者说学习者,一定是保持着好奇心和钻研的动力。

面对众多的前端框架,你该如何学习?

相关文章
|
2月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
44 0
|
22天前
|
前端开发 开发者 C++
独家揭秘:前端大牛们如何高效学习新技术,保持竞争力!
【10月更文挑战第31天】前端技术飞速发展,如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略,揭示了高效学习的秘诀:明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法,大牛们能更好地掌握新技术,保持竞争力。示例代码展示了如何通过实践加深理解。
37 4
|
2月前
|
JavaScript 前端开发 Java
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
89 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
|
2月前
|
前端开发 JavaScript 小程序
前端新机遇!为什么我建议学习鸿蒙?
【10月更文挑战第4天】前端新机遇!为什么我建议学习鸿蒙?
115 0
前端新机遇!为什么我建议学习鸿蒙?
|
4月前
|
前端开发 Java 编译器
【前端学java】如何从前端视角快速学习Maven
【8月更文挑战第12天】如何从前端视角快速学习Maven
58 2
【前端学java】如何从前端视角快速学习Maven
|
4月前
|
前端开发 JavaScript API
前端框架Vue------>第二天学习(1)插槽
这篇文章介绍了Vue框架中插槽(slot)的概念和用法,以及如何在组件中使用自定义事件进行父子组件间的通信。
前端框架Vue------>第二天学习(1)插槽
|
4月前
|
JSON 前端开发 JavaScript
前端框架Vue------>第一天学习(3)
这篇文章是关于使用Vue框架进行前端开发的教程,重点介绍了如何使用Axios实现异步通信和表单输入的双向数据绑定。
前端框架Vue------>第一天学习(3)
|
4月前
|
前端开发 JavaScript API
前端框架Vue------>第一天学习(2) v-if
这篇文章介绍了Vue框架中条件渲染的用法,包括`v-if`、`v-else-if`指令的使用,以及列表渲染和事件监听的基本实现。
前端框架Vue------>第一天学习(2) v-if
|
4月前
|
设计模式 JavaScript 前端开发
前端框架Vue------>第一天学习、Vue学习的路径、Vue官网(1)
这篇文章是关于Vue框架的学习指南,涵盖了前端知识体系、MVVM模式、创建第一个Vue程序以及Vue实例的生命周期等基础知识。
前端框架Vue------>第一天学习、Vue学习的路径、Vue官网(1)
|
4月前
|
前端开发 算法 网络协议
如何学习计算机基础知识,打好前端和网络安全的基础
如何学习计算机基础知识,打好前端和网络安全的基础
54 4