Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

University of London International Programmes

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

University of London International Programmes and Goldsmiths University of London via Coursera

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
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

  • CSS
    • 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 6091 ratings

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

  • 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…
  • 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. :)
  • 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…
  • 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.

  • 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
  • Profile image for Samir Abo El Yameen
    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!
  • 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.
  • This is a great course if your are beginning with Web Development and Design. Easy to understand and follow up.

    It's a must.
  • Hated it. not for people who get easily disengaged by instruction Not worth my time, but different folks, different strokes
  • Profile image for Amr Fawzy
    Amr Fawzy
  • Anonymous
  • Zoe Aukim
  • Cyn Gar
  • Alexander Balgavy
  • Konstantina Mouratiadi

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.