第 5 回_フロントエンドの基本

• 章1 HTML文書の構造
• 1-1 ページ上でよく使用されるテキスト要素
• 1-2 Web ページ上の画像とリンク
• 章2 Webフロントエンド基礎コース
• 2-1 CSS3 で一般的に使用される背景コントロール (スプライト...)
• 2-2 レイアウトでよく使用される境界線効果（境界線）
• 2-3 テーブルとリストのスタイル コントロール
• 2-4 フロントエンドでよく使用されるフォーム要素
• 章3 Webフロントエンド基礎講座1
• 3-1 CSSカスケードスタイルシートの詳細説明：internal\external\inline
• 3-2 一般的な CSS セレクター
• 3-3 要素の表示と内外マージン
• 3-4 Float(float)+(Youku ホットモジュール レイアウト (パート 1)
• 3-5 Float (フロート) + (Youku ホットモジュール レイアウト) (その 2)
• 章4 Webフロントエンド基礎講座2
• 4-1 CSSでの位置決め（固定・相対・絶対）を詳しく解説
• 4-2 疑似セレクター:ホバー
• 4-3 事例：Youkuトップナビゲーション（パート１）
• 4-4 事例：Youkuトップナビゲーション（パート２）
• 章5 Webフロントエンド基礎講座3
• 5-1 事例：Youku上部のカルーセル画像の一部レイアウト（1）
• 5-2 事例：Youku上部のカルーセル画像の一部レイアウト（２）
• 5-3 事例：Youku上部の各ナビゲーションバーのレイアウト（１）
• 5-4 事例：Youku上部の各ナビゲーションバーのレイアウト（２）
• 章6 JavaScript の基本
• 6-1 JavaScript について学ぶ
• 6-2 変数宣言
• 6-3 JavaScriptのデータ型
• 6-4 条件文
• 章7 JavaScript の基礎 2
• 7-1 switch (複数分岐選択ステートメント)
• 7-2 ループ文
• 7-3 関数
• 章8 JavaScript の基本 3
• 8-1 関数呼び出し
• 8-2 閉鎖
• 8-3 HTML DOM
• 8-4 DOM イベント
• 章9 JavaScriptの場合
• 9-1 JavaScriptの代替線の色の変更
• 9-2 JavaScriptですべて選択
• 9-3 数学オブジェクト (ランダムな色)
• 9-4 日付オブジェクト（カウントダウン）
• 章10 JavaScript のケース 1
• 10-1 div内のマウスの[座標]をリアルタイムに取得します
• 10-2 Baidu ライブラリのテキスト検索効果を模倣する
• 10-3 スクロールバーを一定距離下に移動すると「固定ナビゲーション」が表示されます
• 10-4 レベル 3 の連携
• 章11 jQuery基礎講座
• 11-1 jQueryについて学ぶ
• 11-2 jQueryのインストールと使い方
• 11-3 jQueryセレクター
• 11-4 jQueryイベント
• 章12 jQuery基礎講座1
• 12-1 jQueryトラバーサル
• 12-2 jQuery は CSS クラスを取得および設定します
• 12-3 jQuery はコンテンツを取得および設定します
• 12-4 ショッピングカートへの追加効果をシミュレートする
• 章13 jQuery基礎講座2
• 13-1 jQueryアクションのプロパティ
• 13-2 jQueryadd要素
• 13-3 jQueryの削除要素
• 13-4 関数の練習のようなコメント
• 章14 jQuery基礎講座3
• 14-1 jQueryアニメーション効果
• 14-2 コメントやいいね機能の練習を改善する
• 14-3 タブ切り替え（自動切り替えJSネイティブ）1
• 14-4 タブ切り替え（自動切り替えJSネイティブ）2
• 章15 フロントエンドフレームワークの使用
• 15-1 ブートストラップ+レイユ
• 15-2 フレーム: グリッド レイアウト
• 15-3 Layuiモジュラー使用
• 15-4 今日のヘッドライン [1]
• 章16 プロジェクト【今日のヘッドライン】
• 16-1 今日のヘッドライン [ナビゲーションレイアウト]
• 16-2 今日のヘッドライン【ニュース一覧】
• 16-3 今日の見出し [タブ切り替え]
• 16-4 今日の頭条 [ホームページのログインレイアウト]
• 16-5 今日の見出し - 絵文字
• 16-6 今日の見出し [絵文字ドロップダウン]
• 16-7 今日のヘッドライン【ニュース一覧】
• 16-8 投稿効果
• 16-9 スクロールバー効果
• 16-10 頭条 [ログインページ 1]
• 16-11 頭条 [ログインページ 2]
• 章17 4.13 土曜日の知識の答え
• 17-1 知識の答え 1
• 17-2 知識の答え 2