CSSフレームワーク研修 Bootstrap開発入門【効率のよいWebデザインを学ぶ】

ハンズオン形式でCSSフレームワークであるBootstrapの使い方について理解する

本研修では、CSSフレームワークであるBootstrapの使い方について、ハンズオン形式の講義を通して学びます。また、グリッドレイアウトやGUIコンポーネント、デザインのためのユーティリティ機能、スクリプト利用による操作などについて一通り習得します。

リスキルIT研修3つの特徴

すべての研修が料金一律

すべての研修が料金一律

「もっと研修を」をコンセプトとしたリスキルでは、研修を実施しやすい環境づくりのために、明瞭価格で研修をご提供しています。

実践的で高品質な研修

実践的で高品質な研修

講師陣は豊富なビジネス経験と講師経験を併せ持っており、一社研修での講師満足度は5段階中、平均4.75という高水準を実現しています。

安心の研修準備フルサポート

安心の研修準備フルサポート

研修日の運用のみではなく、研修準備のサポートも受けることができます。例えば、研修で使う教材・備品は一式郵送で手元に届きます。そのため、研修の準備時間を減らしながらも良質な研修が実施できます。

CSSフレームワーク研修 Bootstrapを用いた開発入門はオンライン研修に対応しています

研修コード:100362   更新日:

CSSフレームワーク研修 Bootstrapを用いた開発入門の狙い

CSSフレームワーク Bootstrapの使い方について理解することが狙いです。Bootstrapを使い、レスポンシブデザイン対応のサイトを作成します。

本研修の対象

基本的な研修対象は以下のとおりです。研修により調整できるため、まずはお問い合わせください

レスポンシブデザイン対応のサイトを作成したい方

CSSフレームワーク研修 Bootstrapを用いた開発入門を実施すると

  1. CSSフレームワークの中で代表的なBootstrapについて理解できます
  2. 多彩な画面サイズに適応できるレスポンシブデザイン対応サイトが作成ができるようになります
  3. GUIコンポーネントやユーティリティ機能、JavaScriptからの利用について理解できます

リスキル CSSフレームワーク研修 Bootstrapを用いた開発入門の概要

スマホ時代に必須の機能である「レスポンシブデザイン」。本研修では、スマホ時代のWebデザインの基本的な考え方を学んだうえで、CSSフレームワークの中でも代表的なBootstrapの使い方を習得します。

Bootstrapの基本レイアウト機能である「グリッドデザイン」や、Bootstrapに多数用意されているGUIコンポーネントやデザインのためのユーティリティ機能ついて理解し、レスポンシブデザイン対応のサイト作成の仕方を身に付けます。基本的なGUIコンポーネントについては、JavaScriptの中からアクセスをして操作する方法も併せて学習します。

本研修 3つの特徴

1. スマホ時代のWebデザインの基本的な考え方が理解できる

どんなデバイスにも対応できるレスポンシブデザインについて理解し、スマホ時代のWebデザインについて学びます。

2. Bootstrapを使用し、レスポンシブデザイン対応のサイト作成ができる

実際にBootstrapを使用し、多様なサイズ・解像度に応じて柔軟に表示を行うレスポンシブデザイン対応のサイト作成の仕方を習得します。

3. JavaScriptによるスクリプト制御ができる

JavaScript(jQuery)の中からアクセスしてしてスクリプトによるBootstrapの操作もできるようにします。

想定研修時間

7時間 (変更が可能です)

CSSフレームワーク研修 Bootstrapを用いた開発入門カリキュラム

下記、研修カリキュラムを元に、他研修を組み合わせてのアレンジにも対応しています。別途料金はかかりませんのでご安心ください。

1. Bootstrapの基礎知識 【ゴール】レスポンシブデザインおよびBootstrapの特徴であるグリッドレイアウトシステムを理解する
  • スマホ時代のWebデザイン
  • Bootstrapとは
  • Bootstrapのダウンロード
  • グリッドレイアウトの基本構成タグと基本コード
  • Webサイトの基本構成とサンプル作成
  • 列数と画面サイズ
  • 複数の幅指定
2. コンテンツの基本デザイン 【ゴール】Bootstrapに用意されている、コンテンツの基本的なデザインについて理解する
  • コンテンツの基本要素
  • コンテンツとコードの記述
  • リストの表示と定義リスト
  • スタイル・ユーティリティとは
  • フォームの基本
  • フォームレイアウト
3. オリジナルGUIの利用 【ゴール】Bootstrapに多数用意されているGUIコンポーネントの中から主なものを使えるようにする
  • ボタンコンポーネント
  • ドロップダウン、プログレスバー、バッジ
  • リストグループ
  • カルーセル
4. ナビゲーション 【ゴール】Bootstrapのナビゲーション関係するコンポーネントについて理解する
  • Navコンポーネントとは
  • 垂直リストとタブ表示
  • NavBar
  • パンくずリストとは
  • スクロールスパイ
5. スクリプトによる操作 【ゴール】JavaScriptのスクリプトによる利用の基本操作をできるようにする
  • 基本フォームのスクリプト利用
  • ポップオーバー
  • アラート
  • モーダルダイアログ
  • 独自GUIのスクリプト利用
6. Bootstrap実践演習 【ゴール】演習を通してBootstrapの使い方を習得する
  • 課題演習
  • 講師からのフィードバック

研修金額

料金一律の明瞭価格で一社研修を実施することができます。想定研修時間と概算人数の情報のみで見積りをすぐにお送りします。

  • 後からの人数変更も無料で対応しています
  • 研修のアレンジにも追加料金はかかりません
  • オンライン研修でも追加料金無し。急遽変更でも料金変わらず対応可能です

CSSフレームワーク研修 Bootstrapを用いた開発入門参加者の必須条件

HTML/CSS/JavaScriptの基本的な知識をお持ちの方

研修提供地域

日本全国およびオンラインで研修を提供中
北海道,青森県,岩手県,宮城県,秋田県,山形県,福島県,茨城県,栃木県,群馬県,埼玉県,千葉県,東京都,神奈川県,新潟県,富山県,石川県,福井県,山梨県,長野県,岐阜県,静岡県,愛知県,三重県,滋賀県,京都府,大阪府,兵庫県,奈良県,和歌山県,鳥取県,島根県,岡山県,広島県,山口県,徳島県,香川県,愛媛県,高知県,福岡県,佐賀県,長崎県,熊本県,大分県,宮崎県,鹿児島県,沖縄県

CSSフレームワーク研修 Bootstrapを用いた開発入門のよくあるご質問

よくあるご質問の一覧>
オンラインCSSフレームワーク研修 Bootstrapを用いた開発入門 詳細>

関連研修情報

当ページの研修はCSSフレームワーク研修 Bootstrapを用いた開発入門の一社研修です。その他の研修や関連研修は下記より確認ください。

研修情報まとめページ

公開講座

  • 現在予定されている公開講座はありません

リスキルの研修は様々な企業様にご利用頂いています

研修実績

TOPへ

研修のお問い合わせはこちら

リスキルの社員研修に関する
お見積り、お問い合わせはこちらから

お電話はこちら

0120-299-194

0120-299-194

電話受付:月〜金 9:00-19:00(土日祝も研修実施)