转职做web前端，一开始别走弯了！

1、如何开始学习web前端知识

不少人想要学习web前端知识，一方面是喜欢那些华丽的网页特效，另一方面则是想成为全栈式工程师。那么就今天就来教你学习前端知识，如何从入门到高手。

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

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

2、转职成为web前端

专精 html/css 的前端从业人员也就是前端重构。掌握基本 html/css 的ui设计师就可以发展到这个方向。

你知道如何写页面，也知道怎么做的更好，并且更加理解 web 世界，做出更“系统化”的设计。关于css 的知识，你需要理解文档流、浮动流等各种定位的方式与原理，理解 css 的继承复用思想、理解浏览器的差异、兼容等。关于html 的知识，你需要学习语义化、可访问性与结构的合理，以及“结构与样式的分离”等。

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

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

如果你还想做出更厉害的交互效果，越来越喜欢编程，那建议你成为一个前端工程师。这时，你必须学会以软件工程师的角度思考。你需要踏踏实实学习编程语言，深入理解作用域、对象、类、封装、继承、面向对象编程、事件侦听、事件冒泡等一大堆编程概念，需要了解浏览器，学习 dom、bom、cssom 的 api，甚至还有学习一些网络原理，包括域名、url、dns、http 请求……

想要搞定编程没那么简单，但是只要肯花功夫就可以做到，那时你收获到的将是一个新的世界。到了这一阶段，你可以做出很多优秀的网站了，购买域名，配置服务器，然后将你的作品挂到网络上吧;或者你可以做一些javascript的小游戏，练练编程能力。  

自己是从事了五年的前端工程师，自己整理了一份最全面前端学习资料，从最基础的html+css+js到html5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴，需要可以私聊我哟，这是我的前端开发qun，【六零三】【九八五】【九九三】，直接群里下载，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我，