Basic Responsive Web Design with Bootstrap 5

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

Basic Responsive Web Design with Bootstrap 5

การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile, Tablet และ Desktop ไปพร้อมๆ กัน โดยนักพัฒนาเองต้องมีความรู้ความเข้าใจในการเขียน CSS ในระดับกลางถึงสูงเพื่อให้สามารถออกแบบและปรับแต่งได้อย่างต้องการ ทำให้ต้องใช้เวลาในการศึกษาเรียนรู้ค่อนข้างนานกว่าจะพัฒนาเว็บให้ Responsive ได้อย่างถูกต้องสวยงาม

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

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

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

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

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

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

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

  • ผู้ที่ต้องการสร้างเว็บไซต์แบบ Responsive Design
  • UX/UI designer
  • Developers
  • กลุ่มผู้สนใจทั่วไป

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

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

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

  • 12 ชั่วโมง

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

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

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

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

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

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

Module 1: บทนำ

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

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: Deployment

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

Module 10: Live Workshop

  • Responsive Landing page
  • Responsive Corporate website
  • Responsive Blog design

 

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

Basic HTML5 and CSS3 (คอร์ส html 5 และ css 3 พื้นฐาน)
ดูข้อมูลเพิ่มเติม
Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)
ดูข้อมูลเพิ่มเติม
HTML5 and CSS3 with Bootstrap Framework

HTML5 and CSS3 with Bootstrap Framework

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

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

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

23/02/2023 09:04:35