EdX

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

Offered by 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.

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

In this hands-on guided project, you will create a simple interest calculator using HTML, CSS, and JavaScript. You will learn how to customize HTML, CSS, and JavaScript files to modify the structure, appearance, and functionality of a webpage. By the end of this project, you will have practical experience in front-end web development and creating web pages.
You’ll have access to a Cloud-based IDE that has all of the required software, including __ JavaScript, pre-installed. All you need is a recent version of a modern web browser to complete this project.

What you'll learn
After completing this project, you will be able to:

  • Modify HTML file according to requirements
  • Modify CSS file according to requirements
  • Modify JavaScript files according to requirements
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

CSS Basics (edX) EdX
World Wide Web Consortium - W3C,W3Cx

CSS Basics (edX)

CS: Software Engineering CS: Programming

Learn, from Microsoft and W3C experts, how to take your Web pages from bland to bold with the power of CSS styling. Have you just begun your journey into Web development? This course will introduce you to the basics of Web design and teach you how to style your Web site for a professional look and feel.

Self Paced
Self-Paced
Programming CSS Web Design
Details
Learn UI Design Fundamentals (Coursera) Coursera
Scrimba

Learn UI Design Fundamentals (Coursera)

CS: Software Engineering CS: Design & Product

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!

Oct 5th 2026
1 Week
HTML CSS User Interface Design
Details
Introducción al desarrollo web (Coursera) Coursera
Universidad de los Andes

Introducción al desarrollo web (Coursera)

CS: Software Engineering Computer Science

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.

Oct 5th 2026
4 Weeks
HTML CSS Bootstrap
Details
Cloud Application Developer Capstone (edX) EdX
IBM

Cloud Application Developer Capstone (edX)

Security & Networking

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
HTML Javascript JSON
Details
Learn Accessible Web Design (Coursera) Coursera
Scrimba

Learn Accessible Web Design (Coursera)

Computer Science

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.

Oct 5th 2026
1 Week
HTML Web Design WCAG
Details
HTML & CSS Crash Course (Coursera) Coursera
Scrimba

HTML & CSS Crash Course (Coursera)

CS: Programming Computer Science

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!

Oct 5th 2026
1 Week
HTML CSS Web Development
Details
Developing Cloud Applications with Node.js and React (edX) EdX
IBM

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

Computer Science

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
Cloud Javascript Git
Details
Introduction to WebAssembly (edX) EdX
Linux Foundation,LinuxFoundationX

Introduction to WebAssembly (edX)

Computer Science

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
HTML Javascript CSS
Details
Programming for the Web with JavaScript (edX) EdX
University of Pennsylvania

Programming for the Web with JavaScript (edX)

CS: Software Engineering CS: Programming

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
Programming Web Javascript
Details