当前位置:首页 > 常识 > 学习web前端开发,需要掌握哪些知识?

学习web前端开发,需要掌握哪些知识?

admin3个月前 (05-18)常识5605

如何学习HTML+CSS+JS 前端技术网站的组成部分

结构(html)、表现(css)、行为(js)。

1.首先学习html进行网站的骨架搭建,自己尝试写各种各样的网站布局;

2.尝试使用css对网站进行修饰,让网站穿上华丽的服装;

3.让 网站动起来,也就是让网站具备行为,比如点击跳转、轮播图、渐变、人机交互等行为;

4.网站具备结构、表现、和行为之后,那就需要提高网站的交互体验,以及每个网站都有自己独特的风格,比如知乎的知乎风格!

该如何学习, 可以归纳以下几点:

1.我们需要掌握HTML CSS的声明的方式, 了解HTML的文件结构 2.掌握不同类型的布局容器使用方法 3.了解HTML中如何声明不同类型的控件元素 4.了解HTML中如何修改元素的外观, 可能就需要了解CSS 5.了解HTML中使用什么方法可以自定义元素的外观、数据呈现方式 6.了解HTML如何创建动画, 创建复杂类型的动画

学习HTML+CSS+JS 阶段

一阶段:html标签、html5新增标签、css样式、css3样式、媒体查询等

二阶段:JavaScript、jQuery、ajax、面向对象、http传输协议等

三阶段:canvas、js高级应用、JS-SDK、H5新增技术

四阶段:node.js、vue.js

第一阶段——HTML的学习

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因 此,我们必须掌握HTML的基本结构和常用标记及属性

HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果,在“代码”视图中学本质, 将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味,想必对各位初学的小盆友们来说,必定是极好的!

在学习了HTML之后,我们只是掌握了各种“原材料”的制作方法,要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。

第二个阶段——CSS的学习

CSS是英文Cascading Style Sheets的缩写,叫做层叠样式表,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的,这样就极大地提高了我们开发的速度,降低了维护的成本。

同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的,精确控制。通过此阶段的学习,我们就可以顺利完成“一幢楼房”的建设。

“楼房”建设完成之后,我们可以交给用户使用,但是如果想让用户获得更佳的体验,我们还可以对“楼房”进行更深一步的“装修”,让它看起来更“豪华”一些。

第三个阶段——JavaScript的学习

JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为我们提供了一些内置函数、对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效、验证、交互等,使我们的页面看起来不那么呆板,屌丝瞬间逆袭高富帅!有么有?

此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道

这个效果在××浏览器下不兼容,重新搞……”

“不兼容?”瞬间石化了有木有?

我擦,坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊,吐血了都!”

JavaScript的兼容性和复杂性有时候的确让我们头疼,还好有“大神”帮我们做了封装。

Web前端的学习建议

在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析,不能够从宏观上对页面中盒子间的嵌套关系进行把握,就急于动手去做,导致页面中各元素间的关系很混乱,容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。

“君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。

计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!

每个人的成长与基础不一样,结合自己的实际情况,在执行。还是重复一下,前端的核心是html,js,css不难,但需要来积累。对前端我是这么看的

html,css就像一瓶酒,得品。

html,css总共就那些标签跟选择器属性什么的,但是要写一个有扩展性,健壮性或维护性的页面不容易。现在写页面基本条件反射,不是如何快速的完成,而是思考如果有界面需求修改,怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力,体力,智力的三重考验。

js就像一把剑,得磨。

js刚开始只是为了较验,随便技术社会的发展,承担的角色越来越重,刚开始玩玩jQuery感觉已经会js了,其实只是冰山一角。随着对js的了解越来越多,他即变态又可爱,即好玩又难控,即有很多兼容问题,但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看,高载潮一浪高过一浪。

分享给朋友:

相关文章

为什么新冠灭活疫苗选择了2针方案,而智飞重组蛋白疫苗选择了3针方案?

新冠灭活疫苗选择2针方案,第二针是加强针,个人理解其原理是“1+1=2”;增强疫苗产生抗体数量,有效抵御病毒入侵,达到保护自身力健康用;目前国内普遍接种的是灭活疫苗,它特点是通过扩增物理和化学方式杀灭病毒,工艺先进成熟,不含病毒基因组。 第...

维生素B哪个牌子性价比高?

某宝和某东都有卖维生素b族片的,购买时可以参考下商品详情页的,会标注明细成分及含量。比如有的产品里面包含的只有B1、B2、B6,没有可以解除疲劳恢复体力的B12。其实我们购买维生素b族的时候,要看含量是否充足。 B族的维生素含量及成分越多,...

什么是B族维生素啊?

您好,维生素B包括维生素B1,维生素B2,维生素B6,维生素B12,烟酸,泛酸,叶酸等.这些B族维生素是推动体内代谢,把糖,脂肪,蛋白质等转化成热量时不可缺少的物质.如果缺少维生素B,则细胞功能马上降低,引起代谢障碍,这时人体会出现怠滞和食...

宝宝呕奶怎么办?

宝宝呕奶怎么办?

宝宝呕奶怎么办谢谢邀请,我是Mr禾育儿自媒体,对这方面有所了解,希望我的回答能帮助到您 宝宝吐奶其实,这是由宝宝的胃部发育特点所导致的。我们成人的胃部是贲门肌(胃的入口)比较紧,而幽门肌(胃的出口)比较松,所以吃的东西进到胃里以后,不容易发...

天冷了,宝宝又开始拉肚子了,哪个牌子的奶粉喝了不容易拉肚子啊?

天冷了,宝宝又开始拉肚子了,哪个牌子的奶粉喝了不容易拉肚子啊?

宝宝拉肚子原因很多,不止是奶粉的原因,而且不容易拉肚子的奶粉也并不是针对所有原因的腹泻,家长应该先找准原因在针对性帮宝宝预防。 第一,宝宝拉肚子的原因。1、着凉。天气越来越凉,小宝宝穿的少了,盖的少了,踢被子了,或者仅仅是冲奶粉的水温度低...

宝妈们,给宝宝喝什么奶粉不拉肚子呀?

宝妈们,给宝宝喝什么奶粉不拉肚子呀?

来给你分一下,综合你提问的时间和状态来看: 1、冬季宝宝拉肚子,说明其他时候是好的,排除乳糖不耐受和蛋白质过敏导致的拉肚子,因此宝宝很有可能是凉到了,秋冬季注意保护宝宝的肚皮和脚,不要冻到,肚子凉到不仅肚子疼,还会引起拉肚子和发烧等情况;...

评论列表

杨岚
3个月前 (05-18)

结构 2.掌握不同类型的布局容器使用方法 3.了解HTML中如何声明不同类型的控件元素 4.了解HTML中如何修改元素的外观, 可能就需要了解CSS 5.了解HTML中使用什么方法可以自定义元素的外观、数据呈现方式 6.了解HTML如何创建动画, 创建复杂类型的动

徐卫明
3个月前 (05-18)

而是思考如果有界面需求修改,怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力,体力,智力的三重考验。js就像一把剑,得磨。js刚开始只是为了较验,随便技术社会的发展,承担的角色越

熊天平
3个月前 (05-18)

他人之长为我所用。面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!每个人的成长与基础不一样,结合自己的实际情况,在执

胡东
3个月前 (05-18)

盒子。“君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。面,另一方面我们可

王洁华
3个月前 (05-18)

文Cascading Style Sheets的缩写,叫做层叠样式表,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的,这样就极大地提高了我们开发的速度,降

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。