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

Accediendo a los Datos de la Web con Python: Web Scrapping y APIs (edX) EdX
Universidad Anáhuac,AnahuacX

Accediendo a los Datos de la Web con Python: Web Scrapping y APIs (edX)

Aprende cómo funciona la extracción de información proveniente de los sitios web, así como el uso, diseño e implementación de interfaces de programación de aplicaciones (APIs) para el intercambio de información con Python. Siendo Python uno de los principales lenguajes de programación, hoy en día es necesario tener conocimientos básicos que te permitan reconocer, analizar y recuperar datos en la web e interfaces de programación de aplicaciones.

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
Programming and Application Foundations (Coursera) Coursera
Illinois Tech

Programming and Application Foundations (Coursera)

This course introduces the students to the creation and deployment of modern, standards-compliant web pages written in HTML, CSS, and JavaScript in the context of the client-server architecture of the web. The course also covers the fundamentals of programming in a modern programming language, basic data modeling, database design, implementation, and administration of single-user and shared multi-user database applications using a contemporary relational database management system.

Sep 14th 2026
5-12 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.

Sep 7th 2026
5-12 Weeks
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
HTML & CSS Crash Course (Coursera) Coursera
Scrimba

HTML & CSS Crash Course (Coursera)

Are you interested in delving into the realm of web development but find yourself unsure of where to start? Do you aspire to acquire the skills needed to build your own websites? Have previous attempts to grasp HTML and CSS through conventional courses left you disinterested or overwhelmed? If your response aligns with a resounding "YES" to any of these inquiries, then this course is perfectly tailored to meet your needs!

Sep 7th 2026
1 Week
Fundamentos TIC para profesionales de negocios: Programación (edX) EdX
Universitat Politècnica de València,UPValenciaX

Fundamentos TIC para profesionales de negocios: Programación (edX)

¿Tienes que trabajar con las Tecnologías de la Información y te faltan conocimientos? Conoce los fundamentos de la programación software. Este curso forma parte de una serie de 5 cursos de introducción al uso de sistemas de información en las empresas que te introducirá en el apasionante mundo de las TIC.

Self Paced
Self-Paced
Google AI for JavaScript developers with TensorFlow.js (edX) EdX
Google

Google AI for JavaScript developers with TensorFlow.js (edX)

Get productive with TensorFlow.js - Google's Machine Learning library for JavaScript. From pre-made off the shelf models to writing or training your own, learn how to create next gen web apps. Are you a web engineer, designer, or creative thinker looking to apply AI or use Machine Learning in your next web application but are unsure where to begin? Or maybe you’re overwhelmed by other courses that focus more on the mathematical proofs than actually enabling you to use these new technologies for real world applications? This course offers a solution and the knowledge to be the "missing manual" for JavaScript users without a background in Machine Learning.

Self Paced
Self-Paced
Learn UI Design Fundamentals (Coursera) Coursera
Scrimba

Learn UI Design Fundamentals (Coursera)

The ability to create stunning user interfaces is a skill any frontend developer will benefit from, whether you're in a team, a consultant, or want to build your own projects. This course will teach you the seven fundamentals that underpin any beautiful and effective user interface. Through lectures and interactive exercises, you'll discover the skills you need in order to build UIs that both look amazing and feel great to use. You will build everything in the browser using HTML and CSS, and put your new skills to the test many times throughout the course!

Sep 7th 2026
1 Week
Cloud Application Developer Capstone (edX) EdX
IBM

Cloud Application Developer Capstone (edX)

In this project you will sharpen your new full stack cloud application development skills. You will use modern tools and technologies to create a working cloud ecosystem. You will design and develop a comprehensive solution that reflects your mastery of key cloud native computing concepts and capabilities. The project provides you with a real-life challenge that requires you to flex and firm your cloud native application development muscle. You will start with a problem situation.

Self Paced
Self-Paced
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.

Sep 7th 2026
1 Week