转型做Web前端，这些方向你可以试试！

HTML5是Web的未来，不仅在电脑端，而且在移动端也一定会得到广泛的应用。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。因此，想转型来做Web前端的人越来越多。

本文将以UI设计师转型做Web前端作为案例，详细解读学Web前端该学习哪些专业知识！当然也适用于所有想转型Web前端的亲们！

一、如何学习Web前端知识转型？

不少UI设计师想要学习Web前端知识，一方面是喜欢那些华丽的网页特效，另一方面则是想成为全栈式UI设计师。

1、HTML/CSS学习

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

2、JavaScript学习

第二阶段，你要是想在网页上实现交互效果，比如轮播图、点击按钮后播放动画等等，那么就必须学会JavaScript。JavaScript是一门完整、强大、热门的编程语言，浏览器的各种交互效果都由它来做到的。

你先要了解一些基础的JavaScript概念(变量、函数、基本类型)后，然后学习 jQuery(JavaScript代码库的一种)，并且通过 jQuery继续使用CSS的选择器。

二、转职成为前端重构

专精HTML/CSS的前端从业人员也就是前端重构。我想说，掌握基本HTML/CSS的UI设计师就可以发展到这个方向。

你知道如何写页面，也知道怎么做的更好，并且更加理解 Web 世界，做出更“系统化”的设计。

关于CSS 的知识，你需要理解文档流、浮动流等各种定位的方式与原理，理解 CSS 的继承复用思想、理解浏览器的差异、兼容等。

关于HTML 的知识，你需要学习语义化、可访问性与结构的合理，以及“结构与样式的分离”等。

你会爱上CSS 3 的酷炫属性，可以做出响应式网页设计，用 transiton 和 animation 做补间动画与关键帧动画，用 transform 做缩放、旋转、3D变换，还有圆角、渐变、阴影、弹性盒……

掌握了以上的这些，你完全可以利用你的设计功底和Web前端知识，做出微信的H5页面、一些有趣的网页，或者个人的网站。

三、转职成为前端工程师/全栈式UI设计师

如果你还想做出更厉害的交互效果，越来越喜欢编程，那么建议你成为一个前端工程师/全栈式UI设计师。

这时，你必须学会以软件工程师的角度思考。你需要踏踏实实学习编程语言，深入理解作用域、对象、类、封装、继承、面向对象编程、事件侦听、事件冒泡等一大堆编程概念，需要了解浏览器，学习 DOM、BOM、CSSOM 的 API，甚至还有学习一些网络原理，包括域名、URL、DNS、HTTP 请求……

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

通过以上的分享，相信大家对于转型做Web前端需要学习的知识点和发展方向已经有了大致了解。当下Web前端的工作无法被替代，发展趋势是可见的，客户需求是存在，前景是巨大的。想要入行Web前端的小伙伴可要抓紧机会，相信一定会给你不一样的收获！


如今正是Web前端将要爆发的时候，选择学习Web前端，为你的人生开启新的方向。评论回复：Web前端，即可免费领取最新全套Web前端学习资料+源码+项目+笔记，助力大家学好Web前端。