课程概况
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
同类课程
JavaScript，第2部分：原型和异步
莫斯科物理科学与技术学院
使用Bootstrap 4设计网页
奥斯达拉尔大学
界面设计：毕业项目
莫斯科物理科学与技术学院
