HTML5的学习方法

HTML5学堂:学习HTML5,除了我们要抛下足够的汗水之外,还需要有合适的方法。合理的方法能够事半功倍,而不合理的方法则事倍功半。在此,我们几个讲师结合我们的课程,总结了八种方法,与大家分享,希望各位学会学习。

前言:本来这些方法是在昨日上课时分享给HTML5-5班孩子的,在这里发出来,主要是为了和大家分享,也希望每个学习HTML5的人,包括以后班级的孩子,能够找到合理的方法。

方法1 整体到局部,骨架到血肉

在学习HTML和CSS时,会涉及到网页的搭建。学习这个知识时,我们采用的方法是“由外及内”,“由整体到部分”,“由全局到细节”。 学习东西,特别是在初识某个事物时,一定要从主干到枝叶,而不要陷入细节,纠结于其中。主干如同知识的一个主线,这种先找主干后添枝叶的学习方法能够让知识遗漏变成最少,也会比较容易建立起知识知识间的关系。

方法2 类比

在学习CSS引入方式这种知识点时,我们采用了另一种学习方法。辨析,或者也可以叫做类比。

这种方法主要针对于区分相似的两种或多种事物。如strong与em,块元素与行元素,同步与异步。

对于此类知识,应多多思考,抓取几种事物的不同点,结合去记忆。

方法3 记忆很重要

学习时会遇到一些知识点,如有哪些数据类型,有哪些标签元素。需要记忆的还是要记忆的。很多人在学习过程中觉得理解最重要,不需要记忆。这种想法是有问题的,如果连记都记不住,还谈什么理解?

方法4 聚沙成塔

在网站中,我们能够看到各种各样的效果,有些效果看上去很高大上,很炫美。然而,再炫美的效果也是由众多的知识点组合而成的。当我们对效果抽丝剥茧,就会发现,其实最初的它很简单。

一朵樱花并不起眼,但是当你从一条道路走过,道路两旁栽种着数百棵樱花树,纷纷扬扬的花瓣飘洒下来,让你仿佛置身于粉色的花雨之中。这就是所谓的聚沙成塔。有时,我们希望制作很漂亮的效果,这个时候,一定要懂得这个道理(JQ特效制作就是典型的例子)

PS:樱花图片来自于互联网

方法5 循序渐进

一口吃不成胖子,也不是有一顿饭没吃就可以减肥成功的。在学习过程中,会遇到一些“大型”的知识,这种知识比较难啃。遇到此类知识,不要想着如何一口吃掉它,而要一步一步来。动画框架的学习就是一个典型。

在循序渐进中,思路很重要,换句话说,我们知道一个知识点很“大”,也知道要一口一口的吃,一步步的消化,但是,如果我们弄不清楚先吃什么再吃什么,也很难把这个知识啃下来。

这时候需要“思路”,也就是“流程”,在学习知识中,重点是关注流程和思路,而具体的小知识点充当的是血肉(和我们提到的第一个方法就挂钩了,就是分清主干和枝叶)

方法6 知识的迁移

用已有知识辅助未知知识的学习,是很好的一种方法。通常这种方法应用于拥有相似特点的事物。例如:圆角边框与外边距、背景切割与背景原点、JS对象与JSON等

方法7 生活辅助学习

这种方法是讲师用的最多的。

利用生活中实际的事物去辅助抽象知识的学习,能够让我们更好更快的理解和吸收知识。

例如在讲解盒模型时我们利用了快递中的方鱼缸。在讲解AJAX时我们利用了信件邮寄。在讲解构造函数时,我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系。

找一种合适的例子,辅助自己理解,是很好的方法,但是一定要注意,例子要合理~

方法8 实践出真知

在学习一些知识过程中,有些孩纸不喜欢动手,而更多的是喜欢听或者喜欢背。这种思路明显是不好的。代码,是个需要动手的活儿,掌握代码靠的不仅仅是记忆,还需要尝试。尝试书写代码,发现现象,然后归纳总结,形成理论并记忆。

换句话说,理论来源于实践,高于实践(高于实践的原因在于有总结与归纳)。在学习过程中,不能仅仅采用背理论再实践这种学习方法,也要去经历实践到理论转化的这种方法。

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2015-12-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏专知

Coling2018最新教程:116页PPT了解FrameNet最新进展

【导读】2018年的Coling大会上Collin F. Baker等研究人员为大家带来了关于FrameNet项目的最新研究进展,以下是教程内容。

942
来自专栏量子位

Swift For TensorFlow终于开源,但先别急着用

上个月底的TensorFlow开发者峰会上,Google宣布将在四月开源发布Swift for TensorFlow。

1114
来自专栏全栈数据化营销

产品功能分析模型:KANO模型,市场告诉你产品要具备的功能

首先,我要说的是,我是很看重分析模型的,也会在工作中经常运用分析模型,一定会起到事半功倍的作用,分析模型是做好分析工作非常重要的工具,也是分析师必须要掌握的基本...

3558
来自专栏北京马哥教育

干货 | 10 行 Python 代码创建可视化地图

当我开始建造Vincent时, 我的一个目的就是使得地图的建造尽可能合理化. 有一些很棒的python地图库-参见Basemap 和 Kartograph能让地...

3307
来自专栏数据科学与人工智能

【经验】数据可视化专家的七个秘密

数据可视化的道路上充满了不可见的陷阱和迷宫,最近ClearStory Data的两位数据可视化开发人员分享了他们总结出来的数据可视化开发的7个不宣之秘,普通开发...

18810
来自专栏AI研习社

为什么PyTorch这么火?一线开发者这样说

编者按:2017 年初,Facebook 在机器学习和科学计算工具 Torch 的基础上,针对 Python 语言发布了一个全新的机器学习工具包 PyTorch...

4094
来自专栏量子位

李飞飞团队提出视频事件描述新模型,附849小时数据集

安妮 编译整理 量子位 出品 | 公众号 QbitAI 最近,斯坦福大学的李飞飞与与她的学生Ranjay Krishna、Kenji Hata、Frederic...

3275
来自专栏PPV课数据科学社区

顶级数据可视化专家的七个秘密

数据可视化的道路上充满了不可见的陷阱和迷宫,最近ClearStory Data的两位数据可视化开发人员分享了他们总结出来的数据可视化开发的7个不宣之秘,普通开发...

3315
来自专栏数据派THU

带你和Python与R一起玩转数据科学: 探索性数据分析(附代码)

本系列将介绍如何在现在工作中用两种最流行的开源平台玩转数据科学。先来看一看数据分析过程中的关键步骤 – 探索性数据分析。

772
来自专栏小怪聊职场

用户画像(一)|计划制定一、目的二、数据源分析三、数据建模四、计划

2388

扫码关注云+社区