|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/responsive-website-examples
课程评论：没有评论
课程名称：响应式网站教程与示例 课程概述：本课程展示了协作性、互动性网络应用的精彩示例，这些应用使用包括声音、图像和大数据在内的多种媒体类型。我们将教您如何使用Meteor构建具有此类功能的网站，并提供可供您自己商业网络项目使用的完整示例应用代码。 课程还提供了一系列建议和指导，帮助您开发与客户需求相匹配的定制网络应用，客户既可以是委托产品的人，也可以是使用产品的人。 我们将带您开发以下应用： 1. 具有协作博客功能的作品集网站。 2. 互动实时多用户音乐重混系统。 3. 互动在线涂鸦墙，用户可以协作创建图形。 4. 互动数据可视化平台，用于以激动人心的方式探索和绘制大数据。 通过本课程，您将能够： - 使用高级用户界面库（如 vis.js）实现动画数据可视化和图形。 - 与外部数据源进行合作。 - 创建多用户、实时的协作环境。 - 使用媒体API，例如Web Audio API。 参加或完成此在线课程不会为伦敦大学项目授予学分。 课程大纲： 1. 部分1：创建带博客的作品集网站 描述：欢迎来到“响应式网站教程与示例”的第一模块！在本节中，我们将探索一个基于网络开发任务的真实案例，这是一项每位网络开发人员每天都需要应对的常见任务——生产一个具有静态和动态内容特征的作品集网站。希望您喜欢这个模块！ - Mick 2. 部分2：协作应用1：音乐机器 描述：欢迎来到“响应式网站教程与示例”的第二模块！使用Meteor可以简化协作。您可以在一天左右制作适用于多种设备（包括移动设备）的协作网站。到本节结束时，您将理解如何构建和结构化协作实时应用，如何集成Web Audio API，以及如何使用基本接口元素设置和获取存储在数据库中的变量。 3. 部分3：协作应用2：绘图机器 描述：欢迎来到“响应式网站教程与示例”的第三模块！Meteor使我们能够制作实时工作的创意协作应用。客户端和服务器都可以将信息插入Mongo集合。普通网络用户可以通过交互方式做到这一点，而无需手动编程数据库。在本节中，我们将通过协作绘图的视角来审视这种方法。您将学习如何使用d3.js创建画布、如何改变画布的属性、如何为插入数据到数据库创建客户端代码，以及如何将数据库条目渲染为绘画。 4. 部分4：创建数据可视化应用 描述：欢迎来到“响应式网站教程与示例”的最后模块！在本节中，我们将研究如何使用来自外部来源的数据来创建互动可视化，以便创建互动数据可视化网络应用。
Part: 1
Title:Creating a Portfolio Website with a Blog
Description:Welcome to the first module of 'Responsive Website Tutorial and Examples!'. In this session we will be exploring a real-world web development task based on a common brief that web developers have to respond to every day – producing a portfolio website with both static and dynamic content features. I hope you enjoy the module! -Mick
Part: 2
Title:Collaborative Apps 1 : Music Machine
Description:Welcome to the second module of 'Responsive Website Tutorial and Examples!'. Meteor is great at making collaboration simple. You can make collaborative sites in a day or so that work across many devices including mobile. By the end of this session you will understand how to structure and build collaborative, real-time applications, how to integrate the web audio API, and how to specifically set and get variables stored in the database using basic interface elements.
Part: 3
Title:Collaborative Apps 2 : Drawing Machine
Description:Welcome to the third module of 'Responsive Website Tutorial and Examples!'.Meteor allows us to make creative, collaborative apps that work in real-time. Both the Client and the Server can insert information into a Mongo collection. Ordinary web users can do this interactively, without having to program the database manually. In this session we will look at this approach through the lens of collaborative drawing. You will learn how to create a canvas using d3.js, change attributes of the canvas, create client code for inserting data into the database and how to render database entries as a drawing.
Part: 4
Title:Creating a Data Visualisation Application
Description:Welcome to the final module of 'Responsive Website Tutorial and Examples!'.In this session we will be looking at how to use data from external sources to create interactive visualisations for the purposes of creating an interactive data visualisation web app.
In this course, we will show you exciting examples of collaborative, interactive web applications that use various types of media including sound, images and big data. We will show you how to build sites that provide precisely this functionality, using Meteor. We will also provide fully working example application code that you can use for your own commercial web projects. The course also provides a range of advice and suggestions about how to develop bespoke web applications which match the requirements of clients, where clients are people who commission the product or people who use the product. We will take you through the development of the following applications: 1. A portfolio website with collaborative blogging functionality. 2. An interactive, realtime, multi user music remixing system. 3. An interactive, online graffiti wall where users can collaborate to create graphics. 4. An interactive data visualisation platform for exploring and plotting big data in exciting ways. At the end of this course, you will be able to: • Implement animated data visualisations and graphics using advanced user interface libraries such as vis.js • Work with external data sources • Create multi user, realtime, collaborative environments • Use media APIs such as the Web Audio API Participation in or completion of this online course will not confer academic credit for University of London programmes.
