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

Goldsmiths University of London and University of London via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Free Online Course (Audit)
Languages

English
Certificate

Paid Certificate Available
Duration & workload

1 day 24 minutes
Sessions

On-Demand
Subtitles

Arabic, French, Portuguese, Chinese, Italian, German, Russian, English, Spanish, Thai, Indonesian, Kazakh, Hindi, Swedish, Korean, Greek, Ukrainian, Japanese, Polish, Dutch, Turkish, Hungarian, Bengali, Pashto, Urdu, Azerbaijani, Farsi

Found in

Part of

Responsive Website Development and Design

3.7

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

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.

Syllabus

Course introduction

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

HTML

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

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

Beginning JavaScript

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

Going deeper into JavaScript

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

Taught by

Matthew Yee-King, Marco Gillies and Dr Kate Devlin

Reviews

4.0 rating, based on 27 Class Central reviews

4.6 rating at Coursera based on 6113 ratings

Start your review of Responsive Website Basics: Code with HTML, CSS, and JavaScript

Rizwana Saife @rizwanasaife

Quite helpful for the beginners. Even for those who haven't been into programming ever. Well explained lessons and examples helped me create a moderately creative and responsive web page. Looking forward to the specialization course.
Melanie Boyd

This might be the perfect course for some, but it wasn't what I had hoped for. Here are a few things you should know: 1. Don't be mislead by the fact that "Responsive" is the first word in the course title. I thought the course was going to focus pr…

This might be the perfect course for some, but it wasn't what I had hoped for. Here are a few things you should know:
1. Don't be mislead by the fact that "Responsive" is the first word in the course title. I thought the course was going to focus primarily on responsive web design (designing layouts for different size screens). That is mentioned, but it's not the primary focus of the class.
2. If you're looking for a broad overview of the main concepts of HTML, CSS, and JavaScript, this is probably the right course for you. The material is covered very broadly, but not in any depth. I would not be able to write any scripts based on what I learned in this course. I'll have to find another tutorial that goes more slowly and covers the material in more depth. They do give you links to other tutorials. Personally, I feel my time would have been better spent going straight to the other tutorials.
3. The assignments are too easy. You're never asked to implement anything covered in the class on your own (e.g., writing a JavaScript command). The assignment for week 4 is just cutting and pasting some JavaScript rather than actually writing any.
Marlena

A good basic course for understand what is what. After two weeks I created a mini website - http://elektrix.energia-on.pl/ - maybe not a lot, but with time I have reached better quality. In this moment I am creating a website = http://energia-on.pl/ but there is a lot of work to do on it. :)
Panos Gr

It is a very good introductory course to HTML, CSS and JavaScript as well as libraries Bootstrap and jQuery. However, it does not leave you with a feeling of mastery in any of these technologies. That's to be expected, of course, in the amount of t…

It is a very good introductory course to HTML, CSS and JavaScript as well as libraries Bootstrap and jQuery.

However, it does not leave you with a feeling of mastery in any of these technologies. That's to be expected, of course, in the amount of time the course gives you the practice you will have done will not be much. It still must be pointed out that there is not much detailed explanation to the things going on, especially in the JS side of things as a lot of JS elements like arrays and DOM manipulation are completely left out. Hints have been left about these crucial subjects being taught in later courses of the specification but if you are looking to learn in depth/ advanced JS you're better off skipping this course.

The assignments are easy to complete and quite thoroughly explained and give you a good place to start off in order to understand web technologies and responsive design. Overall it gives what it promises and is delightful in its implementation.
Anonymous

It is a very good introductory course to HTML, CSS and JavaScript and understandable manner and thanks a lot and most useful for programming and very innovative with this kind of information .such very important information is specified in the website
Samir Abo El Yameen

very good job Thank you for useful information and online courses.

Dear all,
I would like to thank you so much for your kind
efforts in free learning in various fields of science.
I am looking for free grammar and writing for pre-intermediate levels with answer keys for all exercises if possible!
Jason Michael Cherry

Outstanding class, and a perfect introduction to HTML, CSS, and JavaScript. The examples given are detailed, and explained well. Though there's a lot more this course could cover, for the 4 weeks it's a good deal, and gives you a good starting point to learn more on your own.
Mark Riker

The course is implemented in an unprofessional and awful manner. Many mistakes, missing explanations, and especially the javascript part is a joke.
Alejandro Cabrera

This is a great course if your are beginning with Web Development and Design. Easy to understand and follow up.

It's a must.
Anonymous

A good class for those wanting to step into programming languages. Especially those, refreshing their skills after stepping away from writing code in general.

Thank you team, this course gave me feed back, on what has changed through the years.
Michael Jarvis

Hated it. not for people who get easily disengaged by instruction Not worth my time, but different folks, different strokes
Amr Fawzy
Anonymous
Maksim Łabovič
Zoe Aukim
Janet Wesner
Stefan Todorov Ivanov
Cyn Gar
Alexander Balgavy
Konstantina Mouratiadi