HTML5 and CSS3 with Bootstrap Framework

HTML5 and CSS3 with Bootstrap Framework

หลักสูตร Understand Bootstrap Framework จะอธิบายเนื้อหาในเว็บไซต์ https://getbootstrap.com/ โดยจะอธิบายเนื้อหาของทุกเมนูเริ่มต้น ซึ่งประกอบด้วย Getting Started, CSS, Components, Javascript และ Customize

สาขากรุงเทพฯ (ลาดพร้าว)
  • ยังไม่มีรอบเปิดอบรม (ลงชื่อจองไว้ได้)
  • ได้เรียนรู้การใช้งาน Bootstrap framework
  • ศึกษาถึงหลักการใช้งาน Bootstrap framework
  • ได้เรียนรู้ส่วนประกอบของ Bootstrap framework
  • ผู้ที่สนใจพัฒนา HTML5 and CSS3 ด้วย Bootstrap
  • ผู้สนใจทั่วไปที่ต้องการต่อยอดการพัฒนาเว็บไซต์จากพื้นฐานสู่การประยุกต์ใช้งานจริง โดยใช้ Booststrap
  • ผู้สนใจทั่วไปที่ต้องการเรียนรู้การเรียนรู้เพื่อต่อยอดการเขียนเว็บโปรแกรมมิ่ง
  • พนักงานฝ่ายดูแลและรับผิดชอบด้านเว็บไอทีและเว็บไซต์
  • มีความเข้าใจการเขียนเว็บด้วย HTML and CSS ขั้นพื้นฐานมาบ้างแล้ว
  • มีความรู้ความเข้าใจเรื่องการติดตั้ง/ถอนการติดตั้ง โปรแกรมพื้นฐาน
  • มีความรู้ในการใช้อินเตอร์เน็ตและเครือข่ายพื้นฐาน
  • ใช้งานอินเตอร์เน็ตและระบบปฏิบัติการวินโดว์ได้
  • 12 ชั่วโมง
  • ราคาปกติ 3,900 บาท / คน
  • โปรโมชั่นลด 10% เหลือ 3,510 บาท / คน
  • ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
  • ขอใบเสนอราคา

1.รายละเอียด Bootstrap Framework

  • ภาพรวม Bootstrap Framework
  • ภาพรวม Bootstrap Framework (ต่อ)

2. Prepare Yourself

2.1 Getting Started

  • การดาวน์โหลด Bootstrap และจัดเตรียมไฟล์
  • การใช้ Starter Template และ Bootstrap Theme
  • การใช้ Bootstrap Grid
  • ตัวอย่าง

2.2 CSS

  • เข้าใจ Media Queries และ Grid System เพื่อสร้าง Responsive Design
  • การแสดงและซ่อน Content เพื่อออกแบบเว็บไซต์ให้สวยงาม

2.3 Components

  • การใช้ Glyphicons
  • การใช้ Dropdown
  • การใช้ Button Groups
  • การใช้ Button Dropdowns
  • การใช้ Input Groups
  • การใช้ Navigation Tabs
  • การใช้ Navigation Bars
  • การใช้ Breadcrump
  • การใช้ Pagination
  • การใช้ Labels & Badges
  • การใช้ Jumbotron
  • การใช้ Thumbnail, Alerts, Progress Bars และ Media Objects
  • การใช้ Panels, Responsive Embed และ Wells

2.4 Javascript

  • การใช้ Modals
  • การใช้ Scrollspy
  • การใช้ Tooltip
  • การใช้ Popover
  • การใช้ Alert
  • การใช้ Button
  • การใช้ Collapse
  • การใช้ Carousel
  • การใช้ Affix

2.5 Customize & Download

  • การเขียนโค้ดเพื่อรองรับ Responsive Design และการใช้ Component
  • การปรับแต่งและดาวน์โหลด
31/01/2020 11:36:59