3 与用户交互的效果
十多年前，只要结构清晰，内容齐全，就是一个特别好的网站。如今的用户对视觉体验的要求越来越高，在用户的潜意识里，越是耀眼的页面，公司就越强大。无论是整体页面样式特效（目前使用类似PPT的幻灯片来播放效果），还是页面上的局部特效（如炫目的导航），以及在陌陌中传播的品牌推广信息等，都成为HTML5发展的主战场。在过去十年左右的时间里，Web一直由Adobe Flash主导，具有特殊效果和交互，现在人们的目光转向了HMTL5，HTML5图形标签可以让你做更多的交互和动画，就像我们使用Flash来实现的那样。这将导致一个统一的网络，无论是电脑、台式机还是智能手机，都应该很容易浏览基于 HTML5 的网站。因此，开发者在设计网站时，需要重新考虑用户体验、网站浏览、网站结构等激励因素，使网站对任何硬件设备通用。HTML5 还具有许多 API，可让您创建更好的用户体验和更动态的 Web 应用程序。如图 4 所示：
图4 HTML5开发的页面的3D效果
作者提示：无论是Flash还是HTML5都不是很重要，技术变化太快，设计和交互才是最关键的。
4 微网站制作
智能手机的升级让用户迅速从PC转向手机，随着陌陌用户的减少和应用的普及html5网站设计，再加上陌陌公众开放平台中服务号和订阅号的大量应用，微信网站应用迅速增加，微官网的发展。 微商城、微活动、微海报、微分发等已成为主流业务。如图 5 所示：
图5 微型网站产品展示HTML5
正在逐渐成熟，在PC应用中还存在一些不兼容的问题需要解决html5网站设计，但它在移动浏览器中早已非常稳定，可以说HTML5应用是第一个在移动设备上开发的。几乎每个人都热衷于开发独立的连接应用程序，但HTML5很可能是独立连接应用程序的终结。由于HTML5将应用程序的功能直接添加到其核心，这很可能会将联通技术时尚带回浏览器时代。HTML5 允许开发人员在（移动）浏览器中构建应用程序，因此如果您正在为桌面或连接应用程序制定长期策略，您可能需要考虑这一点。
也许你已经在网上看到了很多推荐的后端开发书籍，但是技术更新迭代很快，很多书籍都已经过时了。 这里我们只推荐这些最新的、比较经典的。 MDN 技术文档
想要系统地掌握HTML、CSS、JavaScript，可以说MDN文档是最重要、最终的参考资料。 这个必须全年阅读（即使你已经工作了），而且不能指出太多。 可以说，不经常阅读MDN文档的后端开发不能称为前端开发工程师。
阅读索引：必看，不能指出太多，一定要能熟练阅读（其实一定要会搜索）。
以后无论看什么书、资料、视频html5书籍推荐，都得回到MDN技术文档去理解（MDN技术文档一般都是翻译的）。
HTML 和 CSS 图书系列
菜鸟教程和w3cschool
看一下w3cschool或者新手教程的内容：有html、css、html5、css3、bootstrap等教程，也可以用这个来入门，这也是大多数人入门的一种形式。 不过，值得一提的是，那些网上教程的很多内容都已经过时了html5书籍推荐，而且这些入门形式学到的知识也很不系统。
对于他们的所有问题，确实没有更好的在线教程选择。 MDN也有入门教程，内容新颖，讲解也很系统，但由于很容易跳转到复杂知识的页面，恐怕菜鸟们接受不了。
所以我只能以新手教程和w3school作为初步过渡，比如一周练习一下上面的内容，然后再去看MDN技术文档。
书籍推荐
推荐的书有《HTML5权威手册》、《HTML5编程（第二版）》、《Head First HTML和CSS（第二版）》，但出版已经有些年头了，有些内容已经过时了，或者有些内容已经过时了。知识我没讲（有一些新东西没讲也不足为奇）。 这里有新版的书《HTML+CSS+JavaScript入门经典（第3版）》。
本书讲解了网页开发的基础知识，是一本适合初学者入门的书。 您可以将本书作为学习犀牛书和红书的开胃菜。
大多数培训课程的后端开发视频也很基础，没有配套学习的参考书。 如果你是转行的菜鸟，也可以先看看这本书。
学习技巧
虽然你学会了HTML、CSS和简单的javascript，但你仍然不擅长制作精美的页面，但由于网页设计的知识点太多，你感觉很多知识点似乎没有顺序，你会很快就会忘记他们。 向上。 所以学习的时候一定要用思维导图来梳理，学会练习。
那么其实你可以自己模拟一些漂亮的页面来做一些项目，但是值得一提的是，前端开发工程师的核心并不是通过原始的HTML和CSS来开发网页，所以不要花很多时间关于在早期学习期间制作页面。
如果你平时的日常工作更多的是制作页面（已经在工作的页面重构者），那么下面两本CSS书籍可能更适合你，但后端开发学习者没有必要看这两本书。
CSS权威手册分为两册。 基本上你想了解的CSS都在这里了，而且它把内容解释得更透彻。 本书重点系统地讨论了每个知识点。 《动物书》权威手册难的是多看参考书（即像字典一样，快速阅读，以后经常阅读）。
本书重点介绍CSS的一些实用方法。 可以说文笔极其经典。 本书的作者是一位 CSS 专家。
前端开发工程师在学习时建议阅读《CSS深度剖析》。 这本书基本涵盖了CSS的一些面试题。
学习HTML和CSS时，一定要使用VS Code+Chrome浏览器进行实战，然后结合MDN，写笔记，做思维导图，这样才能快速上手网页开发。 图快速记忆。
JavaScript 书籍系列
JavaScript可以说是后端的大头，前端开发工程师应该重点学习JavaScript，尤其是原生JavaScript的基础知识。
吐血推荐，犀牛书和红皮书依然是后端开发最值得买的两本书籍。 可以说，没有学过这两本书的前端开发工程师基本上都是不全面、半生不熟的。
《JavaScript高级编程》是传说中的红皮书，《JavaScript权威指南》是传说中的犀牛书。 这两本书是很多专家推荐的JavaScript经典。 学习JavaScript可以先看这两本书。 这本书还是一样，不要光看，一定要一边实战一边记笔记。
不过犀牛书和红宝书这两本大书还是不够基础，很多新手还是不太懂。 虽然这两本书是必买必读的，但是你可以学习《JavaScript DOM编程艺术（第2版）》（不用买，网上找电子书即可）。
学习Javascript时，建议结合犀牛书、红皮书一起阅读这样的在线教程。
高级 JavaScript
JavaScript的进阶内容适合纯前端开发工程师。 如果你是做后端可视化，专注于后端页面，那么只能先了解高级内容。
《你不知道的JavaScript》可以说是一本进阶JavaScript的推荐书籍。 这三本书都可以在微信读书App中找到。
算法相关
前端开发还需要对数据结构和算法有基本的了解。 在这个方向上，我挑选了三本比较基础、讲解生动的经典书籍。 平时可以读一下。 它们不是主要的学习路径，但值得花一些时间来了解它们（尤其是计算机专业并想从事后端开发的中学生）
三大框架之二 Vue 和 React
技术文档是必读且必须仔细研究的
以上内容主要是基于原生JavaScript的基础。 从事后端开发工作，需要了解三大框架。 目前三大框架推荐Vue和React。 只需阅读他们的技术文档即可。 以下仅使用 Vue 和 React 为例：
Vue生态
Vuejs英文文档，Vue是后端开发使用最多的框架之一；
Vuex技术文档，Vuex是专门为Vue.js应用开发的状态管理模型；
Vue-router技术文档，Vue Router是Vue官方的路由管理器；
还有vue devtools、vue cli、webpack等基础工具链，也是有必要掌握的。如果想更全面的了解Vue，当然Github上牛逼的Vue是少不了的
github.com/vuejs/awesome-vue
用户界面框架
element ui 技术文档，应该是最常用的UI框架之一
Ant Design技术文档，完整的设计体系，支持Vue和React，从这里可以学到很多相关知识，比如scaffold.ant.design/#/scaffolding等。
目前这两个UI框架比较多。
反应生态
React英文文档，所有大型前端开发公司都需要了解的框架
next.js技术文档，服务端渲染
React Router技术文档，React路由解决方案
Redux 技术文档、React 状态管理
相应的，还有awesome React github.com/enaqx/awesome-react
其实后端开发的方向有很多，比如后端可视化、React Native、Electron，甚至还有转移到Flutter。 这些建议要在学习中学习，根据工作中的情况来学习，而不是事事都学习。 学习，最重要的是打好基础。
小程序和小程序云开发非常适合前端开发工程师作为零基础入门学习。 也是后端开发和应用一个比较有前景的方向。
