你好，这里是 BIMBOX。
接触过云平台项目的小伙伴，一定对驾驶舱、数据中心、运营大屏这些词耳熟能详。
通过这样的图形、图表，以及三维交互的数据展示方式，和传统单一的平台数据呈现体验相比有了很大的变革，尤其对非专业人员而言，数据呈现更加直观，也更有冲击力。
在项目实际应用上，领导们也总是希望在一个页面上既可以看到项目的 BIM 模型，也可以看到各式各样数据汇总而成的图表，这些场景需求在 BIM 可视化领域越来越活跃，几乎成了常规的诉求。
市面上能说的出名的 BIM 图形平台厂商太多了，但是使用这些平台是有门槛的，或是需要比较高的费用，或是需要比较强的开发能力。
如果要能靠一个人完成整个 BIM 数据大屏的开发，在呈现上有质的变化，需要掌握更多的是 Web 编程技术和 3D 知识。
关于行业发展的需求，说起来都太苍白，咱们就聊聊一个懂 Web 和 3D的技术工程师在市面上值多少钱吧，这是我们在招聘网站上搜到的某公司 JD，是不是还挺诱人的！
这份 JD 里面提到了对 3D 图形框架，以及前端研发工程师的一些技能需求。当然，我们不太能做到对两个方向都很精通，但是如果针对大多数项目应用场景下，你是一个可以独立完成数据大屏的前端研发工程师，那么在 BIM Web 可视化领域，相信你一定会成为领导和猎头眼中的香饽饽。
最近很多小伙伴都和我们说，市场环境不好，养家糊口挺困难，我们觉得，越是在外部环境不太好的这段时间，咱们的小伙伴更应该把时间花在自我成长上，有一技傍身，才好在环境复苏的时候大展鸿途。
我们在去年的线下活动中，见到了一位老朋友，聊起来他正好是做这方面的相关工作，已经在这个领域探索了很多年，活动结束后我们就商量一起做一门相关的课程，把他的绝活都教给更多的小伙伴。
先和你简单介绍一下他，他的名字叫严事鸿。
事鸿最早是一名工地上监督钢筋绑扎，打灰旁站的监理员，奔波在五湖四海，做着重复性的工作，职业发展也相对受限。
为了改变这样的生活，事鸿做了一件别人不理解的事情——自学编程。刚开始也是从我们都很熟悉的 Revit 二开做起，期间为了更好理解业务，通过了一建考试。
在一份 BIM 咨询工作中，领导让事鸿参与了部分 Revit 研发工作，也开始做一些预研的 demo。这个过程中，他涉及了一些 Web 开发技术，进而逐步加强了自己 Web 编程能力。
通过以往的积累和经验，在下一份工作中，事鸿正式成为一名全职前端研发人员，在项目中贡献自己的代码能力。
这些成果完全改变了他的个人职业发展，工作地点从工地转移到了办公室，拥有了从不敢奢望的双休，工作内容虽然不断有新的挑战，但也接触到了更多前沿的技术，逐步完善了自身的技术栈。
在过去 6 年的研发生涯中，事鸿参与过智慧城区管理平台、某公司 BIM 后台管理服务系统、某车站全寿命周期管理平台的开发，BIM 云平台的二次开发技术支持，熟悉前端、WebGL 技术，对如何快速熟悉 BIM 图形平台并应用到实际项目中，有丰富的经验和独到的个人理解，加上他很好的表达能力，相信可以带领大家平滑地跨入 Web3D 之门，和你一起走出改变自己职业发展的第一步。
说起做课程的初衷，事鸿总结了三点。
➤ 第一，在使用商业图形平台上，编程小白大都是迷茫的，他们缺的不是平台本身开放的能力，而是使用平台的能力。平台对他们而言，是有门槛、有距离的，他们缺少的是更基础的 Web 编程知识，而这门课程可以陪着他们走完这开发前的「最后一公里」。
➤ 第二，他们都戏称自己为「野路子」的研发，其实建筑人转研发都是这个过程，自己希望可以把项目上沉淀的实战经验整理并分享出去，让我们面对实际项目至少没有「陌生感」。
➤ 第三，事鸿希望自己的经历可以激励更多想要改变自己的人，哪怕自己是漫漫黑夜中的一点星光，能照亮一个迷路的建筑编程人都算是薪火相传。
课程介绍
这部分我们就由事鸿自己来表述啦！
我是大鸿，这是我们第一次见面，我希望通过这个简短的介绍，可以更加坚定，你对 Web3D 开发这件事的信心。
废话不多说，我们先来看几张数据大屏的截图吧。
这是我在网络上搜到的某驾驶舱大屏，我们分析一下，页面包含了很多图表，还有一些网页的元素。
我们再来看一张，这是一个运维大屏，中间部分的地图也是用图表绘制的，两侧也还是图表。
再来看这张，这是一个智慧工地的大屏，很多图表，网页元素，中间部分是一个可以交互的三维模型。
再来一张，这是一个智慧楼宇场景的大屏，一分析，也还是图表，三维模型。
这个是智慧园区的大屏，有图表，网页元素，三维模型。
最后一张，是智慧城市的场景，这个也都还是由图表，网页元素，三维模型组成的。
要完成这一系列不同场景的大屏，你需要掌握的内容可以分为三个部分
➤ 第一是能绘制各式各样的图表，包括饼状图，柱状图，地图等等。
➤ 第二是能加载三维模型，然后要有点选、拖拽等交互。
➤ 第三是能绘制一些网页元素，比如列表、按钮之类。
有了这三项技能，你就具备了打造专属于自己的数据大屏的能力。
也正是针对这三部分技能的需求，才有了我们今天这门 Web3D 开发入门课程，也是我为每一位渴望改变自己的编程小白而精心准备的一门课。
课程的设计都是紧紧围绕 2 个主题来开展，一个是 Web，一个是 3D。课程总的来说有三个特色：
➤ 第一，这门课程是完全针对编程小白而设计的，零基础的课程。
在这门课里，你只需要准备一台电脑，可以运行浏览器，可以装一些简单的编程工具即可。
还有一点，你需要准备安安静静投入的 20 个小时。其中 10 个小时来学习视频，10 个小时来练习学习到的内容。
➤ 第二，这门课程是真的手把手带你飞，课程模拟了一个项目实际研发流程，是一门实战课程。
假设你就是一名前端研发人员，接到了一个 BIMBOX 数据大屏的研发需求，从开始的原型和产品需求文档，再到 UI 设计稿件、直到最后的成品，这一全过程，每一个流程都有完整的代码编写过程。
而且已经把最关键的流程产物都呈现给你，面对实际开发项目，你就再也不会有陌生感。
➤ 第三，我们这门课程，是学习一门课，入门两种方向：一个是 Web，一个是 3D。
Web 方向，我们会涉及到前端三剑客、前端框架基础知识、网络编程基础知识，中间还会穿插一些 Web 开发的小技巧。
3D 部分，有 3D 库的基础概念，还有两款图形平台的使用方式。
学完这门课程，你既掌握了 Web，也掌握了 3D 部分的基础概念知识，后期你再根据自己的兴趣，自由发挥，游刃有余。
学习流程
我们的实战目标，也就是这个 BIMBOX 数据大屏，就是这门课程的最终目标。那这门课程是怎么达到目标的？咱们一步步来拆解。
➤ 开发环境
作为小白入门课程，首先我会带着你先从最基本开发环境搭建开始，作为一名合格的前端工程师，我们该如何更加高效的开发。
➤ js，css，html
接着，你会学习到我们前端大名鼎鼎的三剑客的基础知识，学完之后就可以加入顶部的交互按钮，让它显示在你的页面上了，这里你可以立一个小的 flag。
➤ vue 框架
接下来，你会开始学习前端框架的基础用法，了解工程化的前端项目，学到这里，你又可以实现数据大屏左侧那些框框的网页元素了，这里你又立了一个 flag。
➤ 网络编程
这部分你需要学习网络编程，既然是 Web 开发，这个自然就少不了，你还会学习接口文档，以及怎么调用接口获取数据。
➤ 图表
接着就到了重头戏之一的图表了，学习完成之后，你就可以把数据大屏中涉及的折线图和柱状图完成了，距离目标又近了一步。
➤ 3D 库
最后，也就是这整个课程最重要的部分——三维模型了。你会尝试使用三种方式来实现项目中的三维需求，切身体会到在自研和商业平台上使用的差异。
我把这个课程的学习路线给你描绘了一下，咱们把数据大屏这个目标经过拆解，形成了一个一个小的学习目标，经过这样的学习路径，你就可以一步一步到达我们最初梦想的地方。
你可能会觉得这个课程目标，看起来感觉有点小 low，但是通过切换模型，你可以一秒切换到智慧园区平台。
你还可以再一秒切换到智慧城市平台。
而这一切技巧，都在这门 Web3D 开发入门课当中，让我们一起学习，悄悄变强大吧！
看看学过的小伙伴们怎么说
为了给还没开始学习的小伙伴们一些真实的反馈建议，我们在课程上线之前找来两位小伙伴来学习这门课程，他们是 BOX 合作 Revit 二次开发课的老师 Kevin（武汉悉道建筑科技有限公司），和北京市建筑设计研究院有限公司的产品经理九哥。
希望他们从课程学习体验，实用性等方面给这个课程一些建议，也希望他们的评价给小伙伴们一些参考。
九哥
课程节奏控制的特别好，很有代入感，学习过程不会觉得枯燥乏味。让我从一个产品经理的角度，突然明白了前端是如何实现的，一下子豁然开朗。
教程内容很饱满，信息量很大。学习的小伙伴可以多看几遍，方能体会老师的用心。
我自己非常认真的看完了教程每一节课，从中受益颇多，虽然我不会转前端开发，但是却让我深刻的了解和认识了前端开发的流程，对我之后的产品设计，有很大的参考意义。在之后的设计中，能够更充分的考虑 UI 如何实现。
kevin
严老师的课件制作精良，非常用心，让我很有学习的欲望。课程内容循序渐进，讲课节奏有的放矢，非常适合非科班 Web 开发人员学习。
学完整个课程，不仅会对 Web3D 开发有一个全面的了解，也会从最基础、最细节的地方掌握 Web3D 开发的流程、方法和应用。
对于已经有 Revit 二开基础的同学来说，上手会更加丝滑，课程为那些有迈向全栈开发目标的小伙伴们提供了加速弹道。
以上是两位的学习体验，希望他们的反馈可以给你一些学习前的建议。
整个课程都做了后期剪辑，帮助你节省学习时间，这门课程也是筹备了几个月之久，我们和事鸿花了这么大的力气制作这门课程，就是希望能帮助更多的人打开开发的大门，突破学习的壁垒，并能学有所成，学有所用。
我们会为购买课程的人建立学习交流群，事鸿、kevin、九哥都会在群里，大家一起相互学习和帮助，创造一个好的学习交流氛围，也希望你再学习的过程中结交一些志同道合的伙伴，认识一群朋友。
私信回复学习，拿下这个好课吧~
有态度，有深度，这里是 BIMBOX，我们下次再见！