你好，这是宾博克斯。
接触过云平台项目的小伙伴一定对驾驶舱、数据中心、操作大屏这几个词很熟悉。
与传统的单一平台数据呈现体验相比，这种图形、图表、三维交互的数据呈现方式发生了很大的变化。尤其是非专业人士，数据呈现更直观，更有冲击力。
在项目的实际应用中，领导总是希望在一个页面上既能看到项目的BIM模型，又能看到各种数据的图表。这些场景需求在BIM可视化领域越来越活跃，几乎成为常规需求。
市场上知名的BIM图形平台厂商太多了，但是使用这些平台是有门槛的，或者需要更高的成本，或者更强的开发能力。
如果想一个人完成BIM数据大屏的开发，呈现上有质的变化，需要掌握更多的Web编程技术和3D知识。
至于行业发展的需求，那就都谈不上了。先说一个懂Web和3D的技术工程师在市场上值多少钱。这是我们在招聘网站上找到的一家公司的JD。是不是挺吸引人的？
这个JD提到了3D图形框架和前端RD工程师的一些技能要求。当然，我们不可能两个方向都精通。但如果你是前端RD工程师，能够独立完成大部分项目应用场景的大数据屏，相信你一定会成为BIM Web可视化领域领导和猎头眼中的宠儿。
最近很多小伙伴跟我们说，市场环境不好，养家糊口很难。我们觉得越是外部环境不好的时候，我们的小伙伴越要把时间花在自我成长上，这样在环境回暖的时候才能成功。
在去年的线下活动中，我们遇到了一个老朋友，聊到他正好在做这个领域的相关工作，并且已经在这个领域探索了很多年。活动结束后，我们商量一起做一个相关的课程，把他的绝活教给更多的小伙伴。
我先简单介绍一下他吧。他的名字叫颜。
洪是工地上最早监督钢筋绑扎和抹灰的监工。他周游世界，做着重复性的工作，职业发展相对有限。
为了改变这种生活，洪诗做了一件别人不理解的事情——自学编程。一开始是从我们都很熟悉的Revit的二次打开开始的。在此期间，为了更好地了解业务，我们通过了第一次建筑考试。
在一份BIM咨询的工作中，领导让洪诗参与Revit的一些RD工作，也开始做一些前期研究演示。在这个过程中，他涉及了一些Web开发技术，然后逐渐加强了自己的Web编程能力。
通过以往的积累和经验，在接下来的工作中，洪诗正式成为了全职的前端RD工作人员，在项目中贡献了自己的代码能力。
这些成就彻底改变了他个人的职业发展。他的工作地点已经从工地转到了办公室，有了自己从来不敢奢望的双休。虽然他的工作内容不断面临新的挑战，但他也接触到了更前沿的技术，逐渐完善了自己的技术栈。
在过去六年的RD生涯中，洪诗参与了智慧城市管理平台、某公司BIM后端管理服务系统、某车站全生命周期管理平台的开发，以及BIM云平台二次开发的技术支持。熟悉前端和WebGL技术，对如何快速熟悉BIM图形平台并应用于实际项目有丰富的经验和独到的个人理解。以他良好的表达能力，相信他能带领大家顺利进入Web3D的大门，和你一起改变自己的职业发展。
说起做这门课程的初衷，石弘总结了三点。
第一，在使用商业图形平台的时候，大部分程序员都很迷茫。他们缺乏的不是开放平台本身的能力，而是使用平台的能力。对于他们来说，平台是有门槛和距离的。他们缺少的是更基础的Web编程知识，这门课程可以陪他们走完开发前的“最后一公里”。
其次，他们都戏称自己是“野路子”研发，其实建筑师转向研发也是一个过程，希望我能把项目中积累的实战经验整理分享出来，让我们面对实际项目至少不会有“陌生感”。
第三，洪诗希望他的经历能激励更多想改变自己的人。哪怕他是漫漫长夜里的一点星光，也可以代代相传，照亮一个失落的建筑程序员。
课程介绍
我们将由洪诗本人来表达这一部分！
我是大洪，这是我们第一次见面。希望通过这个简单的介绍，可以坚定你对Web3D开发的信心。
事不宜迟，我们先来看看大数据屏幕的一些截图。
这是我在网上找到的驾驶舱大屏幕。我们来分析一下。该页面包含许多图表和一些网页元素。
让我们看另一个。这是一个运维大屏。中间部分的地图也是用图表绘制的，两边还是图表。
我们再来看看这个。这是一个智能建筑工地的大屏幕，有许多图表、网页元素，中间是一个交互式3D模型。
还有一个，这是一个智能建筑场景的大屏幕，一个分析，或者一个图表，一个三维模型。
这是智慧园区的大屏幕，有图表、网页元素、三维模型。
最后一个是智慧城市的场景，也是由图表、网页元素、三维模型组成。
要完成这一系列不同场景的大屏，需要掌握的内容可以分为三个部分。
首先是能画各种图表，包括饼状图、直方图、地图等等。
二是能够加载三维模型，然后点击拖动。
第三是能够画一些网页元素，比如列表，按钮之类的。
有了这三个技能，你就有能力打造自己的大数据屏了。
正是针对这三种技能的需求，才有了今天的Web3D开发入门课程，也是我为每一个渴望改变自己编程技能的人精心准备的课程。
课程设计紧紧围绕两个主题展开，一个是Web，一个是3D。总的来说，该课程有三个特点:
一、本课程完全是为编程小白设计的，零基础课程。
在这个课程中，你只需要准备一台可以运行浏览器的电脑，安装一些简单的编程工具。
还有一件事，你需要准备20个小时的默默奉献。10个小时学视频，10个小时练所学。
第二，这个课程是真正的手拉手飞行。它模拟项目的实际RD过程，是一门实践性很强的课程。
假设你是一名前端RD工作人员，你已经收到了BIMBOX数据大屏幕的RD需求。从最初的原型和产品需求文档，到UI设计手稿，再到最后的成品，每一个过程都有一个完整的代码编写过程。
而且最关键的流程产品已经呈现在你面前，面对实际的开发项目，你绝不会感到陌生。
第三，我们的课程是学习一门课程，入门有两个方向:一个是Web，一个是3D。
Web方向，我们会涉及到前端三剑客，前端框架基础知识，网络编程基础知识，中间会穿插一些Web开发的小技巧。
在3D部分，有3D库的基本概念，以及两个图形平台的使用。
学完本课程后，您已经掌握了网络和3D的基本概念知识。以后可以根据自己的兴趣自由发挥。
学习过程
我们的实践目标，也就是这个BIMBOX数据大屏，才是这门课的终极目标。那么这门课程是如何实现目标的呢？我们一步一步来拆解。
开发环境
作为小白的入门课程，首先，我将带您构建最基本的开发环境。作为一名合格的前端工程师，如何才能更高效的开发？
js，css，html
然后，你会学到我们前端著名三剑客的基础知识。学完之后，可以在顶部添加交互按钮，让它显示在你的页面上。在这里你可以设置一个小旗子。
Vue框架
接下来，你将开始学习前端框架的基本用法，了解工程前端项目。学到这里，你可以再次实现大数据屏幕左侧那些框架的网页元素，这里你又设置了一个标志。
网络编程
这一部分，你需要学习网络编程。既然是Web开发，这很自然。您还将学习接口文档以及如何调用接口来获取数据。
图表
然后是图表，亮点之一。学完之后，你就可以完成大数据屏涉及的折线图和直方图，离你的目标更近一步。
3D图书馆
最后是整个课程最重要的部分——3D模型。你会尝试用三种方式实现项目的三维需求，体验自研和商业平台的区别。
我已经为你描述了这门课程的学习路线。我们把大数据屏幕的目标拆解了，形成了一个小的学习目标。经过这样的学习路径，你可以一步一步的到达我们当初梦想的地方。
你可能觉得这个课程的目标看起来有点低，但是通过切换模式，你可以一秒切换到智慧园区平台。
还可以一秒切换到智慧城市平台。
而这些技巧都在这个Web3D开发的入门课程里。让我们一起学习，悄悄变强！
看看有学问的朋友怎么说。
为了给还没开始学习的朋友一些真实的反馈和建议，我们在课程上线前找了两个朋友学习了这门课程。他们是BOX的Revit二次开发课程老师Kevin和北京建筑设计研究院有限公司产品经理九歌。
他们希望从学习体验、实用性等方面给这门课程一些建议。，也希望他们的评价能给朋友们一些参考。
九歌
课程节奏控制的特别好，有代入感，学习过程不会觉得枯燥。从一个产品经理的角度，突然明白了前端是怎么实现的，恍然大悟。
该教程充满了内容和信息。可以多看几遍，才能理解老师的意图。
教程的每一课我都看得很仔细，受益匪浅。虽然不能转行做前端开发，但是让我深刻的了解和认识了前端开发的流程，对我以后的产品设计有很大的借鉴意义。在后续的设计中，可以充分考虑如何实现UI。
凯文
颜老师的课件制作精良，非常用心，让我非常渴望学习。课程内容循序渐进，讲课节奏有针对性，非常适合非学科类Web开发者学习。
学习整个课程不仅会对Web3D开发有一个全面的了解，还会从最基础最细致的地方掌握Web3D开发的流程、方法和应用。
对于已经有Revit二次开发基础的同学，入门会比较滑。该课程为那些以全栈开发为目标的合作伙伴提供了加速发展的途径。
以上是两位的学习心得，希望他们的反馈能给你一些学习前的建议。
整个课程都经过后期编辑，帮助你节省学习时间。这个课程也准备了几个月。我们和洪诗花了这么多心血做这个课程，希望能帮助更多的人打开发展的大门，突破学习的壁垒，学有所成，学有所用。
有态度有深度，这里是BIMBOX，我们下期再见！
