Home / プログラミング / javascript / HTMLとjavascriptの関係性と役割

HTMLとjavascriptの関係性と役割

Pocket

77f028b6fa62a0ce9bfe88ab2ca76e3b_s

HTMLやjavascriptという言語があることはご存知ですか。それぞれの言語があることで、魅力的なサイトが構築できます。ここでは、「HTMLとjavascriptの関係性と役割」について紹介いたします。また、javascript・HTMLのおすすめ本についても紹介しています。これから、HTMLやjavascriptなどの勉強を検討している方は、参考にご覧ください。

スポンサーリンク

1.HTMLとjavascriptの基礎知識や役割

ab032ee97cf547c6fa7b7d6525f6aa9e_s

ここでは、HTMLとjavascriptの基礎知識や役割、関係性などについて、紹介いたします。

1.HTMLとは?HTMLの役割

HTMLはホームページやWebサイトなどを作る際に使うプログラミング言語です。Hyper Text Markup Language(ハイパーテキストマークアップランゲージ)の略でHTMLと呼ばれています。HTMLは、Webサイトなどに文書構造などを定義するためのマークアップ言語です。何が存在するかをサイトへ定義します。

サイトに「画像」と認識させたり、「ロゴ」や「テキスト」と認識させるために使い、それを認識してサイトに表示されます。HTMLタグを使い認識・表示させます。HTMLで定義・表現をし、CSSで色付けなどの装飾を行います。

2.javascriptとは?javascriptの役割

javascriptは、動作を表現するためのプログラミング言語です。Javascriptは、HTMLやCSSを書き換えたり、ダイアログ表示やシステム的な動作をさせます。

カーソルを合わせるとメニューリストが表示されたり、文字やイラストなどを点滅させたり、クリックしたらダイアログが表示されるようにしたり、カーソルを合わせると色が変化するなど、サイト上にさまざまな動きを持たせます。

javascriptがあることで、サイト上で動作を表現できます。Javascriptは、一般的にHTMLで動かす場合は、HTMLの中に書くか、外部ファイルとして読み込む方法があります。

2.javascript・HTMLのおすすめ本

ここでは、javascriptやHTMLを勉強する際におすすめの本を紹介いたします。初心者向けが中心ですので、これから勉強する予定の方は確認してみてください。

  1. ①ノンプログラマのためのJavaScriptはじめの一歩
  2. ②入門者のJavaScript
  3. ③確かな力が身につくJavaScript「超」入門
  4. ④スラスラわかるJavaScript
  5. ⑤JavaScript本格入門
  6. ⑥作りながら学ぶHTML/CSSデザインの教科書
  7. ⑦HTML&CSS標準デザイン講座
  8. ⑧デザインの学校 これからはじめるHTML&CSSの本
  9. ⑨スラスラわかるHTML&CSSのきほん
  10. ⑩HTML5+CSS3の新しい教科書

1.ノンプログラマのためのJavaScriptはじめの一歩

ノンプログラマのためのJavaScriptはじめの一歩は、完全なJavaScript未経験者向けではなく、JavaScriptを少し勉強したり触ったことがある初心者向けの一冊です。文法や機能の説明だけでなく、サンプルプログラムを使って勉強していけるので、JavaScriptの基礎知識から実践に役立つスキルまで身につけれます。HTMLやCSSの基本も学べるようになっています。

2.入門者のJavaScript

入門者のJavaScriptは、「手順通りに書いて、動かすだけで自然とJavaScriptが身につく」というテーマの本であり、一つひとつの項目を実際に動かしながら勉強していけます。そのため、JavaScript初心者の方でも安心して、知識や技術を身につけていけます。

3.確かな力が身につくJavaScript「超」入門

確かな力が身につくJavaScript「超」入門は、丁寧にJavaScriptのことが解説された初心者向けの入門書です。テキストの説明だけでなくサンプル作りながら学べるため、知識を覚えるだけでなく、実践的なスキルが身につきます。やりながら勉強できるので、JavaScriptを楽しみながら学べます。プログラミングを学びたくても、勉強が苦手な方におすすめの入門書です。

4.スラスラわかるJavaScript

1 2

スポンサーリンク

スポンサーリンク

Check Also

プログラミング初心者のための勉強方法とおすすめ言語4選

これからプログラミングを身に付 …

Facebookでのご購読が便利です