Making Web Pages Interactive


JavaScript is one of the most used programming languages in the world, and it is essential for creating modern web pages.

JavaScript can add a variety of interactions to a web page, such as changing the color or shape of an HTML element with a click or displaying an animation. JavaScript, along with HTML and CSS, is used to process the display and behavior of web pages.

JavaScript is now being used in many web pages, as it has become mainstream for web pages to dynamically change according to user interactions.


Learning Objectives

By implementing dynamic expressions into web pages using JavaScript, it's possible to give users a sense of operation and prevent boredom during loading. This kind of trick can provide users a fun and comfortable experience.

In addition, libraries and frameworks for front-end applications made in JavaScript are also emerging, with React, Vue, and Angularbeing representative examples.

Hence, JavaScript has become an essential language for creating web pages that are fun and convenient.

If you want to develop highly functional web pages with front-end development, you should learn JavaScript.

Learn from Here

In this section, let's learn JavaScript with the goal of adding animations to a web page. Let's start with the basic syntaxes and then try DOM manipulation.

  • Understanding the Basics of JavaScript

    Using Variables



    Loops and Iterations



    Local and Global Scopes

  • Understanding the Basics of DOM

    Run JavaScript on a Web Page

    Manipulate HTML with JavaScript

    Manipulate CSS with JavaScript

    Event Handling

  • Developing a Web Page that Animates

    Create a Modal

    Make an Accordion

    Make a Carousel

Recommended Materials

  1. JavaScript Study I | Progate

  2. Introduction to the DOM - Web APIs | MDN

Share what you learn today!