Bootstrap4基礎講座
4.5 (57 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
263 students enrolled

Bootstrap4基礎講座

レスポンシヴでマルチデバイス対応のWebデザインツール、Bootstrap最新版のversion4をゼロから習得できます。
Highest Rated
4.5 (57 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
263 students enrolled
Created by Yu Hiraga
Last updated 5/2019
Japanese
Current price: $11.99 Original price: $19.99 Discount: 40% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 30 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 世界で最も親しまれているWebデザインツール、Bootstrapの使い方の基礎が身に付く
  • 美的センスに自信がなくても、洗練されていて使いやすいウェブアプリケーションを開発できるようになる
  • デザインで悩む必要がなくなり、結果として開発スピードが上がる
  • 一つのページで、PC、タブレット、スマホ対応ができるようになる
  • クオリティの高いページを簡単に作れるようになる
Course content
Expand all 49 lectures 04:04:08
+ 1. テキスト&ユーティリティ
7 lectures 50:15
見出し、テキストの基本
09:05
並び、display
09:27
float、position
06:54
ブレイクポイントと画面サイズ
03:04
色、背景
07:17
margin、padding
07:06
width、height、border
07:22
+ 2. CSSパーツ
18 lectures 01:36:03
ボタン
07:02
ボタングループ
06:30
ナビゲーションバー1
03:38
ナビゲーションバー2
04:24
ナビゲーションバー3
04:08
ナビゲーションバー4
03:16
リンク集
04:32
リストグループ
07:12
フォーム1
08:13
フォーム2
05:46
フォーム3
04:26
アラート
05:18
進捗バー
04:33
04:54
ページ数
03:48
カード1
07:00
カード2
06:38
ジャンボトロン
04:45
+ 3. グリッド&フレックス
6 lectures 27:09
グリッドシステム
03:08
row & col
05:17
colと画面サイズ
04:08
空白、順番
04:19
コンテンツの位置
04:53
フレックスボックス
05:24
+ 4. ウィジェット
11 lectures 53:30
画像
03:03
カルーセル1
07:44
カルーセル2
05:00
カルーセル3
02:41
コラプス
04:05
アコーディオン
04:03
ツールチップ
08:39
ポップオーバー
02:47
モーダル1
04:44
モーダル2
06:59
スクロールスパイ
03:45
Requirements
  • HTMLとCSSの基礎知識
  • JavaScriptの知識があれば尚よし
Description

※この講座を受講するには、HTML、CSS、JavaScriptの基礎知識が必要です。

世界で最も親しまれているWebデザインツールが、Bootstrapです。Bootstrapを活用すれば誰でも、スタイリッシュで、操作性に優れ、洗練されたウェブサイトを簡単に作れるようになります。

スマホ、タブレット、PCというふうに、一つのウェブサイトを複数のデバイスで閲覧するのが当たり前になりました。Bootstrapを採用すれば、たった一つのデザインで、画面の大きさが異なるそれぞれに対応できるようになります。

デザインは操作性に優れています。人間工学を取り入れたシンプルで飽きのこない外見が基調となっています。

BootstrapはTwitterが開発しており、無償で一般公開しています。完全無料で使えるのはよいですが、使い方には独特の癖があります。日本語環境だけでは学習するのは難しいかもしれません。

この講座はBootstrapの使い方を基礎からじっくりと説明しています。実は、Bootstrapはさほど難しくはありません。独自のルールに慣れてしまえば、比較的簡単です。

一つ一つの動画は短く区切ってあります。可能ならば最初から通して学習していただくのが理想ですが、一つ一つをサクっと視聴してから即座に実践するというふうに、レファレンスとして活用していただくのも良いと思います。

数少ないBootstrap4専門の動画講座です。スキルアップの一環として、ご検討いただければ幸いです。

Who this course is for:
  • Webデザインスキルに自信がない方
  • ホームページのデザインに費やす時間を短縮したい方
  • スタイリッシュなサイトやウェブアプリケーションをできるだけ簡単に作成したい方
  • 複数デバイス対応に悩んでいる方
  • デザインで悩む時間を別のことのために有効活用したい方