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

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

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

伦敦大学

Coursera

计算机

简单(初级)

14 小时

  • 英语, 其他
  • 1521

课程概况

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

声明: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
  • 以及更多...

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