JavaScriptオブジェクト
これはjQueryの学習を開始するために必要な最後のJavaScriptレッスンです。しかし、私が行う最後のJavaScriptレッスンではありません。なぜなら、JavaScriptという言語は非常に広く、私のレッスンで触れたものより多くを持っているからです。
そのため、このレッスンではJavaScript データ型をもう1つ考慮します－オブジェクトです。オブジェクトは配列と比較できます。その要素は変数と関数です。オブジェクト内の変数をオブジェクトのプロパティと呼び、オブジェクト内の関数をそのメソッドと呼びます。PHPのオブジェクトについては、ここで読むことができます：
JavaScriptの配列
このレッスンではJavaScript のもう1つのデータ型である配列について検討します。また、文字列と配列を操作するための関数について検討します。残りの関数は次のレッスンで検討します。配列についてよく知るには、PHPの配列に関する資料を読むことができます：
PHPレッスン－レッスン11－文字列と配列を操作するための関数
join()メソッド
split()メソッド
JavaScriptの関数
このレッスンではJavaScript内の関数について検討します。それらを書く方法と、どのような関数が存在するかです。PHP関数に関するこれらのレッスンで関数について読むことができます。すべての例はJavaScriptでも機能します：
JavaScriptのループ
このレッスンではJavaScript内のループについて検討します。先ほど言ったようにPHP言語の構文はJavaScriptに似ているため、PHPでループを見ることができます：
PHPレッスン－レッスン12－ループwhile、foreach、for
1つの注意を除いて、JavaScriptにはforeach()ループがないため、将来、jqueryのeach()メソッドを使用して要素を反復処理します。
Whileループ
Forループ
JavaScriptのif演算子
このレッスンではJavaScript内で if コンストラクターを使用する方法について検討します。JavaScriptの構文はPHP（両方ともC++プログラマーを念頭に置いて行われた）とほぼ同じであるため、PHPのこのレッスンでifについて読むことができます：
例として、このifコンストラクターを分解しましょう：
JavaScriptの変数
すべての変数型、すべての操作を説明することで長い時間を費やすつもりはありません。それは不要です。私たちの主な目標はJavaScript の基本的な構文を習得し、その後jQueryの研究に進み、その後JavaScriptの知識とスキルを向上させることができることです。それでもJavaScriptを研究したいし、素晴らしいJavaScriptフレームワークの使用があなたを魅力的にしない場合は、JavaScriptのより詳細なチュートリアルを見つけるべきです。しかし、あなたがDrupalでサイトを作成し、その後jQueryを学びたいのであれば、私たちは同じ方向に向かっています。さあ、始めましょう。
このレッスンでは、変数、それらが必要な理由、およびそれらをどのように操作するかについて検討します。
JavaScriptの紹介
JavaScriptは世界で最も人気のある言語の1つですが、時間とともに位置を失っています。しかし、多くのプログラマーが習得に焦点を当てています。
JavaScriptは後続のjQuery学習に必要になります。したがって、JavaScriptフレームワークであるjQueryを取得する前に、JavaScriptの基本を知る必要があります。
JavaScriptコードは<script></script>コードを使用してHTMLページのコードに直接埋め込まれます：
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>
CSSチュートリアルの終わり
これでCSSチュートリアルが終わります。しかしCSSの学習は終わります。私は、実践に進み、Zenテーマに基づいてdrupalテーマを作成することに基づいてCSSを継続的に学習することを提案します。インターネットでpsdレイアウトを見つけ、drupalテーマでそれをコーディングします。
PHPの学習に進むこともできます：
また、Drupal 7はすでに古いため、Drupal 8から直接学習を開始できます
CSSフロート
急流の山の川が非常に速く、騒々しく流れていると想像してください。この川の流れの中に石があり、川はこの石の周りを流れます。石が川の流れの方向に左にある場合、川は石の右側を流れます。石が右側にある場合、川はその左側を流れます。CSSの float プロパティも同じように機能します。
CSSフロート
floatおよびclearプロパティの動作を実証するために、次の図を描きました：
CSSディスプレイプロパティ
前のレッスンではcssをファイルから接続し、少しのcssコードを書いてそれがどのように機能するかを確認しました。このレッスンでは、重要なdisplayプロパティについて詳しく説明します。displayプロパティは、タグがHTMLドキュメント内にどのように表示されるかを制御します。行内のテキストのように配置されるか、独自の高さと幅を持つブロックです。では、基本から始めましょう。デフォルトでタグがどのように表示されるか。それらは異なる方法で表示されます：<div>はブロックとして表示されます。<span>は行内テキストとして表示されます。テキストの表示方法から始めましょう。テストストリングを作成し、spanでラップしましょう。