Dashboard Design with Bootstrap 5

รายละเอียด Course ID: wdc-81

Dashboard Design with Bootstrap 5

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

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

รอบการเปิดอบรม

สาขากรุงเทพฯ (ลาดพร้าว)
  • ยังไม่มีรอบเปิดอบรม (ลงชื่อจองไว้ได้)

ไฟล์รายละเอียดคอร์ส

วัตถุประสงค์

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

กลุ่มเป้าหมาย

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

ความรู้พื้นฐาน

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

ระยะเวลาในการอบรม

  • 12 ชั่วโมง

ราคาคอร์สอบรม

  • ราคาปกติ 6,500 บาท / คน
  • โปรโมชั่นลด 10% เหลือ 5,850 บาท / คน
  • ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
  • ขอใบเสนอราคา

วิทยากรผู้สอน

คอร์สที่ควรอบรมก่อนหน้า

คอร์สต่อเนื่องที่แนะนำ

เนื้อหาการอบรม

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

แนะนำหลักสูตรที่น่าสนใจ

Basic HTML5 and CSS3 (คอร์ส html 5 และ css 3 พื้นฐาน)
ดูข้อมูลเพิ่มเติม
Advanced HTML5 and CSS3

Advanced HTML5 and CSS3

หลักสูตรนี้จะเจาะลึกการใช้งาน HTML5 และ CSS3 ในขั้นสูง ผู้เรียนจะต้องมีความเข้าใจในการเ...

ดูข้อมูลเพิ่มเติม
HTML5 and CSS3 with Bootstrap Framework

HTML5 and CSS3 with Bootstrap Framework

หลักสูตร Understand Bootstrap Framework จะอธิบายเนื้อหาในเว็บไซต์ https://getbootstrap....

ดูข้อมูลเพิ่มเติม
ออกแบบเว็บสมัยใหม่ด้วย Adobe XD ร่วมกับ Bootstrap 5
ดูข้อมูลเพิ่มเติม
HTML 5 CSS 3 and Bootstrap 5

HTML 5 CSS 3 and Bootstrap 5

การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile, Tablet และ Desktop ไ...

ดูข้อมูลเพิ่มเติม
Basic Responsive Web Design with Bootstrap 5

Basic Responsive Web Design with Bootstrap 5

การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile, Tablet และ Desktop ไ...

ดูข้อมูลเพิ่มเติม

อัพเดทข้อมูลเมื่อ

24/02/2023 11:58:41