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

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
Learn JavaScript (Coursera) Coursera
Scrimba

Learn JavaScript (Coursera)

CS: Programming Computer Science

This is perhaps the most interactive JavaScript course ever recorded. It contains 140+ coding challenges, meaning that you will finally build that ever-so-important JavaScript muscle memory. You will solve the challenges directly in the browser thanks to Scrimba's interactive video technology, so there's not setup needed. Say goodbye to "tutorial hell" and get ready to start feeling your JavaScript superpowers grow exponentially.

Sep 14th 2026
4 Weeks
Programming Javascript Web Development
Details
HTML, CSS, and Javascript for Web Developers (Coursera) Coursera
Johns Hopkins University

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

CS: Software Engineering CS: Programming

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.

Sep 8th 2026
5-12 Weeks
Programming HTML Javascript
Details
CS50's Introduction to Computer Science (edX) EdX
HarvardX,Harvard University

CS50's Introduction to Computer Science (edX)

CS: Programming Computer Science

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
Programming Python C
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
Google AI for JavaScript developers with TensorFlow.js (edX) EdX
Google

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

CS: Programming Data Science

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
ML Artificial Intelligence Javascript
Details
Android App Components - Services, Local IPC, and Content Providers (Coursera) Coursera
Vanderbilt University

Android App Components - Services, Local IPC, and Content Providers (Coursera)

CS: Software Engineering CS: Programming

This 4 week MOOC builds upon the core Android app components and concurrency frameworks covered in Course 2 by focusing on started and bound services, local inter-process communication (IPC), and content providers. Case study apps will be examined from multiple perspectives to learn how to program these app components using Android's material design paradigm.

Sep 7th 2026
4 Weeks
Programming Java Mobile
Details
JavaScript Interview Challenges (Coursera) Coursera
Scrimba

JavaScript Interview Challenges (Coursera)

Computer Science

Your essential tech interview preparation pack! Practice solving problems and honing the skills you need to succeed in a frontend coding interview. Are you applying for frontend developer roles? Do you wish to test out your JavaScript knowledge? Do you love solving code challenges? If any of the above applies to you, JavaScript Interview Challenges should be your next Scrimba course!

Sep 21st 2026
3 Weeks
Javascript Interview Coding
Details
Web Application Technologies and Django (edX) EdX
University of Michigan,MichiganX

Web Application Technologies and Django (edX)

Computer Science

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
HTML CSS HTTP
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