สร้างเว็บไซต์ด้วย BOOTSTRAP v.4 สำหรับมือใหม่

22 พ.ค. 63 (08:30 น.) เปิดอ่าน 381 ความคิดเห็น 0

พิมพ์หน้านี้

สร้างเว็บไซต์ด้วย BOOTSTRAP v.4 สำหรับมือใหม่

1,200 บาท

เข้าเรียน / ซื้อคอร์ส

รายละเอียด

ผู้สอน วรพงศ์ นิจจรัลกุล

คอร์สสร้างเว็บไซต์ด้วย BOOTSTRAP v.4 สำหรับมือใหม่คอร์สนี้เป็นคอร์สที่สอนการใช้ BootStrap เวอร์ชั่นปัจจุบัน ซึ่งก็คือเวอร์ชั่น 4 นั่นเอง โดยจะอธิบายถึงภาพรวม วิธีการเรียกใช้งาน BootStrap และการสร้างเว็บไซต์ด้วย BootStrap ด้วยการใช้เครื่องมือของมัน ได้แก่ Layout, Content, Components และ Utilities รวมถึงวิธีการทำให้เว็บของเรานั้นสามารถใช้งานกับมือถือ แท็บเล็ต และคอมพิวเตอร์ได้ด้วยเทคนิค Responsive

ท้ายของเนื้อหา มีตัวอย่างหรือเทมเพลตที่สร้างจาก BootStrap มาให้ดูพร้อมไฟล์สำหรับศึกษาอยู่ในคอร์สนี้อีกด้วย

ประโยชน์ที่ผู้เรียนจะได้รับ
1. ได้เข้าใจหลักการ วิธีการทำงานของ BootStrap
2. สามารถนำ BootStrap ไปประยุกต์ใช้กับเว็บไซต์ของตนเองได้

ใครควรเรียนคอร์สออนไลน์นี้
1. ผู้ที่ต้องการใช้ Framework ระดับโลกมาช่วยในการทำงาน
2. ผู้ที่ต้องการสร้างเว็บไซต์
3. นักเรียน นักศึกษา

ผู้เรียนต้องมีความรู้อะไรมาก่อน
ผู้เรียนจะต้องมีพื้นฐานเกี่ยวกับ HTML, CSS, JS

เนื้อหาของคอร์สนี้

บทนำ		คลิปยาว (นาที)
แนะนำคอร์สออนไลน์		04:49

บทที่ 1 แนะนำ Bootstrap, วิธีการใช้ โครงสร้างไฟล์		คลิปยาว (นาที)
ตอนที่ 1 แนะนำเครื่องมือ		02:41
ตอนที่ 2 แนะนำ Bootstrap		01:48
ตอนที่ 3 แนะนำเว็บ Bootstrap		04:53
ตอนที่ 4 เตรียมตัวสร้าง Environment		02:01
ตอนที่ 5 วิธีการเรียกใช้ Bootstrap		04:48
ตอนที่ 6 โครงสร้างไฟล์ Bootstrap		06:10
ตอนที่ 7 Supported Browsers and Devices		03:54

บทที่ 2 เริ่มต้นใช้งานและ Layout		คลิปยาว (นาที)
ตอนที่ 1 เริ่มต้นใช้งาน 1		03:47
ตอนที่ 2 เริ่มต้นใช้งาน 2		03:04
ตอนที่ 3 Container		06:24
ตอนที่ 4 Responsive Breakpoints		06:00
ตอนที่ 5 Grid System 1		10:31
ตอนที่ 6 Grid System 2		02:45
ตอนที่ 7 Grid System 3 - Responsive		07:28
ตอนที่ 8 Grid System 4		04:54
ตอนที่ 9 Grid System 5 - Alignment		05:34
ตอนที่ 10 Grid System 6 - Alignment (ต่อ)		01:58
ตอนที่ 11 Grid System 7 - Horizontal Alignment		02:38
ตอนที่ 12 Grid System 8 - Gutters, Wrapping, Orders		07:19
ตอนที่ 13 Grid System 9 - Margins and Others		03:32
ตอนที่ 14 Media Object 1		04:25
ตอนที่ 15 Media Object 2		06:29

บทที่ 3 Content		คลิปยาว (นาที)
ตอนที่ 1 Reboot		05:42
ตอนที่ 2 Typography		13:35
ตอนที่ 3 Code		03:55
ตอนที่ 4 Images		10:53
ตอนที่ 5 Table		17:58
ตอนที่ 6 Figures		03:12

บทที่ 4 Components		คลิปยาว (นาที)
ตอนที่ 1 Alerts		12:18
ตอนที่ 2 Badges		03:32
ตอนที่ 3 Breadcrumb		02:43
ตอนที่ 4 Buttons		10:27
ตอนที่ 5 Button Groups		04:34
ตอนที่ 6 Cards 1		07:53
ตอนที่ 7 Cards 2		16:36
ตอนที่ 8 Carousel		06:44
ตอนที่ 9 Carousel 2		06:53
ตอนที่ 10 Carousel 3		06:06
ตอนที่ 11 Collapse 1		08:24
ตอนที่ 12 Collapse 2		05:39
ตอนที่ 13 Dropdown		11:03
ตอนที่ 14 Dropdown 2		04:11
ตอนที่ 15 Form 1		11:59
ตอนที่ 16 Form 2		06:10
ตอนที่ 17 Form 3		04:51
ตอนที่ 18 Input Group		07:19
ตอนที่ 19 Jumbotron		04:25
ตอนที่ 20 List Group		06:49
ตอนที่ 21 Modal		11:30
ตอนที่ 22 Nav		07:55
ตอนที่ 23 Nav 2		10:43
ตอนที่ 24 Navbar		13:17
ตอนที่ 25 Pagination		03:44
ตอนที่ 26 Popover		04:16
ตอนที่ 27 Progress Bar		03:27
ตอนที่ 28 Scrollspy		03:22
ตอนที่ 29 Tooltip		01:44

บทที่ 5 Utilities		คลิปยาว (นาที)
ตอนที่ 1 Border		03:50
ตอนที่ 2 Clearfix		03:21
ตอนที่ 3 Close Icon		01:02
ตอนที่ 4 Colors		03:03
ตอนที่ 5 Display		05:02
ตอนที่ 6 Embeded		02:43
ตอนที่ 7 Flex		06:36
ตอนที่ 8 Flex 2		04:21
ตอนที่ 9 Float		01:06
ตอนที่ 10 Image Replacement		01:44
ตอนที่ 11 Position		01:42
ตอนที่ 12 Screen Reader		01:11
ตอนที่ 13 Shadow		01:18
ตอนที่ 14 Sizing		01:49
ตอนที่ 15 Spacing		03:52
ตอนที่ 16 Text		03:56
ตอนที่ 17 Vertical Alignment		03:17
ตอนที่ 18 Visibility		01:41

บทที่ 6 ตัวอย่างการสร้างเว็บด้วย Bootstrap		คลิปยาว (นาที)
ตอนที่ 1 ตัวอย่างการสร้างเว็บด้วย Bootstrap 1		01:33
ตอนที่ 2 ตัวอย่างการสร้างเว็บด้วย Bootstrap 2		16:07