响应式网站开发和设计

Responsive Website Development and Design

Learn the fundamentals of full stack web development in five comprehensive courses.

伦敦大学

专项课程

分享

响应式网站开发和设计
  • 分类: 计算机
  • 平台: Coursera
  • 语言: 英语

本专项课程介绍

This Specialization covers the basics of modern full stack web development, from UX design, to front-end coding, to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation. Upon completing the Specialization and Capstone Project, you’ll have designed and launched your own fully-functioning, responsive web application.

第 1 门课程

响应式网站基础:HTML、CSS 与 JavaScript

Upcoming session: 5月 9 — 6月 13.
课程学习时间 4 weeks of study, 2-4 hours/week

课程概述
In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity.

At the end of the course, you will be able to:

1. Define the purpose of HTML, CSS and JavaScript
2. Make a simple web page using HTML
3. Use CSS to control text styles and layout
4. Use CSS libraries such as Bootstrap to create responsive layouts
5. Use JavaScript variables and functions
6. Manipulate web page content using JavaScript
7. Respond to user input using JavaScript

In this course, you will complete:
2 assignments writing HTML, CSS and JavaScript, each taking ~1 hour to complete
4 quizzes, each taking ~20 minutes to complete
1 programming exercise~30 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes

第 2 门课程

响应式 Web 设计

Current session: 5月 2 — 6月 6.

课程概述
In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using JavaScript objects and templates.

At the end of the course, you will be able to:
1. Explain why users need to know where they are, where they can go and what is on a web page
2. Create wireframe mockups of web pages
3. Identify the key functional elements of web pages
4. Use Bootstrap components to realise page designs
5. Use JavaScript data structures such as arrays and objects to define the data used in a web page
6. Use the Handlebars template library to convert data to HTML
7. Add interactivity to templates using JavaScript event listeners

In this course, you will complete:
1 website design assignment taking ~1 hour to complete
1 programming assignment taking ~1 hour to complete
4 quizzes, each taking ~20 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes

第 3 门课程

Meteor.js 开发入门

Current session: 5月 2 — 6月 6.
课程学习时间 4 weeks of study, 1-3 hours/week

课程概述
In this course, you will learn how to create a complete, multi-user web site using the Meteor.js framework and MongoDB. You will implement user authentication, security features, reactive templates and routing using iron router. You will carry out key database operations such as inserting, removing and updating data as well as sorting and filtering. You will see how a complete application can be built, line by line.

At the end of the course, you will be able to:
1. Install the Meteor.js system and create a web application
2. Work with the Meteor.js packaging system
3. Write Meteor.js templates that can reactively display data
4. Use insert, remove and update operations on MongoDB
5. Write MongoDB data filters to search for and sort data
6 .Add user authentication functionality to a website
7. Control what is displayed on the page using iron:router
8. Implement basic security features

In this course, you will complete:
1 server install assignment taking ~1 hour to complete
1 programming assignment taking ~8 hours to complete
4 quizzes, each taking ~20 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete

Prerequisites

This course is designed to build on top of the material delivered in the previous two courses in this specialisation. Therefore, we recommend that if you find this course too technically challenging that you first complete the previous courses before re-commencing this one. Specifically, we expect you to be able to code basic HTML, CSS and Javascript before you take this course.

Participation in or completion of this online course will not confer academic credit for University of London programmes

第 4 门课程

使用 Javascript 和 MongoDB 开发 Web 应用

Upcoming session: 5月 9 — 6月 13.
课程学习时间 4 weeks of study, 1-2 hours/week

课程概述
In this course, you will develop more advanced web application programming skills. You will learn how to control data read and write access using methods, publish and subscribe. You will learn how to access your database and server shells using command line tools. You will use the SimpleSchema system to validate data and generate input forms automatically. You will see a complete collaborative code editing environment, TextCircle, being built from scratch.

At the end of this course, you will be able to:
– use Meteor methods to control data write access
– use publish and subscribe to control data read access
– install and use advanced Meteor packages
– add user accounts to your applications
– implement complex MongoDB filters
– use the MongoDB and meteor server shells
– define data validations schemas using SimpleSchema
– generate data input forms automatically using SimpleSchema

In this course, you will complete:
2 programming assignments taking ~4 hours each to complete
4 quizzes, each taking ~20 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes

第 5 门课程

响应式网站教程与实例

Upcoming session: 5月 9 — 6月 13.
课程学习时间 4 weeks of study, 1-2 hours/week

课程概述
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

毕业项目

响应式网站开发与设计毕业项目

Upcoming session: 6月 27 — 8月 15.
课程学习时间 6 weeks, 3-5 hours/week

毕业项目介绍
For your Responsive Website Development and Design Specialization Capstone Project, you will create a complete, responsive, multi-user, data-driven website which aims to solve a particular problem. We encourage you to create a website addressing a problem that you are interested in! However, if you don’t have an idea of your own, we have several that we will suggest in the course.

In the capstone project, you will:
1. Develop a complete website using the full range of skills learned during the specialisation
2. Work through a structured process from idea generation to product delivery
3. Document and receive feedback on the development of your project from an idea to a fully functional piece of software in a series of structured assignments including peer interactions

Participation in or completion of this online course will not confer academic credit for University of London programmes

声明:MOOC中国收录之课程均源自下列机构,版权均归他们所有。本站仅作报道并尊重其著作权益,感谢他们对MOOC事业做出的贡献!(排名不分先后)
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • JANUX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc

Copyright © 2008-2015 MOOC.CN 慕课改变你,你改变世界