转web前端开发，开始需要学些什么？，分享自己心得

web前端开发技术人才越来越吃香，而且web前端领域划分越来越细，对技术的需求越来越高，想学习web前端的人也是越来越多。

那么，如何学习web前端知识？从哪开始？转型成为web前端工程师需要学些什么？小白到高手需要多久？

1、转型web前端需要学什么

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

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

2、转职成为web前端

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

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

3、如何提升前端技能

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

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

小编推荐一个学web前端开发的学习裙三二八四零零三一四，无论你是大牛还是小白，是想转行还是想入行都可以来了解一起进步一起学习！裙内有开发工具，很多干货和技术资料分享！

零基础学习web前端必须明确的几点：

1.明确你将来是做什么工作的，需要掌握哪些技能，很多人连这个就不知道就盲目的学，你首先清楚，现在公司需要什么人才，你应该奔着什么目标努力。

2.系统的学习规划，规划好你每天学习的新知识和每天做的作业和练习，很多人想自学web前端，两个就看完了，这样的能找到工作算是出奇了，现在学习web前端想找到工作，没有4-6个月的根本不行，所以规划是一定要有的，我建议半年时间。

3.注意学习方法，很多人在学习web前端的时候，开始学那一刻起就选择了错误的学习方法，所以最后注定会放弃，回到原来的岗位继续做着自己不喜欢的事情，学习web前端需要一定的技巧，在开始学之前多跟别人问问，不要自己盲目的自学，浪费时间。

应届生是否培训：

富裕的，或者想少走弯路的，可以选择培训，但是培训不一定就能找到工作

有的培训机构说包就业，这些本身就是骗人的，不要信

但是我目前是不建议选择那种速成的培训，因为学习时间短，而且学费太高，成本太大，培训之后还不一定能找到工作，现在的选择我更加建议大家选择在线上进行培训，成本低，还方便

开始学注意几点：

1.代码规范，这本身就是一个非常好的习惯，如果开始不养好好的代码规划，以后会很痛苦

2.多动手，少看书，很多人学web前端就一味的看书，这不是学数学物理，你看例题可能就会了，学习web前端主要是学习编程思想。

3.勤练习，学完新的知识点，一定要记得如何去应用，不然学完就会忘，学我们这行主要都是实际操作。

4.学习要有效率，如果自己都觉得效率非常低，那就停不停，找一下原因，去问问过来人这是为什么

如果对于这块有任何不懂的问题可以随时来问我，我对于学习方法，系统学习规划，还有学习效率这些曾经研究的很深，希望可以帮助大家少走弯路!