Explore

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

Approx. 25 hours to complete

Save Course

Go to Course

Course Summary

This course teaches the fundamentals of website coding, including HTML, CSS, and JavaScript. Students will learn how to build and design websites from scratch.

Key Learning Points

Hands-on experience with website coding
Learn HTML, CSS, and JavaScript from scratch
Design and build your own website

Learning Outcomes

Ability to design and build websites from scratch
Understanding of HTML, CSS, and JavaScript
Portfolio of completed website projects

Prerequisites or good to have knowledge before taking this course

Basic computer skills
No prior coding experience necessary

Course Difficulty Level

Beginner

Course Format

Self-paced
Online
Video lectures
Hands-on projects

Similar Courses

Web Development
Front-End Web Development with React
HTML, CSS, and JavaScript for Web Developers

Related Education Paths

Notable People in This Field

Chris Coyier
Jen Simmons

Related Books

Description

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.

Outline

Course introduction
Course introduction
Course outline
Grading and assessment information

HTML
Overview
Web basics
Set up the dev environment
Write some HTML
Build a Nav bar
Images and lists
Properly structured documents
The world's first web page revisited
What does 'responsive' mean?
HTML summary
Code for this module
URLs for this lecture
URL for this lecture
Web basics
Set up the dev environment
HTML
Navigation bar
Images and lists
Properly structured documents
The world's first web page
HTML summary quiz

CSS
Overview
External CSS file
Fonts
Customising links
Layout control
CSS media queries
Install Bootstrap
Responsive grid
CSS summary
Code for this module
URL for this lecture
External CSS file
Fonts
Customising links
Layout control
Install Bootstrap
Responsive Grid
CSS summary quiz

Beginning JavaScript
Overview
Introduction to JavaScript
Responding to mouse clicks
The Console
Manipulating HTML elements
Script tag
Anonymous functions
Image gallery example
Beginning JavaScript summary
JavaScript Resources
Code for this lesson
Code for this lesson
jQuery
Code for this lesson
Code for this lesson
Code for this lesson
Image gallery code
Introduction to JavaScript
Responding to mouse clicks
The Console
Manipulating HTML elements
Script tag
Anonymous functions
Beginning JavaScript summary quiz

Going deeper into JavaScript
Overview
Variables
Using variables
Variables in practice
If statements
Boolean variables
eReader example
Going deeper into JavaScript summary
Course summary
Code from this lesson
Slide Show Example Code
Slide Show Example Code
eReader Example Code
Variables
Using variables
Variables in practice
If statements
Boolean variables
eReader example
Going deeper into JavaScript summary quiz

Summary of User Reviews

Read reviews for the Website Coding course on Coursera, rated highly by many users. The course teaches website development and design in an easy-to-follow manner.

Pros from User Reviews

Clear and easy-to-follow lessons
Real-world examples and assignments
Great instructor support
Valuable skills for website development
Flexible schedule

Cons from User Reviews

Some users found the course material to be too basic
Not enough focus on advanced coding techniques
Limited interaction with other students
Some technical issues with the course platform
Course can be too slow-paced for experienced coders

Recommended for you

Learning Path: Frontend Web Development with Bootstrap 4

Build responsive web and mobile applications with Bootstrap 4 Are you are a web developer who wants to build enterprise-level websites, web, and mobile applications efficiently with Bootstrap 4?...

Save Course

HTML CSS Bootstrap jQuery Website from Scratch to Production

Quickly Learn to code Responsive Websites using HTML CSS BOOTSTRAP JQUERY from SCRATCH. It's easier than you think! Currently there is version 4....

Save Course

NEW DOM 2020 Build Dynamic Websites with JavaScript Part 1

Understand DOM (Document Object Model). Crucial for front end web development. Novice to Pro in easy steps. Course 1 of 2...

Save Course

Web Scraping and API Fundamentals in Python 2021

Learn Web Scraping with Beautiful Soup and requests-html; harness APIs whenever available; automate data collection! Are you tired of manually copying and pasting values in a spreadsheet?...

Save Course