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

Introduction to Web Development with HTML5, CSS3, and JavaScript (edX) EdX
IBM

Introduction to Web 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
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
Introducción al desarrollo web (Coursera) Coursera
Universidad de los Andes

Introducción al desarrollo web (Coursera)

Este curso te proporcionará los conceptos básicos para iniciarte en el fascinante mundo de la Ingeniería de Software para aplicaciones web. Abordaremos los conceptos fundamentales de estructura, contenido y presentación de una página web, para luego centrarnos en la sintaxis del lenguaje de marcas HTML y en el uso de las etiquetas para crear títulos, párrafos, listas, enlaces, imágenes y formularios.

Nov 2nd 2026
4 Weeks
Fundamentals of Web Development (Coursera) Coursera
Illinois Tech

Fundamentals of Web Development (Coursera)

This course will cover the creation of Web pages and sites using HTML, CSS, Javascript, jQuery, and graphical applications as well as the client and server architecture of the Internet and related web technologies. The creation and deployment of modern, standards-compliant web pages are addressed. Students create and deploy a Web site with multiple pages and cross-linked structures.

Nov 2nd 2026
5-12 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
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
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
JavaScript Introduction (edX) EdX
World Wide Web Consortium - W3C,W3Cx

JavaScript Introduction (edX)

Learn JavaScript, a Web development programming language, to add interactivity to your Web pages, and become an expert Web developer. This computer science course is an initiation to JavaScript programming and has been designed to help Web developers have an understanding of the basic concepts of the language. This course was developed in partnership between W3C and University Côte d'Azur.

Self Paced
Self-Paced
Learn Accessible Web Design (Coursera) Coursera
Scrimba

Learn Accessible Web Design (Coursera)

This course is all about making the web a better place for everyone. You'll dive into what it truly means to build accessible websites and why it's so important. You'll get to grips with all the fundamentals of accessible development, like understanding contrast ratios, exploring the accessibility tree, getting familiar with WCAG levels, and much more.

Nov 2nd 2026
1 Week
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.

Oct 26th 2026
5-12 Weeks
Learn Bootstrap (Coursera) Coursera
Scrimba

Learn Bootstrap (Coursera)

This instructional course guides you through the essential knowledge required to build comprehensive websites using Bootstrap v4. Bootstrap is an open-source front-end framework designed for responsive development, prioritizing mobile-first websites and web applications. The Scrimba course offers interactive code engagement within tutorials, providing an opportunity to reinforce concepts as you learn.

Nov 2nd 2026
1 Week