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

Programming for the Web with JavaScript (edX) EdX
University of Pennsylvania

Programming for the Web with JavaScript (edX)

Learn how to develop dynamic, interactive, and data-driven web apps using JavaScript. JavaScript is the programming language of the World Wide Web. As a professional web software developer, you will not only need to know how to program in this simple yet powerful language, but you will need to understand the fundamentals of how data is exchanged on the World Wide Web (WWW) and what tools and frameworks are available to you for creating robust, interactive web applications.

Self Paced
Self-Paced
WebAssembly Actors: From Cloud to Edge (edX) EdX
Linux Foundation,LinuxFoundationX

WebAssembly Actors: From Cloud to Edge (edX)

Embrace the actor model to build portable, secure, lightweight WebAssembly modules that thrive in the cloud, at the edge, and anywhere in between. This course is designed for developers who have built or are building microservices and have experienced a high degree of friction in cloud native application development. Developers looking to embrace the simplicity of Functions as a Service (FaaS) without the overhead of cloud providers or sacrificing the ability to experiment and test locally and in any other environment will gain significant value from this course.

Self Paced
Self-Paced
HTML, CSS, and Javascript for Web Developers (Coursera) Coursera
Johns Hopkins University

HTML, CSS, and Javascript for Web Developers (Coursera)

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones. In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS.

Jul 7th 2026
5-12 Weeks
Introduction to Cloud Development with HTML5, CSS3, and JavaScript (edX) EdX
IBM

Introduction to Cloud Development with HTML5, CSS3, and JavaScript (edX)

Learn the key tools and programming languages to bootstrap your career as a Cloud Developer. Get started with web development using HTML5, CSS3, JavaScript and GitHub. Want to take the first steps to become a Cloud Application Developer? This self-paced online course will lead you through the programming languages and tools you will need to develop your own Cloud and Web Applications.

Self Paced
Self-Paced
Full Stack Application Development Project (edX) EdX
IBM

Full Stack Application Development Project (edX)

For this project you will apply your knowledge of front end and back end development gained from previous courses and build and deploy a full stack real-world web application on the cloud. Your project will showcase your understanding of the user experience and user interface design process, and your skills and technologies with Django, Python, Node.JS and Containers.

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
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
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
Programming Mobile Applications for Android Handheld Systems: Part 2 (Coursera) Coursera
University of Maryland, College Park

Programming Mobile Applications for Android Handheld Systems: Part 2 (Coursera)

This course introduces you to the design and implementation of Android applications for mobile devices. You will build upon concepts from the prior course, including handling notifications, using multimedia and graphics and incorporating touch and gestures into your apps.

Jul 6th 2026
5-12 Weeks