大前端时代，如何学习web前端知识？

随着web3.0时代，那么web前端开发技术人才越来越吃香，而且web前端领域划分越来越细，对技术的需求越来越高，想学习web前端的人也是越来越多。那么，如何学习web前端知识？从哪开始？转型成为web前端工程师需要学些什么？小白到高手需要多久？

在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

1、如何学习web前端知识

第一阶段，你要从最基础的HTML/CSS开始，简单地说，HTML就是一堆非常简单的标签，而CSS则是把你画画的流程用英语按一定的格式写出来。然后你需要理解常用HTML标签的意思，学会各种CSS的属性，还有CSS的盒模型、优先级、选择器……

第二阶段，JavaScript学习，你要是想在网页上实现交互效果，比如轮播图、点击按钮后播放动画等等，那么就必须学会JavaScript。JavaScript是一门完整、强大、热门的编程语言，浏览器的各种交互效果都由它来做到的。你先要了解一些基础的JavaScript概念（变量、函数、基本类型）后，然后学习jQuery（JavaScript代码库的一种），并且通过jQuery继续使用CSS的选择器。

2、转职成为web前端

专精HTML/CSS的前端从业人员也就是前端重构。这里要提一下，有一个职业对于这块很有优势，那就是设计师。不管是UI设计师，还是平面设计师，在页面上如何写页面，也知道怎么做的更好，并且更加理解Web世界，做出更“系统化”的设计。关于CSS的知识，你需要理解文档流、浮动流等各种定位的方式与原理，理解CSS 的继承复用思想、理解浏览器的差异、兼容等。关于HTML的知识，你需要学习语义化、可访问性与结构的合理，以及“结构与样式的分离”等。

你会爱上CSS 3的酷炫属性，可以做出响应式网页设计，用transiton和animation做补间动画与关键帧动画，用transform做缩放、旋转、3D变换，还有圆角、渐变、阴影、弹性盒……掌握了以上的这些，你完全可以利用你的设计功底和web前端知识，做出微信的H5页面、一些有趣的网页，或者个人的网站。

3、如何转职成为前端工程师

如果你还想做出更厉害的交互效果，越来越喜欢编程，那么千锋武汉html5培训机构专家建议你成为一个前端工程师/全栈式UI设计师。这时，你必须学会以软件工程师的角度思考。你需要踏踏实实学习编程语言，深入理解作用域、对象、类、封装、继承、面向对象编程、事件侦听、事件冒泡等一大堆编程概念，需要了解浏览器，学习DOM、BOM、CSSOM的API，甚至还有学习一些网络原理，包括域名、URL、DNS、HTTP请求……