Warning: WP Redis: Connection refused in /www/wwwroot/cmooc.com/wp-content/plugins/powered-cache/includes/dropins/redis-object-cache.php on line 1433
响应式网站基础:HTML、CSS与JavaScript | MOOC中国 - 慕课改变你,你改变世界


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

3581 次查看
  • 完成时间大约为 15 个小时
  • 混合难度
  • 英语, 其他


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.


Week 1 Course introduction
Course 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
External CSS file
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 to JavaScript
Responding to mouse clicks
The Console
Manipulating HTML elements
Script tag
Anonymous functions
Image gallery example

Quiz: Beginning JavaScript summary quiz

Week 4 Going deeper into JavaScript
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

此外,您还能在所有设备上欣赏您的整个音乐资料库。免费畅听 3 个月,之后每月只需 ¥10.00。
Apple 广告
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • (部分课程由Coursera、Udemy、Linkshare共同提供)

© 2008-2022 CMOOC.COM 慕课改变你,你改变世界