如何高效学习web前端?

编程,最重要的是实践。

是的,实践是你快速学习编程的基础,Web前端也是一样。

当然,你在实践前,还是得需要学习一下Web前端知识的,不知道你现在的基础是什么呢?不管什么基础,我这边认为就是没有Web前端的经验,写一套学习阶段安排吧。

一阶段:学习HTML、CSS与JavaScript

这一阶段,学习下HTML标签、CSS样式与JavaScript语言,你可以先过一遍语言文档,然后开始一个例子一个例子的写一次,这个是打基础,千万别偷懒。

因为是基础,所以讲点容易点的,你去W3School上,把相关的文档看一次,练习一次就可以了。

地址:https://www.w3school.com.cn/

对了,还有IDE工具,了解下VSCode

二阶段:如果已经完成一阶段的,可以开始二阶段的,这时候需要打劳下基础

JavaScript深入理解的,推荐JavaScript红宝书,不想看书,给你个网址,看这篇总结也行:https://juejin.im/post/59278e312f301e006c2e1510

CSS的,建议看下CSS揭秘这本书

对,你得顺便看下ES6的语法,这个直接看阮一峰的就可以了,URL:https://es6.ruanyifeng.com/

这些了解完后,再了解下函数式编程和JS设计模式,这些是基础,为了你以后看代码能不费力,基础还是很重要的。

再了解下什么是闭包、EventLoop、宏任务、微任务,并了解下Chrome开发者工具,二阶段就差不多了

三阶段:这时候就要了解工程化了

二阶段完成后,基本就可以写些小脚本,小工具,如果要做现代化的Web前端开发,你得了解Web开发中关于模块化、组件化的思想

这个阶段,你先了解下什么是模块化,AMD、UMD、CMD,然后再了解下Node.js和NPM,写个小脚本发布到NPM上,然后学习下WebPack。

这些了解完后,再从Vue、React和Angular中选一个来了解下,如果是初学者,我建议先Vue,曲线不那么陡峭

了解完后,就给自己立一个小项目,比如写个TodoWeb或啥来着,开始编码吧

编码中你会遇到很多问题,慢慢解决这些问题,最终,你就已经学会Web前端了

猜你喜欢

转载自www.cnblogs.com/wnh678/p/12735610.html