精通HTML5+CSS3需要学什么？

精通HTML5+CSS3需要学什么？主要学习vscode编辑器基本使用、HTML5新增标签、CSS3新增选择器及案例、2D转换及相关案例实现、3D转换和旋转木马案例等知识点。

一、vscode编辑器基本使用vscode 基本使用vscode插件安装

二、 HTML5新增标签什么是HTML5HTML5新增标签多媒体音频标签多媒体视频标签HTML5新增input标签HTML5新增表单属性

三、CSS3新增选择器及案例CSS3属性选择器（上）CSS3结构伪类选择器（上）nth-child(n)nth-child和nth-of-type的区别CSS3伪元素选择器伪元素选择器案例

四、2D转换及相关案例实现2D转换之translate让一个盒子水平垂直居中2D转换之rotateCSS3 三角设置转换中心点旋转中心点案例2D转换之scale图片放大案例分页按钮案例2D转换综合写法以及顺序问题CSS3动画基本使用动画序列CSS3动画常见属性CSS3动画简写大数据热点图案例速度曲线之steps步长16-奔跑的熊大案例

五、3D转换和旋转木马案例认识3D转换3D转换translate3d透视perspectivetranslateZ3D旋转rotateX3D旋转rotateY3D旋转rotateZ3D呈现transform-style两面翻转盒子案例3D导航栏综合案例-旋转木马案例浏览器私有前缀以及总结

市场需求决定用人成本，3D框架是近两年才兴起的，thingjs是物联网3D可视化的国产平台，开始受到资本青睐，说明市场潜力巨大。但是3D可视化技术更多是在客户端显示，例如指挥中心的可视化大屏，本身市场需求很低调，很多消费者都不知道，要想做智慧城市的大型项目，很多还是保密项目（监所、电力、建筑、安全消防），能承担开发的团队本来也不多，都是一个圈内的。

thingjs官网-资源中心有很多可视化大屏项目案例，可以感受一下：

好多公司的前端招聘都把3D可视化开发混为一谈，因为都是需要前端开发基础，但是也是有针对性要求，比如掌握three.js或者babylon.js，熟悉NodeJS、MongoDB等,至少熟悉一种数据可视化JS类库,如D3、HighCharts、Echarts等，这对于用人单位来说，才算是“精通webgl”。

有了技术不等于做出了受欢迎的商业应用，这个不仅仅是技术发展原因，也有市场需求的原因，简单的3D可视化都是临时需求，比如展览、演示，很难沉淀技术资源。大部分的需求都是偏向于大型客户端，也很难带动市场，这样就更需要一个简化的3D开发流程，让中小开发者也能够加入到3D商业开发，有广泛的基层基础，thingjs平台正是如此。

虽然3D可视化开发技术不是一个成熟的市场，但是绝对是增量市场！加入一个有前瞻性的平台，第一时间接触到3D开发技术，有价值的人才工资自然不是问题。

看过这本书，感觉有很多冗余无用的信息。

其实学前端，主要还是靠实践。

首先，看一些基础的知识，这些内容，w3school就都包含了。

然后，做一些简单的项目，后端可以拿个现成的cms，前端尝试写。

并且，还要多看别人做的好的东西，看到好的网页，就要按f12，看一下源代码。

最后，当你到了中等水平，多上github看看开源程序，并亲身参与其中。对关注大牛博客，并且自己也有一些沉淀！

---