EdX

Introduction to Web Development (edX)

Introduction to Web Development (edX)

Learn to build your own interactive websites using HTML, CSS, and JavaScript. On this course from the Raspberry Pi Foundation, you will first build a website using HTML and then style it with CSS and make it interactive using JavaScript.

Class Deals by MOOC List - Click here and see EdX's Active Discounts, Deals, and Promo Codes.

Along the way you'll learn about the box model, which describes how websites are laid out by browsers, and about the Document Object Model, which your JavaScript code will interact with to dynamically change your web pages.
In the final week, you'll finish by making a quiz web page and then you will demonstrate your new skills by making your own website.

What you'll learn
Over the following three weeks, you will:

  • Produce a HTML web page using suitable tags and attributes
  • Explain the advantages of CSS compared to inline styling
  • Apply classes and ids to style a website
  • Model web pages using the box model
  • Demonstrate how to use the Document Object Model (DOM) to access an element of a web page
  • Produce an interactive website using JavaScript

Syllabus

You will cover:

  • HTML tags and attributes
  • Styling web pages using CSS
  • CSS classes and ids for styling web page elements
  • Layouts in CSS, including the box model and responsive design
  • Using JavaScript to make interactive web pages
  • The Document Object Model
  • Validation
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

CS50's Introduction to Computer Science (edX) EdX
HarvardX,Harvard University

CS50's Introduction to Computer Science (edX)

An introduction to the intellectual enterprises of computer science and the art of programming. This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming for majors and non-majors alike, with or without prior programming experience. An entry-level course taught by David J. Malan, CS50 teaches students how to think algorithmically and solve problems efficiently.

Self Paced
Self-Paced
How To Create a Website in a Weekend! (Project-Centered Course) (Coursera) Coursera
The State University of New York

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera)

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Jun 22nd 2026
3 Weeks
Introducción al desarrollo de aplicaciones web (edX) EdX
Universidad Autonoma de Madrid

Introducción al desarrollo de aplicaciones web (edX)

Aprende a desarrollar una aplicación web desde cero con diferentes tecnologías como HTML, CSS, Python, JSON, JavaScript y Ajax. Hoy en día utilizamos la web para todo tipo de tareas: buscar un vuelo, comprar entradas, ver el pronóstico meteorológico, leer noticias, etc. Todo esto es posible gracias a las aplicaciones web creadas para darnos estos servicios.

Self Paced
Self-Paced
Advanced Styling with Responsive Design (Coursera) Coursera
University of Michigan

Advanced Styling with Responsive Design (Coursera)

It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed. People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer). This ability to respond to any platform is called responsive design.

Jun 22nd 2026
4 Weeks
Web Application Technologies and Django (edX) EdX
University of Michigan,MichiganX

Web Application Technologies and Django (edX)

This first course in Django for Everybody explores the basic structure of a web application and how web browsers interact with web servers. This course Hypertext Transfer Protocol (HTTP), an introduction of Hypertext Markup Language (HTML), along with the overall structure of a Django application.

Self Paced
Self-Paced
Developing Cloud Applications with Node.js and React (edX) EdX
IBM

Developing Cloud Applications with Node.js and React (edX)

Learn how to develop and deploy web applications with JavaScript frameworks. Create server-side applications using Node.js and develop the front-end using React. Deploy the app on Cloud. In this course you will learn how to develop and deploy full-stack web applications several JavaScript frameworks. You will start by creating backend server-side applications using Node.js and Express. You will then develop a front-end user interface (UI) using ES6 and the React JavaScript library, and deploy your application to the IBM cloud platform.

Self Paced
Self-Paced
AngularJS: Advanced Framework Techniques (edX) EdX
Microsoft

AngularJS: Advanced Framework Techniques (edX)

Take your Angular programming skills to the next level as you learn about the full range of advanced features available for programming in Angular. Want to start implementing some of the more advanced features of Angular, but looking for help to get you started? In this advanced angularJS course, you’ll learn how to implement a web framework as you work your way through a series of tutorial-style labs that make learning easy.

Self Paced
Self-Paced
Guided Project: Interest Calculator Using HTML, CSS & JS (edX) EdX
IBM

Guided Project: Interest Calculator Using HTML, CSS & JS (edX)

Easily develop essential HTML, CSS, JavaScript, and web development skills in under an hour. This beginner-friendly, hands-on guided project will teach you how to create a simple interactive webpage. HTML, CSS, and JavaScript are essential skills for web development. HTML and CSS are the basis for webpages, while JavaScript makes these pages interactive. These three extremely popular languages form the backbone of front-end web development.

Self Paced
Self-Paced
Introduction to WebAssembly (edX) EdX
Linux Foundation,LinuxFoundationX

Introduction to WebAssembly (edX)

Get a solid foundation on the WebAssembly runtime and its capabilities, and learn how and why WebAssembly has succeeded in bringing new programming languages to the web, when others have failed. "Introduction to WebAssembly" is designed for web, cloud, and blockchain developers, architects, and CTOs interested in learning about WebAssembly’s strengths and limitations, and its potential applications in blockchain, serverless, edge/IoT, and more.

Self Paced
Self-Paced
HTML5 and CSS Fundamentals (edX) EdX
World Wide Web Consortium - W3C,W3Cx

HTML5 and CSS Fundamentals (edX)

Learn how to build Web sites using HTML5 and basic CSS, directly from W3C, creator of the latest Web standards. Learn the basics of Web design and style to give your Web sites a professional look and feel. The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in how to use the latest Web standards to create a site to be proud of.

Self Paced
Self-Paced
Building Web Applications in PHP (Coursera) Coursera
University of Michigan

Building Web Applications in PHP (Coursera)

In this course, you'll explore the basic structure of a web application, and how a web browser interacts with a web server. You'll be introduced to the request/response cycle, including GET/POST/Redirect. You'll also gain an introductory understanding of Hypertext Markup Language (HTML), as well as the basic syntax and data structures of the PHP language, variables, logic, iteration, arrays, error handling, and superglobal variables, among other elements.

Jun 22nd 2026
5-12 Weeks