Three.js学习基础：web前端

Web前端入门视频教程

Web前端就业级系统全栈课程

如果你想做Web3D相关的开发，自然需要WebGL和Three.js,通常学习Three.js或WebGL需要一定的Web前端基础。

如果你Web前端了解很少或完全不了解，那么下面内容对你很有用，如果你现在已经是多年经验的Web前端工程师了，那么你可以直接学习Three.js或WebGL。

学习threejs的基础要求

如果仅仅是学习WebGL或Three.js，对web前端基础要求不高，可以先了解web前端最基础的知识HTML、CSS和JavaScript语言， 然后能借助nodejs创建一个本地静态服务器打开预览threejs 3D案例就行。 如果想实战开发Web3D相关的项目，一般来说，你需要掌握的Web前端知识，和正在工作的前端工程师没有太大区别。也就是说如果你想开发Web3D项目， 首先保证你是一名合格的Web前端工程师，然后再说学习和应用WebGL的问题。

Web前端知识体系

Web前端知识体系，相比threejs而言，内容不难，但是庞杂，对于Web3D项目，也不一定说都要学习完，比如说微信小程序，如果你的项目并不在微信环境执行，那么为了节约时间，你可以不用学习。 但是有些底层通用前端知识，肯定是需要学习掌握的，比如HTML、CSS、JavaScript等。 总而言之，如果你是中高级前端工程师，那么你可以直接学习WebGL和Three.js，并且把threejs框架和自己前端框架，比如vuejs结合在一起开发项目。 如果你是初级前端，或者对Web前端开发完全不了解，甚至都不懂编程，那么你可以按照我下面的建议学习。

1. HTML、CSS和JavaScript语言编程基础

如果不是为了开发项目，只是想学习threejs，HTML、CSS、JavaScript可以不用精通，先简单了解下也是可以的。如果想要开发Web3D项目，还需要深入学习。

2. nodejs

nodejs一方面可以用来搭建web前端的打开环境，另一方面可以用来搭建Web服务器。

简单学习nodejs，确保可以搭建一个简单的开发环境，了解http通信相关的知识。

3. 前端框架Vuejs

不学习Vuejs虽然不影响你学习threejs，不过开发Web3D项目，一般来说我建议你选择一款前端框架和threejs结合即可。当然不一定就要选择Vuejs，你也可以选择react等其它 web前端框架，如果你不知道怎么选，那就直接学习Vuejs即可。

其它

关于学习threejs和开发web3d项目需要基础，上面内容只是简单给一下关键词，并没有详细介绍，如果你想详细了解， 可以关注即将发布的《Web前端就业级教程》

交叉学习

稍微了解一点前端基础知识以后，你就可以先学习threejs，然后在继续学习web前端也是可以的，web前端知识和threejs可以交叉学习，用到什么就学什么，暂时用不到，可以放一放。

Three.js和WebGL学习顺序问题

首先Three.js底层是WebGL，当然这也不意味着，学习threejs之前，一定要先学习WebGL。一方面简单的项目，你可以不用学习WebGL， 另一个学习方面WebGL对图形学方面理论要求高，可以选择先学习Three.js，等需要学习WebGL的时候，在学习也不晚。