ブートストラップとFlexboxを用いたレスポンシブWebデザイン

Bootstrap グリッドシステム、ユーティリティクラス、カスタム Sass スタイルを使用して、モバイルに優先的に対応した最新のウェブサイトを作成する方法を学びます。

4.7 (7,235) ⏱ 1時間6分 📚 3レッスン

このコースについて

すべてのスクリーンサイズで見栄えの良いウェブサイトを作成するのは、適切なフレームワークがなければ圧倒的に難しいことです。Bootstrapはこのプロセスを簡素化し、プリビルドされたコンポーネントとユーティリティクラスを使用して、迅速に応答性のある専門的なウェブページを作成することができます。 テキストベースのこのコースでは、HTML と CSS の基本的な理解から、自信を持って最新のレスポンシブなレイアウトをデザインするまでを学びます。強力なグリッドシステムを活用する方法、ユニークなブランドに合わせてコンポーネントをカスタマイズする方法、アクセシビリティやモバイルファーストスタイリングなどの最新のウェブ標準を適用する方法を学びます。 学ぶことは これらの基本的な設計原理を学ぶ。 ユーザインタフェイスの構築においては,ナビゲーションバー,カード,モーダルなどの近代的なコンポーネントを用いて,クリーンでアクセスしやすいユーザインタフェイスを構築する。 - Sass 変数を書き込みコンパイルして、デフォルトのスタイルを上書きするようにデザインをカスタマイズします。 - カスタム CSS を書かずに、間隔、フォント、色、可視性を制御するために現代的なユーティリティクラスを適用します。 ウェブアクセシビリティのベストプラクティスを実装する方法を理解し、サイトを誰でも使えるようにする。 また,構造化された書き込み問題とレイアウトチャレンジを通して,トラブルシューティングとレイアウトコードのリファクタリングを実践する。 これは、応答性のあるデザインとグリッドシステムの基本的な概念から始め、スタイリング、コンポーネントのカスタマイズ、高度なレイアウト技術に移っていきます。この教材は、明確な説明と実際的な書き込みコードのチャレンジを通じて、段階的に技術を構築するように構成されています。 このコースは,HTMLとCSSに基礎的な知識を持ち,より速く最新のウェブサイトを作成したい初心者向けに設計されています。高度なプログラミング経験やフレームワークの知識は不要です。 これからのプロジェクトに向けて、今日から読み始めて、自信を持って応答性のあるウェブデザインをマスターしてください。

得られるもの

  • 📜 修了証
    LinkedInプロフィールに追加
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • ♾️ 無期限アクセス
    いつでも再開可能、有効期限なし
  • 📱 スマホでもPCでも
    どこでもどんな端末でも
  • 💸 30日返金保証
    理由を聞きません
  • 短く要点だけ
    1時間6分の実践的な内容

レビュー (2)

Arnav Patel SG
★ 3 · 2026-05-04T19:26:52+00:00

This was a good introduction. The structure is logical, and it covers the basics effectively. Might be too introductory for advanced learners.

Andrés Castro EC 認証済み受講者
★ 4 · 2025-05-05T00:24:52+00:00

Pretty good introduction. The examples were helpful, but I wish there was a bit more practice material. Solid value for the cost.

レビューを書く

送信後にサインインを求めます — 下書きは保存されます。

他の受講者はこれも

よくある質問

このコースを受けるには何が必要ですか? +

インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。

支払い方法は? +

Stripe経由のカード、または暗号通貨。カード情報は当社では保存せず、Stripeが安全に取り扱います。

返金できますか? +

はい — 30日以内なら理由を問わず全額返金。

いつまでアクセスできますか? +

ずっと。購入後はあなたのもの。いつでも見返せます。

修了証はもらえますか? +

はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。

こんな分野の方に
テック デザイン 金融 マーケティング 医療 教育 ホスピタリティ 製造業