「プログラミング学習のツボ」へようこそ！
管理人のKENです。
本サイトでは、文系・初心者の私が、プログラミング学習を進める中でつまづいたこと、
最初から知ってれば良かったということをまとめていきます。
これからプログラミング学習を始める方の一助になれば幸いです。
今回は『JavaScript（ジャバスクリプト）』のお話です。
『JavaScript（ジャバスクリプト）』とは何か？
『JavaScript』を一言で言うと、
インターネット上にあるウェブページを操作する為の言語です。
有名なサービスだと、
以下のようなサービスにも、
『JavaScript』が使われています。
- Googleマップ
同じくウェブページを形作る言語、
『HTML（エイチティーエムエル）』や『CSS（シーエスエス）』
だけでは出来ない動きをウェブページで表現出来ます。
『HTML』がウェブページのテキストや画像を形作り、
『CSS』がそれを装飾し、
『JavaScript』で動きを作るイメージです。
※『HTML』・『CSS』について知りたい方は、
以下もご参照下さい。
-
-
【プログラミング初心者必見！】『HTML（エイチティーエムエル）』学習のツボ
「プログラミング学習のツボ」へようこそ！ 管理人のKENです。 本サイトでは、文系・初心者の私が、プログラミング学習を進める中でつまづいたこと、 最初から知ってれば良かったということをまとめていきます ...
続きを見る
-
-
【プログラミング初心者必見！】『CSS（シーエスエス）』学習のツボ
「プログラミング学習のツボ」へようこそ！ 管理人のKENです。 本サイトでは、文系・初心者の私が、プログラミング学習を進める中でつまづいたこと、 最初から知ってれば良かったということをまとめていきます ...
続きを見る
『HTML』や『CSS』は基本的に動きを出すことが出来ません。
一度ウェブページとして読み込まれると、
もう変化しません。
『JavaScript』を使えば、
それらをその場で動きをつけて書き換えたり、
スライドショーのような表現を付け加えたり出来ます。
『HTML』や『CSS』が、
一枚の写真・静止画だとすれば、
『JavaScript』を加えることで、
ムービー・動画が出来るといったところでしょうか。
ちなみに余談ですが、
別記事にて学習のツボを解説させて頂いた『HTML』・『CSS』は、
厳密に言うと、実はプログラミング言語ではありません。
『HTML』はマークアップ言語、
『CSS』はスタイルシート言語、
という種類の言語です。
それらとは違い、
『Javascript』はプログラミング言語の一種です。
『HTML』⇒『CSS』と学習を進めてきた方は、
ここからいよいよ本格的なプログラミング言語の学習となる訳です。
言語の種類が変わりますので、
少し頭を切り替える必要がありますが、
恐れることはありません。
一つ一つ基本から、
ゆっくりじっくり学習していきましょう！
『JavaScript』で出来ること
以下、出来ることの一例です。
-
文字や画像を書き換える
-
ポップアップウインドウの表示させる
-
カーソルが合った時に背景を変化させる
-
画像のスライドショー
-
ショッピングサイトのお買い物カゴ金額計算
-
株価グラフ等、リアルタイムで動くグラフ
-
Googleマップ等、動かした位置だけ情報を読み込むスムーズな処理の実現
なんとなく、
『JavaScript』のイメージが湧いてきましたでしょうか？
『JavaScript』を習得すれば、
格段にウェブページ表現の幅が拡がります。
『HTML』や『CSS』の学習より、
難易度はあがりますが、
全てを完璧に覚える必要はありません。
基本の書き方、考え方はしっかり理解すべきですが、
後は、どんなことが出来るかなんとなく掴んでおき、
やりたいことに合わせて、
都度調べて身につけるスタンスで焦らずいきましょう！
プログラミング学習全てに言えることですが、
完璧主義はやめましょう。
分からなければ、一旦飛ばして次！
くらいの心構えの方が学習も長続きします。
『JavaScript』で出来ることや書き方を詳しく知りたい方は、
以下のようなサイトも参考になります。
SAMURAI ENGINEER BLOG
JAVASCRIPT.INFO
『JavaScript』のオススメ学習法は？
以下のような学習サービス利用がオススメです。
上記のような学習サービスを使いながら、
復習も兼ねて、参考書を何冊か読みながら実践すると、
より知識が整理されるのでオススメです。
私が学習に使ったオススメの参考書も載せておきます。
ある程度学習が進んだら、
以下のような試験にもチャレンジしてみましょう！
実践形式で勉強になり、
認定を受けることで、
ウェブ技術者としての能力の証明にもなります。
まとめ
- 『JavaScript』はウェブページを操作する為の言語
- 『HTML』や『CSS』だけでは出来ない動きのある表現が出来る！
- 『JavaScript』学習前に、『HTML』・『CSS』の基礎知識は習得しておこう！
- 『JavaScript』の学習は、Progate・Udemy・ドットインストール等と、参考書の組み合わせで進めよう！
- ある程度学習が進んだら、資格試験にチャレンジしてみよう！
今回は、『JavaScript』学習のツボについてまとめてみました。
皆さんの学習の一助になれば幸いです！