まず、私たちは最初から、最も基本的なフロントエンドを学びます：
AディアンHTML + CSS
1ディアンが理解し、各ラベル、CSSの一般的なプロパティ、より多くのトレーニングの属性を定義し、ミックスと一致するように訓練することができます！
二ディアンのjavascript
1つのディアン学習コンテンツ：JavaScriptプログラミング、JavaScriptの構文、データ型、演算子、式、フロー制御、JavaScriptが内部オブジェクト、配列、文字列、日付と時刻、数学関数、正規表現。
2ディアンJavaScript関数、カスタム関数、グローバル関数、BOMの導入、オブジェクトウィンドウ、ロケーションオブジェクト、履歴オブジェクトが使用します。
DOMツリー、DOMのオブジェクト、プロパティ、一般的に使用されるDOMオブジェクト、メソッド、イベント、書き込みイベント・ハンドラ、DOM操作を使用してHTMLドキュメント、ドキュメントツリーのノードを横断する、特定の要素の文書の検索、文書の内容を変更するの理解3ディアンDHTMLプログラミング、 、ドキュメント、DOM操作を使用してXMLドキュメントに新しいコンテンツを追加します。
水とjQuery
1ディアンjQueryのマルチブラウザ互換のJavaScriptライブラリで、コアアイデアはあまり書くことで、より多くのことを行います。低コストの開発以来、多くの企業が使用している、WEB前のエンジニアが持っている必要があります。彼はまた、（IE6.0 +、FF1.5 +、Safari2.0さまざまなブラウザとの互換性CSS3と互換性のある軽量のJSライブラリです +、Opera9.0 +）は、jQuery2.0 およびそれ以降のバージョンはサポートされなくなりましたIE6 / 7/8ブラウザ。
2淀学習コンテンツ：理解はJQueryの導入セレクタ、CSSセレクタ、jQueryのセレクタとその潜在的な利点は、基本的な選択、レベル選択、フィルタ選択、シートセレクタ、セレクタ練習および他の小さな場合、jQueryのDOM操作：DOMの分類、要素/属性/テキストノードを作成し、要素/属性ノードを見つけるために、挿入ノード、削除ノード、ノードをコピーし、ノードを置き換える、包まれたノード、属性操作、スタイルの操作、ノード、CSS-DOM操作をトラバース、アニメーションやイベント：jQueryのイベントは、DOM、イベントバインディング、合成イベント、イベントバブリング、イベントオブジェクトのプロパティは、ボタンの上に登録されたイベント、シミュレートされた操作、jQueryのアニメーションを削除するロード。