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

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

This course is part of Responsive Website Development and Design Specialization

Instructors: Dr Matthew Yee-King

Sponsored by Louisiana Workforce Commission

192,519 already enrolled

5 modules

Gain insight into a topic and learn the fundamentals.

4.6

(6,114 reviews)

24 hours to complete

3 weeks at 8 hours a week

Flexible schedule

Learn at your own pace

97%

Most learners liked this course

5 modules

Gain insight into a topic and learn the fundamentals.

4.6

(6,114 reviews)

24 hours to complete

3 weeks at 8 hours a week

Flexible schedule

Learn at your own pace

97%

Most learners liked this course

Skills you'll gain

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

29 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Build your subject-matter expertise

This course is part of the Responsive Website Development and Design Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 5 modules in this course

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.

Welcome to the first course of the 'Responsive website development and design' specialisation!

What's included

1 video2 readings

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. Looking forward to working with you this week! Matthew, Marco and Kate

What's included

10 videos4 readings8 assignments1 peer review

10 videosTotal 49 minutes

Overview0 minutesPreview module
Web basics4 minutes
Set up the dev environment6 minutes
Write some HTML6 minutes
Build a Nav bar9 minutes
Images and lists8 minutes
Properly structured documents6 minutes
The world's first web page revisited3 minutes
What does 'responsive' mean?2 minutes
HTML summary0 minutes

4 readingsTotal 40 minutes

Code for this module10 minutes
URLs for this lecture10 minutes
URL for this lecture10 minutes
Next activity: Heads up!10 minutes

8 assignmentsTotal 240 minutes

HTML summary quiz30 minutes
Web basics30 minutes
Set up the dev environment30 minutes
HTML30 minutes
Navigation bar30 minutes
Images and lists30 minutes
Properly structured documents30 minutes
The world's first web page30 minutes

1 peer reviewTotal 60 minutes

Make a web page60 minutes

Welcome to the second module of 'Responsive website basics'. 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- Enjoy! - Matthew, Marco and Kate

What's included

9 videos2 readings7 assignments1 peer review

9 videosTotal 44 minutes

Overview0 minutesPreview module
External CSS file6 minutes
Fonts6 minutes
Customising links3 minutes
Layout control6 minutes
CSS media queries8 minutes
Install Bootstrap4 minutes
Responsive grid8 minutes
CSS summary0 minutes

2 readingsTotal 20 minutes

Code for this module10 minutes
URL for this lecture10 minutes

7 assignmentsTotal 178 minutes

CSS summary quiz20 minutes
External CSS file30 minutes
Fonts30 minutes
Customising links30 minutes
Layout control30 minutes
Install Bootstrap30 minutes
Responsive Grid8 minutes

1 peer reviewTotal 60 minutes

Test your CSS and HTML60 minutes

Welcome to the third module of 'Responsive website basics'. 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. Looking forward to working with you this week! - Matthew and Marco

What's included

9 videos8 readings7 assignments1 peer review

9 videosTotal 59 minutes

Overview0 minutesPreview module
Introduction to JavaScript5 minutes
Responding to mouse clicks6 minutes
The Console7 minutes
Manipulating HTML elements9 minutes
Script tag10 minutes
Anonymous functions9 minutes
Image gallery example9 minutes
Beginning JavaScript summary0 minutes

8 readingsTotal 80 minutes

JavaScript Resources10 minutes
Code for this lesson10 minutes
Code for this lesson10 minutes
jQuery10 minutes
Code for this lesson10 minutes
Code for this lesson10 minutes
Code for this lesson10 minutes
Image gallery code10 minutes

7 assignmentsTotal 176 minutes

Beginning JavaScript summary quiz20 minutes
Introduction to JavaScript30 minutes
Responding to mouse clicks30 minutes
The Console30 minutes
Manipulating HTML elements6 minutes
Script tag30 minutes
Anonymous functions30 minutes

1 peer reviewTotal 60 minutes

Download and edit the example gallery code.60 minutes

Welcome to the final module of 'Responsive website basics'. 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. Enjoy! - Matthew and Marco

What's included

9 videos4 readings7 assignments1 peer review

9 videosTotal 64 minutes

Overview0 minutesPreview module
Variables7 minutes
Using variables8 minutes
Variables in practice13 minutes
If statements7 minutes
Boolean variables11 minutes
eReader example13 minutes
Going deeper into JavaScript summary0 minutes
Course summary0 minutes

4 readingsTotal 40 minutes

Code from this lesson10 minutes
Slide Show Example Code10 minutes
Slide Show Example Code10 minutes
eReader Example Code10 minutes

7 assignmentsTotal 210 minutes

Going deeper into JavaScript summary quiz30 minutes
Variables30 minutes
Using variables30 minutes
Variables in practice30 minutes
If statements30 minutes
Boolean variables30 minutes
eReader example30 minutes

1 peer reviewTotal 60 minutes

Make a night mode for the ereader60 minutes

Instructors

Instructor ratings

4.6 (867 ratings)

Dr Matthew Yee-King

University of London

21 Courses413,666 learners

Prof Marco Gillies

University of London

14 Courses551,519 learners

Offered by

University of London

Goldsmiths, University of London

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

4.6

6,114 reviews

5 stars
68.55%
4 stars
22.92%
3 stars
5.90%
2 stars
1.43%
1 star
1.17%

Showing 3 of 6114

Reviewed on May 8, 2019

Lot of thanks to University of London and Coursera for providing this short and handy course. Really enjoyed learning. It helped me learn skills to develop my career and enrich my expertise.

Reviewed on Jan 19, 2021

I am very excited, this course really helped me understand about basic html, css, and javascript. the trainers are very good at delivering the course. very easy for me to learn it. Thank you.

Reviewed on Oct 27, 2015

When they say basic, they mean BAAAASSSSIIIIC. Good course to start with if you're not used to web development. If you have developed web pages and web applications, this course will be a breeze.

View more reviews