step_interactive_webpage

交互式网页

现在你知道如何创建一个静态网页，但是很多网站充满了动态交互的内容，这些是如何实现的？

学习

请学习课程：http://www.codecademy.com/en/skills/make-an-interactive-website 本课程告诉你如何编写javascript代码，利用jQuery库来操作网页和响应用户操作。

熟悉基础知识

对如何写javascript有一定了解了之后，需要系统性地学习一下相关的知识。

• 走一遍javascript教程。
• 走一遍jQuery教程。

用chrome进行网页开发调试

• 网站开发需要一个可以调试网页的工具，请阅读chrome浏览器开发者工具文档。
• 用开发者工具调试上面这个文档，删除或者添加部分div区块。
• 在console中写一些javascript脚本，包括alert('hello');，$('div').count，console.log('hello');，看看效果。
• 在console里面写一个脚本：当鼠标点击Chrome DevTools Overview的时候，就隐藏下方的正文。

实践

修改上一个步骤发布在Github上面的网页，增加一个类似上面课程中的图片墙的页面。

编写过程中，利用chrome开发者工具来判断javascript程序是否按照期望的状态来执行。

完成之后，把网页地址发送给教员。

达成目标

• 学会javascript编程语言
• 学会使用jQuery库
• 学会如何编写交互式网页