CSS Nite After Dark 2019 「ハンズオンで学ぶBootstrap 4の基礎」

参加費

• 5,000円（先着10名）
• 6,000円

セッション情報

Bootstrapは、レスポンシブウェブサイトを構築するためのCSSフレームワークです。

Bootstrapを使うことで、1からレスポンシブウェブサイトを構築するよりも少ない知識と工数でサイトが構築できます。
また、世界で最も使われているフレームワークのため、情報量が多く、テンプレート（無料・有料）も多く存在します。

今回はこのBootstrapの基礎と、実際にプロとして使うためのノウハウをハンズオン形式で学びます。

この機会にぜひ世界で最も使われているCSSフレームワークを使えるようになりましょう!!

講師

阿部 正幸

（あべ・まさゆき）

• モチヤ株式会社 代表取締役
• レッドボックス エバンジェリスト
• テックアカデミー 講師

システム開発会社で大規模なシステム開発を経験後、ウェブ制作会社でプログラマー兼ディレクターとして従事。
これまでの経験をもとに、2018年5月にモチヤ株式会社を設立し、ウェブの企画から、マーケーティングまでを一貫して行っている。システム開発、クラウドサーバー構築・運用保守、コンサルティング、マーケティングは弊社にお任せください。

最近はAmazo Echoのスキル開発が趣味です。

注意事項など

• ハンズオンで使うパソコンはご持参ください。貸出機はご用意していません。
• Wi-Fiはご用意しています。
• 後日の復習用に、動画、および、サンプルファイルを提供します。
• 時間の都合上、ソースコードをコピペで差し込んで動作を確認していきます。実際の手入力での練習は、ソースコードをすべて配布いたしますので、各自ご自宅で行ってください。

キャンセル規定

• 1週間前まで：全額返金
• それ以降：返金なし

内容

基礎

• Bootstrapとは、Bootstrap 3 と 4の違い（ほんと軽く）
• Bootstrapが使われるシーン
• Bootstrap利用準備（CDN、ソースコード版）
• Bootstrap利用準備（開発版）
• グリッドシステム
  • コンテンツエリアとブレイクポイント
  • 表示プロパティ

コンポーネント

• navbar
  • 基本
  • fixed top
  • デフォルトのハンバーガーメニューを調整
  • デフォルトのハンバーガーメニューが押されたらバツ（X）ボタンに変更する（ティップス）
  • ヘッダーの高さ調整（ティップス）
• 画像
• アイコン
• スクロールスパイ

お土産（自習用コンテンツとして下記を配布）

• サンプルサイトXD
• サンプルサイト素材
• サンプルサイト構築のStep by Step資料
• サンプルサイトのBootstrapソースコード