如何高效的学习前端?

作者: 徐小夕

来源: 趣谈前端公众号

作为一名游走在一线6年+的前端打工人, 发表一下问后感.

首先我的感触是前端是所有其他编程语言(go, java, python, rust等)里最好入门的编程语言. 前期学习前端的难度很低, 我们只需要掌握好:

  • html5标记语言
  • css3样式规则和语法结构
  • javascript基础编程知识和语法

就可以快速着手前端网页的开发, 并且是“所编即所得”的, 我们可以方便的看到自己所编写代码的实现效果. 比如这样一个简单的页面:

但是如果想在企业完成业务模块或者相对复杂的系统, 还是有很多知识要学习的, 当然随着越往后的深入, 前端能实现的价值也更大, 接下来分享一些我总结的前端学习路线, 方便大家快速高效的学习前端.

  1. css3 学习路线

2. javascript学习路线

在掌握了基本的前端编程能力之后, 我们可以根据自己的喜好, 规划一下未来的前端研究方向, 这个和大家分享一下前端工程师的职业发展路径:

3. Vue学习路线

vue在国内非常流行,也被很多公司使用, 对于vue的学习可以从文档入手,熟悉基本用法和高级技巧, 然后通过成熟组件库和工程化工具来开发实际项目. 接下来分享一下有关vue的学习路线:

当然如果大家对react感兴趣, 也可以研究学习react, 毕竟很多有名的开源项目和产品也是用

react写的:

4. 数据结构与算法学习路线

当我们对前端和企业常用框架有了一定了解之后, 我们就可以学习一下比较深入的内容, 比如数据结构与算法. 接下来和大家分享一下我总结的常用的数据结构与算法学习内容:

当然最近数据可视化和图形学也是很多企业热门招聘的方向, 大家可以对 canvas有一定的了解, 这里分享一下canvas的学习路线.

5. Canvas可视化学习路线

越往后我们发现前端衍生出来的知识越来越多, 比如说跨段端, nodejs服务端开发, 各个厂商的小程序等, 这里分享一下我多年研究nodejs的一些学习路线:

后续对于前端从技能到求职再到职场发展, 我会持续输出一些心得和经验, 希望对大家有所帮助.

更多推荐:

Dooring低代码v2.9.8版技术更新复盘

Dooring低代码关于辅助设计的思考和实践

开源推荐! 一款开箱即用的电子签名组件

原文链接:,转发请注明来源!