前端可视化工程师

以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西，程序开发也好理解就是功能实现。而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。访客使用起来更简便。另外，现在前端工作还不仅仅只是网页的制作，还有微网站、APP的制作，游戏制作，例如可以将你开发的Web页面直接打包成手机使用的APP应用，游戏的互动界面更是以前端开发技术为主。在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。HTML前端开发与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师这个方向是目前从事Web前端开发的主要就业方向Web架构师薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。数据方向数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java玩的溜，属于Web开发的拓展方向。大前端方向比如阿里，在大量实践rn和weex;由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端(还有node)。图形学方向前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。

1、开发工作包括数据可视化效果实现、可视化应用组件与产品、WEB应用、大屏展示应用及信息图的开发制作。

第一阶段：Web基础知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签布局知识要点：CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器第二阶段：基础知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架第三阶段：企业级框架框架基本语法知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、案例知识要点：将知识点融会贯通到案例中。基本语法知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、案例知识要点：将知识点融会贯通到案例中新增内容：微信小程序及uni-app框架知识要点：小程序框架（配置/程序与页面注册/路由），开发者工具小程序框架组件学习（基础/视图/表单/地图/媒体/导航/开发能力）小程序框架组件学习（地图/媒体/导航/开发能力）小程序API（基础/路由/界面/网络/数据缓存/位置服务）小程序API（设备/媒体/开放接口/授权/登录/支付）第四阶段：前端全栈服务器与数据库及框架知识要点：Node原生模块、跨域、安全校验、数据加密、数据库基本操作、express框架、koa框架 项目周/WebPack知识要点：需求、效果图、编码

第一部分：HTML。HTML是标记语言，也就是经常在代码中看到的

这个要看个人的，大部分都觉得H5前端比较好学，Java学起来难度较大了。现在H5前端开发也比较热门，很多公司的需求量也很大，培训的话找一家好的机构系统的学习一番，看看自己能不能适应这份工作吧。就在成都的源码时代学H5前端，每天都有一个系统的学习进度，虽然有时候会有一点吃力，但是老师们都会很认真负责的教你，所以推荐你也来试一试。

可往3D开发工程师转型，前提要熟练掌握js，熟悉webgl，这里你可以练练手网页链接

ThingJS 基于 HTML5 和 WebGL 技术，可方便地在主流浏览器上进行浏览和调试，支持 PC 和移动设备。ThingJS 为可视化应用提供了简单、丰富的功能，只需要具有基本的 Javascript 开发经验即可上手。

ThingJS 提供了场景加载、分层级浏览，对象访问、搜索、以及对象的多种控制方式和丰富的效果展示，可以通过绑定事件进行各种交互操作，还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等各种可视化功能。

ThingJS提供如下相关组件和工具供用户使用：

CityBuilder：聚焦城市的 3D 地图搭建工具，打造你的 3D 城市地图。

CamBuilder：简单、好用、免费的 3D 场景搭建工具。

ThingPano：全景图制作工具，轻松制作并开发全景图应用，实现 3D 宏观场景和全景微观场景的无缝融合。

ThingDepot：上万种模型，数十个行业，自主挑选，一次制作多次复用。