Web開発者向け Bootstrap入門のトレーニングコース

はじめに

• 事前コンパイル済みファイル
• ソースコードの利用方法
• CSSおよびJavaScriptのコンパイル方法
  • Gruntのインストール手順
  • 利用可能なGruntコマンド一覧
  • トラブルシューティング
• 基本テンプレートとコンポーネント
  • 基本的なテンプレートの作成方法
  • Bootstrapテーマの適用手順
  • グリッドシステムの仕組み
  • Jumbotronの使い方
  • Narrow Jumbotronの構築方法
  • ナビゲーションバーの作成技術
  • カスタムコンポーネントの作成法
  • 各種試作・実験内容
• 補助ツール
  • Bootlintの利用方法
• レスポンシブ機能の無効化手順
• 各種ブラウザやデバイスに対する互換性対策
• アクセシビリティの実装方法

コンポーネントの詳細

• Glyphiconsの活用術
• ドロップダウンメニューの実装方法
• ボタン群の設計手順
• ボタンドロップダウンの構築法
• 入力項目のグループ化処理
• ナビゲーション要素の作成方法
• ナビゲーションバーのカスタマイズ技術
• パンくずリストの実装法
• ページネーション機能の構築手法
• ラベルの作成方法
• バッジの設計手順
• Jumbotronの効果的な利用法
• ページヘッダーのデザイン技法
• サムネイル表示の実現方法
• 警告メッセージの作成手順
• プログレスバーの構築手法
• メディアオブジェクトの処理方法
• リスト群の設計技法
• パネル要素の実装手順
• 動画等をレスポンシブに対応させる技術
• Wellsコンポーネントの活用法

CSS機能詳解

• 全体像の把握方法
• グリッドシステムの仕組みと活用法
• タイポグラフィ設計技術
• コード記述方式の要点
• テーブル表現の方法論
• フォーム作成技法
• ボタンのデザイン手順
• 画像要素の扱い方
• 補助クラスの活用ポイント
• レスポンシブ対応ユーティリティ機能の活用法
• Lessを用いたカスタマイズ手法
• Sassを用いた拡張技術

JavaScript機能解説

• 全体概要の整理方法
• トランジション効果の実装手法
• モーダルダイアログの作成手順
• ドロップダウンメニューの設計技法
• スクロール検出機能の構築法
• タブ要素の実装技術
• ツールチップ表示処理方法
• ポップオーバーの作成手順
• 警告メッセージの制御手法
• ボタン挙動の定義技術
• コンテンツ折りたたみ機能の実装法
• カルーセルの作成手順
• 要素固定表示処理技法