欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-08-21 18:50:20
web前端开发技术人才越来越吃香,而且web前端领域划分越来越细,对技术的需求越来越高,想学习web前端的人也是越来越多。那么,如何学习web前端知识?从哪开始?转型成为web前端工程师需要学些什么?小白到高手需要多久? 1、转型web前端需要学什么 第一阶段:你要从最基础的HTML/CSS开始,简 ......

web前端开发技术人才越来越吃香,而且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请求……

前端技术的更新如此迅速,在这样的大环境下,前端工程师保持自学能力就显得尤其重要了。因此,“学什么”“怎么学”就是我们要迫切解决的问题。这是我的前端交流学习qun:前面是四八四,中间是七五七,后面是七六零。如果需要学习资料在里面下载。我做这行十多年,有问题随时来问我,学习方法,学习效率等等问题。

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