要求:这个实战项目适合刚开始接触 HTML、CSS 和 JavaScript DOM 的朋友。
本人强烈不推荐登山学习法学习任何技能,因为用这种方法的人,基本上都是从入门到放弃,然后再次从入门到放弃,最后怀疑人生!
本人强烈推荐拼图学习方法,找到学习这门技能的不同“图块儿”,直接开始实战,在战争中学习战争,三步曲:
-
点击文件夹中的 index.html 文件。在自己的设备上运行起来,直接上图:
-
小小的成就感就这么到来了!有点小激动呢!继续......
-
如果遇到问题,咋办?用搜索引擎。关于怎么更有效地利用搜索引擎,知乎:《如何用好 Google 等搜索引擎?》
-
如果搜索引擎解决不了,那么找人。
动手临摹一遍,一个个文件建立起来,一行行代码敲出来。
不要小瞧这一步,虽然是临摹,但你不一定能看到第一步中看到的结果。
这是为什么呢?不信你就试试看!
具体步骤,把书买来,直接跳到12章,跟着书中的步骤,照着第一步下载下来的代码敲!
浏览器推荐使用Chrome,并使用自带开发工具,按F12按键开启,debug!
DIY,修改也好,东拼西凑也好,把它做成你想要的样子!
看不顺眼的地方,改!
看到别人家的某些地方好,照着改!
你可能会疑惑,我举个例子你就明白了
- 想想你是如何学会走路的。好像并没有人告诉你先迈哪只脚?需要用多少牛的力?抬起多少厘米?左手右手怎样摆动?摆动幅度......
- 在想想你是如何学会做菜的。好像并没有告诉你需要用什么材质的锅?放多少克油盐酱醋和花椒大料?多少温度的火......
正因如此,哪怕《JavaScript DOM编程艺术(第2版)》这本书你一页没看过也没关系,咱们先从最后一章综合实例直接开始实战。
参考资料:
- 示例代码来自:《JavaScript DOM编程艺术(第2版)》
- 郑伊延 XDite 老师在新生大学开设的元学习课