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中国 - 慕课改变你,你改变世界

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

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

3581 次查看
伦敦大学
Coursera
  • 完成时间大约为 15 个小时
  • 混合难度
  • 英语, 其他
注:本课程由Coursera和Linkshare共同提供,因开课平台的各种因素变化,以上开课日期仅供参考

课程概况

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
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

千万首歌曲。全无广告干扰。
此外,您还能在所有设备上欣赏您的整个音乐资料库。免费畅听 3 个月,之后每月只需 ¥10.00。
Apple 广告
声明: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
  • (部分课程由Coursera、Udemy、Linkshare共同提供)

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