Web Development · WDC-81

Dashboard Design with Bootstrap 5

12 hours 2 days

Last updated 25 Sep 2026

Dashboard Design with Bootstrap 5 is a 12-hour training course by IT Genius Institute. ในยุคที่ข้อมูลข่าสารที่จำนวนมาก และมีการเปลี่ยนแปลงตลอดเวลา Dashboard ถือเป็นเครื่องมือหนึ่งที่มีประสิทธิภาพในรวบรวมข้อมูลจากแหล่งต่างๆ ให้มาอยู่รวมกัน…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Dashboard Design with Bootstrap 5 ในยุคที่ข้อมูลข่าสารที่จำนวนมาก และมีการเปลี่ยนแปลงตลอดเวลา Dashboard ถือเป็นเครื่องมือหนึ่งที่มีประสิทธิภาพในรวบรวมข้อมูลจากแหล่งต่างๆ ให้มาอยู่รวมกัน และแสดงผลในจุดเดียว ทำให้ลดเวลาในการทำความเข้าใจของข้อมูลและสามารถใช้ข้อมูลประกอบการตัดสินใจได้อย่างรวดเร็ว

หลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Bootstrap 5.x ซึ่งเป็นเวอร์ชั่นล่าสุด ณ ปัจจุบัน และในคอร์สยังมี Dashboard Workshop ครบทั้ง 4 ประเภท ที่สามารถนำไปใช้ในงานจริงได้เลย

Objectives

เรียนรู้การออกแบบเว็บไซต์ด้วยภาษา HTML
เรียนรู้การปรับแต่งเว็บไซต์ด้วยภาษา CSS
เรียรู้การใช้งาน Bootstrap 5 framework สำหรับการสร้าง Dashboard Design
ประยุกต์ใช้ความรู้ทั้งหมดมาพัฒนาเว็บไซต์ในองค์กรหรือหน่วยงานได้

Who this course is for

ผู้ที่ต้องการสร้าง Dashboard เพื่อแสดงผลข้อมูล
Developers
กลุ่มผู้สนใจทั่วไป

Prerequisites

การใช้งานคอมพิวเตอร์พื้นฐาน
ใช้ระบบ Windows หรือ OSX ได้
พื้นฐานการค้นหาข้อมูลบนอินเตอร์เน็ต
พื้นฐานการใช้งานฐานข้อมูลทั่วไป
พื้นฐานการออกแบบเว็บไซต์

Curriculum

Module 1: บทนำ

เข้าใจโครงสร้างการพัฒนาเว็บไซต์
แนะนำแนวทางการพัฒนาเว็บไซต์สมัยใหม่
รู้จัก Dashboard 4 ประเภท

Module 2: การเตรียมความพร้อมและติดตั้งเครื่องมือ

ติดตั้งเครื่องมือสำหรับพัฒนาบนระบบปฏิบัติการ Windows และ Mac
ปรับแต่งเครื่องมือให้พร้อมกับการพัฒนาเว็บแอพพลิเคชั่น

Module 3: พื้นฐานภาษา HTML

Introduction to HTML
Terminology and HTML
Common HTML Text Tags
Demonstration : HTML Text Tags
Common HTML Media Tags
Demonstrating : Media Tags
HTML Attributes
Demonstration : HTML Attributes

Module 4: พื้นฐานภาษา CSS

CSS Basics
Linking HTML to CSS
Demonstration : CSS and Linking to HTML
Different CSS Selectors
Demonstration : CSS Selectors
CSS Knowledge

Module 5: Bootstrap Scaffolding

การติดตั้ง Bootstrap
โครงสร้างไฟล์ Bootstrap
Basic HTML Template
Grid System
Fluid Grid System

Module 6: การจัดรูปแบบต่างๆ ด้วย Bootstrap CSS

Typography
Code
Tables
Forms
Buttons
Images
Icons

Module 7: Bootstrap Layout Components

Dropdown Menus
Navbar
Breadcrumbs
Pagination
Labels
Badges
Typographic Elements
Thumbnails
Alerts
Media Object

Module 8: Bootstrap JavaScript Plugins

Transitions
Modal
Dropdown
Alerts
Buttons
Collapse
Carousel

Module 9: Dashboard Design Workshop

Strategic Dashboard Design
Analytical Dashboard Design
Operational Dashboard Design
Informational Dashboard Design

Module 10: Deployment

การนำเว็บไซต์ขึ้นใช้บน Server

Frequently asked questions

Who is Dashboard Design with Bootstrap 5 for, and what background is needed?

Built for ผู้ที่ต้องการสร้าง Dashboard เพื่อแสดงผลข้อมูล · Developers · กลุ่มผู้สนใจทั่วไป Background you should have: การใช้งานคอมพิวเตอร์พื้นฐาน · ใช้ระบบ Windows หรือ OSX ได้ Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Dashboard Design with Bootstrap 5 cost and how long does it run?

THB 6,500 (currently THB 5,850 on promotion). The course runs 12 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.