精通HTML5+CSS3需要学什么?

html-css07

精通HTML5+CSS3需要学什么?,第1张

精通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看看开源程序,并亲身参与其中。对关注大牛博客,并且自己也有一些沉淀!