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 请求......
如果你还处于迷茫阶段或者是一个小白, 那你不要着急着手开始学习, 因为没有目的和方法的学习, 只会走弯路. 这时候, 建议你先深入了解有关前端方面的所有资讯, 包括前景, 就业, 行业发展, 技术囊括, 职业等等, 这样才能有目的和方向的学习.
来源: http://www.jianshu.com/p/6b682b2dd84d