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

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

Nov 2nd 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!

Nov 16th 2026
3 Weeks
Javascript Interview Coding
Details
AJAX for Web Developers (Coursera) Coursera
Coursera Instructor Network

AJAX for Web Developers (Coursera)

CS: Software Engineering

The "AJAX for Web Developers" course explores how modern websites update parts of a web page without the need to reload the entire page, providing a fluid and fast user experience. This course covers the relationship between client apps or websites and servers, the distinction between full page loads and AJAX, and the best use-cases for each.

Nov 16th 2026
3 Weeks
JSON AJAX Web Development
Details
WebAssembly Actors: From Cloud to Edge (edX) EdX
Linux Foundation,LinuxFoundationX

WebAssembly Actors: From Cloud to Edge (edX)

Computer Science

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
Cloud Javascript APIs
Details
Full Stack Application Development Project (edX) EdX
IBM

Full Stack Application Development Project (edX)

Computer Science

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
Python Javascript UX
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.

Nov 9th 2026
4 Weeks
Programming Javascript Web Development
Details
Learn Imba (Coursera) Coursera
Scrimba

Learn Imba (Coursera)

CS: Software Engineering

In this class, you'll dive into Imba, the programming language used to build scrimba.com. Imba, a compile-to-JavaScript language, packs a punch with nifty features for whipping up web apps, including built-in tags and styles. We'll cover the ABCs of Imba syntax and work on creating a Dopamine Box app. By the finish line, you'll be armed with the skills to construct your very own web app UI using Imba.

Nov 9th 2026
1 Week
Programming Javascript Web Development
Details