Oct 24th 2016

Responsive Website Basics: Code with HTML, CSS, and 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

Participation in or completion of this online course will not confer academic credit for University of London programmes.

Responsive Website Basics: Code with HTML, CSS, and JavaScript is course 1 of 6 in the Responsive Website Development and Design Specialization.



Course introduction


We start the course by looking at how to set up a dev environment, build a HTML navbar and how to embed images and create lists using HTML. Also we'll create properly structured HTML documents and have a look at the world's first web page.

Graded: HTML summary quiz



In this section of the course we will have a look at linking external CSS files to your HTML documents, controlling fonts with CSS and using CSS to customise hyperlink formatting and to control text layout. We will also install the bootstrap library and implement a responsive grid layout

Graded: Test your CSS and HTML

Graded: CSS summary quiz


Beginning JavaScript

In this module we will write simple JavaScript programs and learn how to write programs that can respond to user input such as clicking on HTML elements. We will also take a look at JavaScript functions and use jQuery to manipulate web pages. Finally, you will learn how to write your own javaScript functions including anonymous functions.

Graded: Beginning JavaScript summary quiz


Going deeper into JavaScript

In this final section of the course we will define JavaScript variables and write simple JavaScript programs that use and change the values of variables. We'll also write if statements to control the flow of a JavaScript program, use boolean variables in conjunction with if statements and write javaScript in the context of moderately complex web applications.

Graded: Going deeper into JavaScript summary quiz

Graded: Build a Responsive Web Page