Buy Now AED 274.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Responsive Website Basics: Code with HTML, CSS, and JavaScript
  • Level Foundation
  • Duration 26 hours
  • Course by University of London
  • Offered by

About

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.

Modules

Course introduction

    • 1 Videos
    • 2 Readings
Show info about module content

1 Videos

  • Course introduction

2 Readings

  • Course outline
  • Grading and assessment information

Introduction

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • Overview

1 Readings

  • Code for this module

Web basics

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Web basics

1 Videos

  • Web basics

Set up the dev environment

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Set up the dev environment

1 Videos

  • Set up the dev environment

1 Readings

  • URLs for this lecture

Write some HTML

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • HTML

1 Videos

  • Write some HTML

Build a Nav bar

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Navigation bar

1 Videos

  • Build a Nav bar

Images and lists

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Images and lists

1 Videos

  • Images and lists

Properly structured documents

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Properly structured documents

1 Videos

  • Properly structured documents

The World's first web page revisited

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • The world's first web page

1 Videos

  • The world's first web page revisited

1 Readings

  • URL for this lecture

What does 'responsive' mean?

    • 1 Videos
Show info about module content

1 Videos

  • What does 'responsive' mean?

HTML summary

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • HTML summary quiz

1 Peer Review

  • Make a web page

1 Videos

  • HTML summary

1 Readings

  • Next activity: Heads up!

Introduction

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • Overview

1 Readings

  • Code for this module

External CSS file

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • External CSS file

1 Videos

  • External CSS file

Fonts

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Fonts

1 Videos

  • Fonts

Customising links

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Customising links

1 Videos

  • Customising links

Layout control

    • 2 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Layout control

2 Videos

  • Layout control
  • CSS media queries

Install Bootstrap

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Install Bootstrap

1 Videos

  • Install Bootstrap

1 Readings

  • URL for this lecture

Responsive grid

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Responsive Grid

1 Videos

  • Responsive grid

CSS Summary

    • 1 Videos
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • CSS summary quiz

1 Peer Review

  • Test your CSS and HTML

1 Videos

  • CSS summary

Introduction

    • 1 Videos
Show info about module content

1 Videos

  • Overview

Introduction to JavaScript

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Introduction to JavaScript

1 Videos

  • Introduction to JavaScript

1 Readings

  • JavaScript Resources

Responding to mouse clicks

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Responding to mouse clicks

1 Videos

  • Responding to mouse clicks

1 Readings

  • Code for this lesson

The Console

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • The Console

1 Videos

  • The Console

1 Readings

  • Code for this lesson

Manipulating HTML elements

    • 1 Videos
    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Manipulating HTML elements

1 Videos

  • Manipulating HTML elements

2 Readings

  • jQuery
  • Code for this lesson

Script tag

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Script tag

1 Videos

  • Script tag

1 Readings

  • Code for this lesson

Anonymous functions

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Anonymous functions

1 Videos

  • Anonymous functions

1 Readings

  • Code for this lesson

Image gallery example

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • Image gallery example

1 Readings

  • Image gallery code

Summary

    • 1 Videos
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • Beginning JavaScript summary quiz

1 Peer Review

  • Download and edit the example gallery code.

1 Videos

  • Beginning JavaScript summary

Introduction

    • 1 Videos
Show info about module content

1 Videos

  • Overview

Variables

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Variables

1 Videos

  • Variables

Using variables

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Using variables

1 Videos

  • Using variables

1 Readings

  • Code from this lesson

Variables in practice

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Variables in practice

1 Videos

  • Variables in practice

1 Readings

  • Slide Show Example Code

If statements

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • If statements

1 Videos

  • If statements

Boolean variables

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Boolean variables

1 Videos

  • Boolean variables

1 Readings

  • Slide Show Example Code

eReader example

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • eReader example

1 Videos

  • eReader example

1 Readings

  • eReader Example Code

Going deeper into JavaScript summary

    • 1 Videos
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • Going deeper into JavaScript summary quiz

1 Peer Review

  • Make a night mode for the ereader

1 Videos

  • Going deeper into JavaScript summary

Course summary

    • 1 Videos
Show info about module content

1 Videos

  • Course summary

Auto Summary

Discover the essentials of web development with "Responsive Website Basics: Code with HTML, CSS, and JavaScript." This foundational course, offered by Coursera, is tailored for beginners in the IT & Computer Science domain. Guided by an expert instructor, you'll delve into the core web programming languages—HTML, CSS, and JavaScript. Through hands-on assignments and quizzes, you will create interactive, stylish, and responsive web pages. The course covers the use of CSS libraries like Bootstrap, and teaches you how to manipulate content and respond to user inputs with JavaScript. Over the span of approximately 26 hours, you will complete 2 comprehensive assignments, 4 quizzes, a programming exercise, and several practice quizzes. While the course does not provide academic credit from the University of London, it offers a robust foundation for aspiring web developers. Subscription options include Starter, Professional, and Paid plans, making it accessible for various learning needs. Perfect for beginners, this course equips you with the skills to build and style engaging web pages from scratch. Join now and start your journey to becoming a proficient web developer!

Dr Matthew Yee-King
Instructors

Dr Matthew Yee-King

Prof Marco Gillies
Instructors

Prof Marco Gillies

Dr Kate Devlin
Instructors

Dr Kate Devlin