JavaScript

Overview

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

Level 1Beginner Level

Gaining the Starting Skills

Level 2Intermediate Level

Achieving Independence

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

  Objects

  Arrays

  Loops and Iterations

  Expressions

  Functions

  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

   Basic syntax learning is provided by Progate. Try learning it while actually writing some syntax.

   JavaScript Study I | Progate

   Progate is an online platform to learn programming. Learn to build your own apps and services.

   progate.com

2. Introduction to the DOM - Web APIs | MDN

   The link below explains the relationship between JavaScript and DOM. After reading through the document, try using JavaScript to add movement to a web page.

   Introduction to the DOM - Web APIs | MDN

   The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. This guide will introduce the DOM, look at how the DOM represents an HTML document in memory and how to use APIs to create web content and applications.

   developer.mozilla.org