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

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
Fundamentals of Web Development (Coursera) Coursera
Illinois Tech

Fundamentals of Web Development (Coursera)

Computer Science

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.

Aug 10th 2026
5-12 Weeks
HTML Javascript CSS
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!

Aug 10th 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 Web Development with HTML5, CSS3, and JavaScript (edX) EdX
IBM

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

CS: Programming Computer Science

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
Programming Cloud HTML
Details
Ajax Basics (Coursera) Coursera
Board Infinity

Ajax Basics (Coursera)

CS: Software Engineering

This Ajax Basics course is designed for beginners who want to learn how to build web applications that dynamically update content without reloading the entire page. In this course, you will learn the fundamentals of Ajax, including its features, advantages, and common usage scenarios.

Aug 10th 2026
3 Weeks
Programming Javascript XML
Details
Learn HTML and CSS (Coursera) Coursera
Scrimba

Learn HTML and CSS (Coursera)

CS: Programming Computer Science

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs. While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

Aug 17th 2026
5-12 Weeks
Programming HTML CSS
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
AngularJS: Advanced Framework Techniques (edX) EdX
Microsoft

AngularJS: Advanced Framework Techniques (edX)

CS: Software Engineering CS: Programming

Take your Angular programming skills to the next level as you learn about the full range of advanced features available for programming in Angular. Want to start implementing some of the more advanced features of Angular, but looking for help to get you started? In this advanced angularJS course, you’ll learn how to implement a web framework as you work your way through a series of tutorial-style labs that make learning easy.

Self Paced
Self-Paced
Programming Javascript CSS
Details
Computational Social Science Methods (Coursera) Coursera
University of California, Davis

Computational Social Science Methods (Coursera)

Statistics & Data Analysis Data Science

This course gives you an overview of the current opportunities and the omnipresent reach of computational social science. The results are all around us, every day, reaching from the services provided by the world’s most valuable companies, over the hidden influence of governmental agencies, to the power of social and political movements. All of them study human behavior in order to shape it. In short, all of them do social science by computational means.

Aug 17th 2026
4 Weeks
CSS Social Science Social Networks
Details