JavaScript

Webページに動きをつけてみよう

概要

JavaScriptは世界でもっとも使われているプログラミング言語の1つであり、近代的なWebページを作成するためには欠かせません。

クリックでHTML要素の色や形を変えたりアニメーションを表示したりなど、JavaScriptはWebページにさまざまな動きをつけることができます。JavaScriptはHTMLやCSSと共に、Webページの表示や動作の処理に使われます。

ユーザーの操作によって動的に変化するWebページが主流となってきたことから、現在JavaScriptは多くのWebページで利用されています。

JavaScript

学ぶ目的

JavaScriptを使ってWebページに動的な表現を取り入れることで、ユーザーに操作した感覚を与えることや、ローディング中の待ち時間を退屈にさせないことが可能になります。このような仕掛けにより、Webページを利用するユーザーに「楽しく・心地よい」体験を提供できます。

また、JavaScriptで作られたフロントエンド用のライブラリやフレームワークも登場しており、代表的なものにReactVueAngularなどがあります。

このように、楽しさや利便性を備えたWebページを作るうえではJavaScriptは欠かせない言語となっています。

Webフロントエンド開発で高機能なWebページを作りたい場合は、JavaScriptを学ぶとよいでしょう。

ここから学ぼう

ここでは、JavaScriptでWebページに動きを付けることを目標に学んでいきましょう。まずは、基本文法を押さえてからDOM操作にチャレンジしてみましょう。

  • JavaScriptの基本を理解しよう

    基本的な構文を覚えよう

    FizzBuzzプログラムを作ってみよう

  • DOMの基本について理解しよう

    WebページでJavaScriptを実行してみよう

    JavaScriptでHTMLを操作してみよう

    JavaScriptでCSSを操作してみよう

    イベント処理を作ってみよう

  • 動きのあるWebページを作ってみよう

    モーダルを作ってみよう

    アコーディオンを作ってみよう

    カルーセルを作ってみよう

おすすめ教材

  1. JavaScript 学習レッスン I | Progate

  2. DOM の紹介 - Web API | MDN

今日学ぶことをシェアしよう