第3回研修_フロントエンド基礎

• 章1 Webフロントエンド基礎コース
• 1-1 コース概要
• 1-2 htmlドキュメント構造
• 1-3 CSS の基本 1
• 1-4 CSS の基本 4
• 1-5 HTML 中国語テキスト タグ 1
• 1-6 HTML 中国語テキスト タグ 2
• 1-7 HTML テキスト コントロール 1
• 1-8 HTML テキスト コントロール 2
• 章2 PHPとHTMLの関係
• 2-1 PHP を学ぶときに、なぜ HTML も学ぶのでしょうか?
• 2-2 バックエンド開発言語として PHP を選択する理由は何ですか?
• 2-3 なぜ PHP はフレームワーク開発プロジェクトを選んだのでしょうか?
• 2-4 HTML の要素、タグ、属性の本質は何ですか?
• 2-5 シングルラベルとダブルラベルの使い方
• 2-6 よく使われるタグの利用シーンの紹介
• 章3 フォームとCSSセレクター
• 3-1 フォーム要素の概要
• 3-2 ログイン登録フォームの練習
• 3-3 CSS の共通要素単位
• 3-4 CSS におけるスタイル継承の原則
• 3-5 CSS でスタイルの競合に対処する方法
• 3-6 CSS 知っておくべきセレクター (1)
• 3-7 CSS 知っておくべきセレクター (2)
• 3-8 CSS 知っておくべきセレクター (3)
• 章4 ボックスモデル、位置決めとフローティング
• 4-1 詳細ボックス モデル 1
• 4-2 詳細ボックス モデル 2
• 4-3 要素の位置合わせに関する 4 つの一般的なシナリオ
• 4-4 相対位置を説明する例
• 4-5 絶対位置を説明する例
• 章5 フローティングおよびクラシック レイアウト方法の詳細な説明
• 5-1 固定位置決めの原則と実践
• 5-2 フロートとクリアフロート
• 5-3 浮きによる親コンテナの高さ崩れを解決するヒント
• 5-4 グラフィックスとテキストの混合技術の実用化
• 5-5 絶対位置決めにより 3 列レイアウトを実現
• 5-6 Shuangfei は 3 列レイアウトの実現を望んでいます
• 5-7 Holy Grail は 3 列レイアウトを実装します
• 章6 レイアウトと実際の戦闘
• 6-1 html5 の新しいセマンティック レイアウト要素の紹介
• 6-2 レイアウトの実践: バックエンド管理システム (1)
• 6-3 レイアウト実習：バックエンド管理システム（２）
• 6-4 実際のレイアウト: バックエンド管理システム (3)
• 章7 JavaScript 構文の基本
• 7-1 js構文の基本 (1)
• 7-2 js構文の基本 (2)
• 7-3 js構文の基本 (3)
• 7-4 js構文の基本 (4)
• 7-5 js構文の基本 (5)
• 章8 JavaScript での DOM とイベント操作の基本
• 8-1 JSでのイベントトリガーの基本
• 8-2 実戦：インターネットフォトアルバム
• 8-3 ウェブサイトのフォトアルバムの最適化バージョン
• 8-4 js を使用して完全に機能する電卓ケースを実装する
• 章9 JSONとAjaxと練習
• 9-1 JSON の紹介とサンプルのデモンストレーション
• 9-2 Ajax と一般的なプロパティとメソッドの概要
• 9-3 Ajax の練習: HTML コンテンツの取得
• 9-4 Ajax の実践: フォーム検証 (1)
• 9-5 Ajax の実践: フォーム検証 (2)
• 章10 DOMの操作と実践事例
• 10-1 DOM 操作の基本の概要
• 10-2 id属性に基づいて要素を取得するにはどうすればよいですか?
• 10-3 name 属性に基づいて要素を取得するにはどうすればよいですか?
• 10-4 タグ名に基づいて要素を取得するにはどうすればよいですか?
• 10-5 要素を取得するための名前属性とタグ名のショートカット
• 10-6 クラス属性を通じて要素を取得するにはどうすればよいですか?
• 10-7 CSSセレクターを介して要素を取得するにはどうすればよいですか?
• 10-8 DOM メソッドを通じてドキュメント ツリーを移動するにはどうすればよいでしょうか?
• 10-9 HTML要素の属性を操作するにはどうすればよいですか?
• 10-10 HTML要素内のコンテンツをどのように扱うか?
• 10-11 DOMノードの作成/挿入/削除/更新操作
• 10-12 実践的なウォームアップ: チャット メッセージの生成原理
• 10-13 実戦：インテリジェントオンライン顧客サービスシステムのシミュレーション（1）
• 10-14 実戦：インテリジェントオンライン顧客サービスシステムのシミュレーション（2）
• 章11 jQueryの基本操作(1)
• 11-1 jQueryインポートとjQueryオブジェクト
• 11-2 一般的に使用される jQuery のコア メソッドとプロパティ
• 11-3 jQuery での属性とコンテンツの操作
• 11-4 jQueryでのCSS操作
• 11-5 jQueryの一般的なセレクター
• 11-6 jQuery での一般的な DOM 操作
• 章12 jQueryの基本操作(2)
• 12-1 jQueryの要素を横断する
• 12-2 jQuery のアニメーションに関する基本的な知識
• 12-3 jQueryでの基本的なイベントの使い方
• 12-4 実戦：Web版フォトアルバムマネージャー（1）
• 12-5 実戦：Web版フォトアルバムマネージャー（2）
• 章13 jQuery での Ajax 操作
• 13-1 load() メソッドの詳細な説明と実際の応用
• 13-2 $.get()関数の詳細な説明と実際の応用
• 13-3 $.getJSON() 関数の詳細な説明と実際の使用法
• 13-4 $.getScript()関数の詳細説明と実際の戦闘
• 13-5 $.post()関数の詳細説明と実際の戦闘
• 13-6 究極のメソッド$.ajax()と実戦を詳しく解説
• 13-7 Ajax実践的な州市連携メニュー
• 章14 ブートストラップのインポートとレイアウトの原則
• 14-1 インポートとレイアウトの原則
• 14-2 基本的な手順とレイアウト例
• 章15 Bootstrap グローバル スタイルのテーブルとフォーム
• 15-1 テーブルの基本操作とスタイル制御
• 15-2 デフォルトの垂直フォームおよびコントロールグループの操作
• 15-3 インラインフォーム作成のヒント
• 15-4 横型フォームの作成と運用
• 章16 ブートストラップ ボタンとドロップダウン メニュー
• 16-1 フォーム内の静的、読み取り専用、および無効なコントロール
• 16-2 よく使用されるボタンの定義済みスタイル
• 16-3 よく使用される画像の定義済みスタイル
• 16-4 テキストの前景色と背景色を設定する方法
• 16-5 フォントアイコンの追加方法と利用シーン
• 16-6 ドロップダウン メニューを作成してアクティブにする方法
• 16-7 ボタン グループと分割ドロップダウン メニューを作成するためのヒント
• 章17 ブートストラップ ナビゲーションの巨大な画面のサムネイルとその他のコンポーネント
• 17-1 入力ボックスグループの作成方法と使用方法
• 17-2 一般的なタブおよびカプセル ナビゲーションの設定方法
• 17-3 ナビゲーションバーの各コンポーネントの詳細な説明
• 17-4 ページネーションの一般的なスタイルと設定テクニック
• 17-5 ラベルとバッジの設定方法と使用方法
• 17-6 巨大スクリーンのセットアップ方法と実際の使用方法
• 17-7 サムネイル作成と利用シナリオ分析
• 章18 Bootstrap でよく使用されるプラグイン
• 18-1 アラートボックスコンポーネントの使用方法
• 18-2 リストグループの使用シナリオ
• 18-3 パネルおよびその他のコンポーネントの使用シナリオ
• 18-4 モーダルボックスの構成と設定スキル
• 18-5 タブの設定方法
• 18-6 警告ボックス プラグインのいくつかの一般的なシナリオ
• 18-7 折りたたみプラグインとメニューの作成
• 18-8 カルーセル画像の詳細な作成手順
• 章19 Vue.js 開発の基本
• 19-1 MVC 設計のアイデアを詳しく説明する
• 19-2 MVVM 設計のアイデアを詳しく説明する
• 19-3 Vue.jsのインポートとインスタンス化
• 19-4 マウントポイントと変数のレンダリング
• 19-5 テンプレートのレンダリング、属性の追加、イベントメソッド
• 19-6 モデルデータとページ変数の双方向バインディング
• 19-7 リスナー: ページ変数のリアルタイムの変更に応答します。