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

Responsive Website Basics: Code with HTML, CSS, and JavaScript

本课程是Responsive Website Development and Design专项课程的其中一门课程(共 6 门课程)

伦敦大学

分享

响应式网站基础:HTML、CSS 与 JavaScript
  • 分类: 计算机
  • 平台: Coursera
  • 语言: 英语

课程概况

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

响应式网站基础:HTML、CSS 与 JavaScript is course 1 of 6 in the Responsive Website Development and Design Specialization.

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.

授课教师

Dr Matthew Yee-King
Lecturer
Computing Department, Goldsmiths, University of London

Dr Marco Gillies
Senior Lecturer
Computing Department, Goldsmiths, University of London

Dr Kate Devlin
Senior Lecturer
Department of Computing, Goldsmiths

课程大纲

Week 1 Course introduction
HTML
Course introduction
Introduction
Web basics
Set up the dev environment
Write some HTML
Build a Nav bar
Images and lists
Properly structured documents
The World’s first web page revisited
What does ‘responsive’ mean?
HTML summary

Quiz: HTML summary quiz

Week 2 CSS
Introduction
External CSS file
Fonts
Customising links
Layout control
Install Bootstrap
Responsive grid
CSS Summary

Assignment: Test your CSS and HTML
Quiz: CSS summary quiz

Week 3 Beginning JavaScript
Introduction
Introduction to JavaScript
Responding to mouse clicks
The Console
Manipulating HTML elements
Script tag
Anonymous functions
Image gallery example
Summary

Quiz: Beginning JavaScript summary quiz

Week 4 Going deeper into JavaScript
Introduction
Variables
Using variables
Variables in practice
If statements
Boolean variables
eReader example
Going deeper into JavaScript summary
Course summary

Quiz: Going deeper into JavaScript summary quiz
Assignment: Build a Responsive Web Page

声明: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 慕课改变你,你改变世界