随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。
对于零基础的人而言，要怎么学习web前端呢?
1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。
3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功
《HTML5与CSS3基础教程（第8版）》（[美] Elizabeth Castro）电子书网盘下载免费在线阅读
资源链接：https://pan.baidu.com/s/1wgc37UtKCHruM7xZWRrXng
密码：dew2书名：HTML5与CSS3基础教程（第8版）
作者：[美] Elizabeth Castro
译者：望以文
豆瓣评分：8.3
出版社：人民邮电出版社
出版年份：2014-5
页数：417
内容简介：
本书是风靡全球的HTML和CSS入门教程的最新版，至第6版累积销量已超过100万册，被翻译为十多种语言，长期雄踞亚马逊书店计算机图书排行榜榜首。
第8版秉承作者直观透彻、循序渐进、基础知识与案例实践紧密结合的讲授特色，采用独特的双栏图文并排方式，手把手指导读者从零开始轻松入门。相较第7版，全书2/3以上的内容进行了更新，全面反映了HTML5和CSS3的最新特色，细致阐述了响应式Web设计与移动开发等热点问题。书中主要内容包括：如何创建HTML5页面，如何使用HTML5元素，如何用CSS3为网页添加样式，如何向页面添加JavaScript代码，如何测试做好的页面并将其上传到万维网。另外，本书强调渐进增强这种网站设计方法的重要性，并将其贯穿在全书的具体实践中。
作者专为本书设计了内容丰富的配套网站htmlcssvqs.com，提供海量精彩示例、HTML与CSS元素及属性列表以及其他附加材料，方便读者随时参考与引用。
作者简介：
作者简介：
Elizabeth Castro
享誉世界的计算机畅销书作家，电子出版先行者，2010年就出版了epub电子书制作教程EPUB Straight to the Point。Castro 擅长使用详实的步骤和精美的实例教大家快速实现具体效果，她的HTML与CSS系列教程自出版以来广受读者欢迎，成为学习前端开发的首选参考图书。有关Castro的更多信息，可访问其个人主页ElizabethCastro.com。
Bruce Hyslop
自1997年就开始从事网页开发，重点关注使用HTML、CSS和JavaScript进行网页开发和网站易用性的维护，并倡导最佳实践。Hyslop在加州大学洛杉矶分校进修部教授CSS课程，还著有The HTML Pocket Guide、The Web Design Pocket Guide Boxed Set。
译者简介：
望以文
毕业于中国人民大学，曾任百度前端工程师，现为网信金融产品经理。《HTML5与CSS3基础教程（第7版）》译者。热爱产品设计，维护微信公众号projojo，定期向读者推荐新鲜有趣的互联网产品。微博@weakow。
精通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导航栏综合案例-旋转木马案例浏览器私有前缀以及总结
