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

JavaScript Introduction (edX) EdX
World Wide Web Consortium - W3C,W3Cx

JavaScript Introduction (edX)

CS: Software Engineering CS: Programming

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
Programming HTML Javascript
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
Build Your First Android App (Project-Centered Course) (Coursera) Coursera
CentraleSupélec

Build Your First Android App (Project-Centered Course) (Coursera)

CS: Software Engineering

In this project-centered course, you’ll design, build, and distribute your own unique application for the Android mobile platform. We’ll provide you with a set of customizable building blocks that you can assemble to create many different types of apps, and that will help you become familiar with many important specificities of Android development. When you complete the project, in addition to having a personalized app that you can use and share, you’ll have the skills and background you need to move on to more advanced coursework in Android development.

Jun 22nd 2026
4 Weeks
Android Applications Web Development
Details
Foundations of Objective-C App Development (Coursera) Coursera
University of California, Irvine

Foundations of Objective-C App Development (Coursera)

CS: Software Engineering CS: Programming

An introduction to the Objective-C programming language. This will prepare you for more extensive iOS app development and build a foundation for advanced iOS development topics. Objective-C programming requires a Mac laptop or desktop computer. An iOS device is optional if the learner is willing to working exclusively with the simulator. Some learners have been able to work with an OS X virtual machine on Windows, but explaining how to do that is beyond the scope of this course.

Jun 22nd 2026
4 Weeks
Mobile Objective C iOS
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
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
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
Introduction to Cloud Development with HTML5, CSS3, and JavaScript (edX) EdX
IBM

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

CS: Software Engineering CS: Programming

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