很多人都想转行做前端，但是又不知道0基础转行前端怎么学习？小白怎么学前端开发？今天我们就一起来看一下。

在前端的学习中，开头的重头戏一定是前端开发三大件，html+css+JavaScript。这三者分工十分明确：HTML 用来定义网页内容的含义和结构；CSS 描述一个网页的表现与展示效果；JavaScript 用来实现网页上的功能与行为。

html 和 css 属于标记语言，严格意义上来讲，因为鲜有涉及循环判断等逻辑关系，所以学习起来不会那么的“烧脑”，而且在一些情况下，JS 也并非是必须存在的。所以前端入门的难度并不是很大。但是单单html和css的组合使用是需要大量练习和训练的，解决的问题越多，技能便也越成熟。

在展示网络图形时，还有一种比较特殊的标记语言：SVG，它以XML为基础，是一种用于描述二维的矢量图形。矢量图形不同于传统 .png .jpg 等通过像素点阵来表达的位图，矢量图具有无损缩放、体积较小等特点，通常使用 Adobe illustrator 进行前期的视觉图形制作。如果追求更强大的功能和更丰富的形态，正如上文所属，JS的作用就会体现。在二维平面中，以 SVG 为核心的 D3.js 及其衍生库是你终究会面对的。

D3.js 是一个基于数据控制文档的 JavaScript 库。通过对D3的熟练运用使你摆脱特定框架的局限，通过组合强大的可视化组件和一套数据驱动方法来操作 DOM 树，得以充分发挥现代浏览器的能力。

但由于D3.js 是数据驱动的，那么对于数据本身，作为开发者需要有充足的认识和理解。如果数据结构基础薄弱，不仅在后期性能优化、前后端交互上会出现瓶颈，在前期的数据输入过程中，也会出现一些难以理解的 bug。

继续深入学习的话，我们就从二维来到三维的世界，你需要学习 webGL 相关的知识，以及基本的空间物理知识。通常，我们会使用 three.js，这是一款强大的 3D 开发库，多一个维度呈现更为夺目的内容。

以上就就是简单的呈现。如果想报班学习，可以看看知了堂。如果拿不定主意，也可以移步我们官网，上面有很多免费在线课程。