零基础转行web前端,要学习多久?需要掌握些什么?

更新日期: 2019-09-06阅读: 2.1k标签: 前端

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


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

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

第二阶段:JavaScript学习,你要是想在网页上实现交互效果,比如轮播图、点击按钮后播放动画等等,那么就必须学会JavaScript。JavaScript是一门完整、强大、热门的编程语言,浏览器的各种交互效果都由它来做到的。然后学习jquery,并且通过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请求……


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


链接: https://www.fly63.com/article/detial/5184

前端开发,脱离菜鸟层次的二个关键点

我个人吧,一直认为学习前端技术是比较简单的事情,只要你真的是一步一个脚印的在前进,那你自然会有相应的结果可以收获。这里面包含二个关键点,一,脚踏实地;二,不断努力。

前端开发,如何写出优秀js代码

前端开发如何写出优秀js代码,什么样的javascript代码才是最优秀的的呢?我总结的大概分为三点:性能好,简单优雅,通俗易懂,这篇文章就将围绕这这3点来说明。

解读前端热更新原理

热更新:浏览器的网页通过websocket协议与服务器建立起一个长连接,当服务器的css/js/html进行了修改的时候,服务器会向前端发送一个更新的消息,如果是css或者html发生了改变,网页执行js直接操作dom,局部刷新,如果是js发生了改变,只好刷新整个页面。

你不知道的前端SDK开发技巧

作为一个SDK,我们的目标是让使用者能够减少查看文档的时间,所以我们需要提供一些类型的检查和智能提示,一般我们的做法是提供JsDoc,大部分编辑器可以提供快捷生成JsDoc的方式,另一种做法是使用Flow或者TypeScript

Web前端体系的脉络结构

Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。

关于前端数据&逻辑的思考

这里我是基于典型的MVC模型,那么为了将现有代码重构为理想的模型,我需要做以下几步:拆分组件,逻辑处理,抽象、聚合数据

什么是前端? web1.0、web2.0时代的网页制作,前端开发都有哪些内容等

前端基础-什么是前端:一、 web1.0时代的网页制作,二、 web2.0时代的前端开发,三、 Web前端能做什么?四、 为什么要学习前端开发,五、 前端开发都有哪些内容,六、 开发环境

web前端的一些不为人知的冷知识点_html篇整理

web前端HTML篇冷知识点——这是一篇关于前端的技巧使用,或许你做前端很多年了,但是下面的这些你可能闻所未闻。现在这里给大家整理出来,分享给前端的小伙伴们。

web前端的一些不为人知的冷知识点_CSS篇整理

CSS篇整理:关于CSS的恶作剧、简单的文字模糊效果、垂直居中、多重边框、实时编辑CSS、创建长宽比固定的元素、CSS中也可以做简单运算

web前端的一些不为人知的冷知识点_Js篇整理

Js篇整理:生成随机字符串、整数的操作、重写原生浏览器方法以实现新功能、关于console的恶作剧、万物皆对象、If语句的变形、禁止别人以iframe加载你的页面、console.table

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!