Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 5 入門コース【最新版 v5.3】HTML/CSSの次はこれ!レスポンシブWebデザインを習得しよう
Rating: 4.3 out of 5(2 ratings)
30 students

Bootstrap 5 入門コース【最新版 v5.3】HTML/CSSの次はこれ!レスポンシブWebデザインを習得しよう

このBootstrap 5 コースでは、ウェブデザインの経験が少ない方でも、見栄えの良いレスポンシブなウェブサイトを作成するための基本的なスキルを身につけることができます。
Last updated 1/2024
Japanese
Japanese [Auto],

What you'll learn

  • Bootstrap5の基礎知識と使い方
  • 異なるデバイスの画面サイズに応じて表示可能なレスポンシブサイトの制作方法
  • CSSをほぼ不要で作れるWeb作成
  • 練習問題やプロジェクトを通して、Bootstrapの実践的な応用
  • Bootstrapアイコンの使い方

Course content

6 sections57 lectures3h 23m total length
  • はじめに・紹介2:43
  • VS Codeのインストール方法3:27
  • VS Codeの基本操作4:08
  • Bootstrapのインストール方法7:57

Requirements

  • HTMLとCSSの基本的な知識
  • パソコン(Windows/Mac)とインターネット。

Description

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


このBootstrap5コースでは、ウェブデザインの経験が少ない方でも、見栄えの良いレスポンシブなウェブサイトを作成するための基本的なスキルを身につけることができます。


それでは、Bootstrap5とは一体何でしょうか?Bootstrapは、Twitterによって作成されたオープンソースのフロントエンドフレームワークです。ウェブ開発を迅速かつ簡単に、そしてより一貫性のあるものにすることを目的としています。


簡単に言えば、Bootstrapは、ボタン、フォーム、ナビゲーションバーなどの事前に構築されたコンポーネントを提供し、これらを簡単にカスタマイズしてウェブプロジェクトで使用できるようにします。これらのコンポーネントは、HTML、CSS、およびJavaScriptを使用して構築され、大幅なコーディングが必要ないまま、レスポンシブでモバイルフレンドリーなウェブページを作成するのに役立ちます。


このコースでは、開発環境のセットアップ、Bootstrap5のグリッドシステムの理解、一般的なWebコンポーネントの作成など、基本的なことから説明します。レッスンのコンセプトを復習する27のコーディング練習も用意してあります。コースの最後には、このレスポンシブなホームページを作成していきます。

Who this course is for:

  • レスポンシブWebサイトを短時間で作成したい方
  • 基本的なhtmlとcssを知っているが、cssが少し苦手な方
  • Webデザインに対して苦手意識を持つ方