第 2 回フルスタック開発トレーニング クラスのライブ教室録画 (フロントエンド部分)

• 章1 3.15_フロントエンド開発初体験
• 1-1 Sublime Text3 エディターのプラグインをダウンロードしてインストールする方法
• 1-2 ブラウザの選択: Chrome Google vs. FireFox
• 1-3 PHP ツールボックスを使用して実際のオンライン開発環境を作成する
• 1-4 タグの魅力を体験する：HTMLとCSSの役割
• 1-5 Web ページを生き生きとさせる: JavaScript の力を体験してください
• 章2 3.16_テキスト、画像、リンク、表
• 2-1 HTML5ドキュメント構造
• 2-2 HTMLタグの概要
• 2-3 HTMLタグの属性
• 2-4 HTMLテキストタグ
• 2-5 HTMLリンクタグ
• 2-6 画像タグ
• 2-7 テーブルを作成する基本的な手順
• 2-8 テーブルの行と列の結合
• 2-9 実戦：情報管理機能を備えたフォーム
• 章3 3.19_リストとフォームと実戦
• 3-1 リストタグの紹介
• 3-2 リスト例のデモンストレーション
• 3-3 ブロック要素の概要
• 3-4 フォームでよく使用されるコントロール
• 3-5 実戦：ユーザー登録フォーム
• 3-6 実践的な戦闘: コントロール グループ化を使用したログイン フォームの実装
• 章4 3.20_インラインフレームと練習
• 4-1 iframe
• 4-2 実践的なバックエンドWebサイト管理（前編）
• 4-3 1バックエンドWebサイト運営の実践（後編）
• 4-4 実践的なバックエンドWebサイト管理（後編）
• 章5 3.21_CSSの基本用語
• 5-1 CSSの基本用語
• 5-2 CSS導入方法
• 5-3 基本的なセレクター
• 5-4 属性セレクター
• 5-5 疑似クラスセレクター
• 章6 3.22_CSSボックスモデルとテーブル
• 6-1 ボックスモデル_基本構造
• 6-2 ボックスモデル_枠線の詳細
• 6-3 ボックスモデル_角丸の詳細
• 6-4 ボックスmodel_shadowの詳細
• 6-5 実践的な戦闘: クールなテーブルを作成する
• 章7 3_23 要素の中心_背景_リストとリンク
• 7-1 単一行のテキストを中央に配置する
• 7-2 複数行のテキストを中央揃えにする
• 7-3 3. ブロック要素が中央に配置されます
• 7-4 4. 可変幅ブロック要素のセンタリング
• 7-5 背景設定
• 7-6 リストとリンクの設定
• 章8 3_26 位置決めとフローティング
• 8-1 Emmet プラグインの使用方法
• 8-2 相対位置決めの原理と事例
• 8-3 絶対位置決めの原理と事例
• 8-4 固定レイアウトの原理と事例
• 8-5 浮遊の原理
• 8-6 兄弟要素のフロートをクリアする
• 8-7 階層要素のクリアフロート
• 8-8 絵と文字を混ぜて配置したフローティング練習
• 章9 3_27 古典的なレイアウト手法の原理分析
• 9-1 絶対位置決めにより 3 列レイアウトを実現
• 9-2 クラシックなダブルフライングウィング 3 列レイアウト
• 9-3 クラシックな聖杯の 3 列レイアウト
• 章10 3_28 実践的な戦闘_エンタープライズサイトのレイアウト
• 10-1 企業 Web サイトのレイアウト_1
• 10-2 企業 Web サイトのレイアウト_2
• 10-3 企業 Web サイトのレイアウト_3
• 10-4 企業 Web サイトのレイアウト_4
• 章11 3_29JavaScript入門と実戦
• 11-1 JavaScriptの基本構文
• 11-2 実戦_芸能人写真集
• 11-3 実用的なcombat_mini電卓
• 章12 3_30JavaScript練習2
• 12-1 PHP中国語ウェブサイトを模倣したタブを素早く作成
• 12-2 実戦_オンライン接客自動応答ロボットを模倣
• 章13 4_2 jQuery の簡単な紹介
• 13-1 jqueryの基本的な動作原理
• 13-2 jQueryのダウンロードと導入方法
• 13-3 クエリファクトリー関数
• 13-4 jqueryの基本構文
• 13-5 jQueryの実行方法
• 章14 4_3jQueryセレクター
• 14-1 よく使用される基本的なセレクター
• 14-2 階層と特定のセレクター
• 14-3 コンテンツフィルターセレクター
• 14-4 フォーム選択フィルター
• 14-5 よく使用されるフィルター関数
• 章15 4_4 カスタム属性とスタイル操作
• 15-1 要素の属性とカスタム属性の操作
• 15-2 要素のネイティブ プロパティに対する操作
• 15-3 カスタムデータ属性の操作
• 15-4 要素のクラススタイルを設定する
• 15-5 インラインスタイルCSSを設定する
• 章16 4_8 jQueryの基本的なDOM操作
• 16-1 要素コンテンツの操作
• 16-2 新しい要素を作成する方法
• 16-3 要素を追加または移動する
• 16-4 ターゲットノードに要素を追加または移動します
• 16-5 要素をラップする方法
• 章17 4_9DOMの実戦とAjaxの例
• 17-1 要素の削除とコンテンツのクリア操作
• 17-2 実戦_オンラインフォトアルバム管理書（前編）
• 17-3 実戦_オンラインフォトアルバム管理書（後編）
• 17-4 Ajaxのネイティブ実装
• 17-5 Ajax の jquery 実装 ($.post())
• 章18 4_10ajaxとブートストラップ
• 18-1 Ajaxのload()関数
• 18-2 $.get() 関数の 2 つの動作モード
• 18-3 $.ajax()の詳しい説明
• 18-4 ブートストラップグリッドレイアウトの原則
• 18-5 ブートストラップグリッドレイアウトの例