余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

零基础设计师怎样玩转web开发(Web开发与设计基础)

xiyangw 2022-11-25 12:29 26 浏览 0 评论

不少UI设计师想要学习web前端知识,一方面是喜欢那些华丽的网页特效,另一方面则是想成为全栈式UI设计师。那么就由小编教你学习前端知识,如何从入门到高手。

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

第二阶段,你要是想在网页上实现交互效果,比如轮播图、点击按钮后播放动画等等,那么就必须学会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设计师。

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

想要搞定编程没那么简单,但是只要肯花功夫就可以做到,那时你收获到的将是一个新的世界。

到了这一阶段,你可以做出很多优秀的网站了,购买域名,配置服务器,然后将你的作品挂到网络上吧;或者你可以做一些JavaScript的小游戏,练练编程能力。

相关推荐

千锋武汉Web前端培训费用是多少?都学什么呢?
千锋武汉Web前端培训费用是多少?都学什么呢?

在“互联网+”的大背景下,Web前端工程师逐渐成为企业不可或缺的岗位,而Web前端人员不断增加的薪资也吸引了越来越多的人前来学习。随之而来也出现了一系列的问题,...

2023-03-21 18:59 xiyangw

自学web前端开发能找到工作吗?(自学web前端开发能找到工作吗)
自学web前端开发能找到工作吗?(自学web前端开发能找到工作吗)

自学能不能找到工作,答案肯定是“能”的,但是对于这个问题,我们不能用“能”或者“不能”去回答,有一个人能找到也是能,有一个人找不到也是不能,应该从概率的角度去分...

2023-03-21 18:59 xiyangw

自学前端找工作?大神只用120天零基础找到工作?他怎么办到的?
自学前端找工作?大神只用120天零基础找到工作?他怎么办到的?

首先看这个文的人,应该没有什么大神级别的人物吧?如果有你就随便看看吧。那不废话啦,进入正题!文章的题目就是针对前端这块零基础怎么学?一般学习的顺序是首先你要简单...

2023-03-21 18:58 xiyangw

前端开发·从零到用:4月1-15日 19:30~21:00腾讯免费课堂来袭
前端开发·从零到用:4月1-15日 19:30~21:00腾讯免费课堂来袭

列表无序列表此列项目使用粗体圆点(典型的小黑圆圈)进行标记。<ul><li>第一行</li><li>第二行<...

2023-03-21 18:58 xiyangw

Web前端培训怎么样?学费贵吗?新手该如何选择?
Web前端培训怎么样?学费贵吗?新手该如何选择?

随着互联网行业的不断发展,web前端技术在今天的市场上已经成为了一个不可或缺的职业。前端工程师的大量需求,web前端培训也逐渐成为了市场上的热门培训之一。web...

2023-03-21 18:58 xiyangw

学前端好找工作吗?找工作要学多久?(学前端可以赚多少钱)
学前端好找工作吗?找工作要学多久?(学前端可以赚多少钱)

很多想学前端的同学都担心不好找工作,自学前端的同学也疑惑自己要学多久才可以找工作。我们就来谈一谈这个问题。如果对前端有一定的了解,指导前端的基本架构和原理,那么...

2023-03-21 18:57 xiyangw

「经验谈」大学荒废三年,大四自学8个月前端,找到8K薪资工作
「经验谈」大学荒废三年,大四自学8个月前端,找到8K薪资工作

希望学妹学弟们不要跟我一样,等到临近毕业后才醒悟要学习知识学习技术,能趁早尽量趁早,过去应该做的事情没有去做,后面都需要你加倍补回来。我是一个二本院校,专业是机...

2023-03-21 18:57 xiyangw

零基础学web前端难不难 一般要学多长时间(学完web前端学什么)
零基础学web前端难不难 一般要学多长时间(学完web前端学什么)

  零基础学web前端难不难?一般要学多长时间?与其他编程语言相比,前端是公认的入行门槛较低的一门语言,但依然有很多人在学习之前会问零基础学习web前端难不难,...

2023-03-21 18:57 xiyangw

知了堂|前端学多久可以找工作?前端要学什么?

很多小伙伴都想转行前端,因为前端上手门槛低工资高,但是很多小伙伴学的同时也很疑惑,不知道前端要学多久才能找工作,也不知道前端要学什么。前端工程师不仅仅要应对前端界面和设计,以及应对产品经历,还有和后端...

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

web前端开发技术人才越来越吃香,而且web前端领域划分越来越细,对技术的需求越来越高,想学习web前端的人也是越来越多。那么,如何学习web前端知识?从哪开始...

2023-03-21 18:57 xiyangw

HTML5+Java全栈开发培训从入门到精通需要多久?
HTML5+Java全栈开发培训从入门到精通需要多久?

全栈开发培训从入门到精通需要多久?看到有不少想要学习全栈开发的网友询问类似的问题,其实这种情况笔者真的不好说什么确切的答案,因为每个人对于这行的基础不同,理解能...

2023-03-21 18:56 xiyangw

学习前端知识需要多长时间?(学好前端要多久)

EricThomas有篇广为流传的演讲《Howbaddoyouwantit》,演讲里说,大多数人说想要成功,大多数人也只是嘴上说说。他们对成功的渴望还比不上他们想要去party的渴望,比不...

26天学通前端开发(自学前端每天要花多少小时)
26天学通前端开发(自学前端每天要花多少小时)

前言好的学习方法可以事半功倍,好的学习路径可以指明前进方向。这篇文章不仅要写学习路径,还要写学习方法,还要发资料,干货满满,准备接招。网上有很多前端的学习路径文...

2023-03-21 18:56 xiyangw

零基础学前端要多久能找一份好工作?(小白学前端一般学多久)
零基础学前端要多久能找一份好工作?(小白学前端一般学多久)

零基础学前端要多久能找一份好工作?很多朋友都在问,零基础学前端要多少能找一份好工作?现在学前端技术,学习周期短、技术更新快、就业前景广阔。所以,如果你还在犹豫前...

2023-03-21 18:56 xiyangw

用海文国际学习前端开发的亲身经历告诉你参加培训值不值

互联网公司的技术岗位工作,现在越来越受到年轻人的欢迎,炙手可热。IT技术岗位中的WEB前端开发工程师更是备受青睐。在海文国际长沙分中心的WEB前端开发实习生岗位上实习三个月了,想用自己的亲身体验,告诉...

取消回复欢迎 发表评论: