零基础转行web前端，要学习多久？须要掌握些什么？

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

 

 

一、转型web前端须要学什么

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

第二阶段：JavaScript学习，你要是想在网页上实现交互效果，好比轮播图、点击按钮后播放动画等等，那么就必须学会JavaScript。JavaScript是一门完整、强大、热门的编程语言，浏览器的各类交互效果都由它来作到的。而后学习jQuery，而且经过jQuery继续使用CSS的选择器。

二、转职成为web前端

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

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

三、如何提高前端技能

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

前端技术的更新如此迅速，在这样的大环境下，前端工程师保持自学能力就显得尤为重要了。所以，“学什么”“怎么学”就是咱们要迫切解决的问题。这是个人前端交流学习qun：前面是四八四，中间是七五七，后面是七六零。若是须要学习资料在里面下载。我作这行十多年，有问题随时来问我，学习方法，学习效率等等问题。

若是你还处于迷茫阶段或者是一个小白，那你不要着急着手开始学习，由于没有目的和方法的学习，只会走弯路。这时候，建议你先深刻了解有关前端方面的全部资讯，包括前景、就业、行业发展、技术囊括、职业等等，这样才能有目的和方向的学习。