คอร์สเรียน BootStrap 4
เรียนรู้พื้นฐาน Bootstrap 4 CSS เฟรมเวิร์คยอดนิยม พร้อมสร้างโปรเจค 5 โปรเจค
Course Curriculum
BootStrap 4 Introduction
Available in
days
days
after you enroll
- Introduction (3:40)
- ตัวอย่างเว็บไซต์ที่ใช้ BootStrap 4 ในการพัฒนา (4:31)
- ติดตั้ง BootStrap ผ่าน BootStrapCDN (1:27)
- ติดตั้ง BootStrap ผ่าน Source Files (2:02)
- การใช้งาน Container & Container Fluid (5:13)
- การใช้งาน Bootstrap Class เบื้องต้น (3:23)
- Text/Typography ใน BootStrap [P1] (2:53)
- Text/Typography ใน BootStrap [P2] (1:18)
- Text/Typography ใน BootStrap [P3] (5:18)
- การใช้งาน Text Colors (5:15)
- การใช้งาน Background Colors (1:40)
- การใช้งาน Tables (6:25)
- การใช้งาน Jumbotron (2:12)
- การใช้งาน Alerts (4:43)
- การใช้งาน Buttons (8:43)
- การใช้งาน Button Groups (7:33)
- การใช้งาน Badges (2:38)
- การใช้งาน Progress Bars (4:49)
- การใช้งาน Spinners (2:34)
- การใช้งาน Pagination (3:23)
- การใช้งาน Breadcrumbs (2:11)
- การใช้งาน List Groups (6:54)
- การใช้งาน Cards (8:55)
- การใช้งาน Dropdown (6:48)
- การใช้งาน Collapse (3:41)
- การใช้งาน Navs Menu (8:51)
- การใช้งาน Navbar (8:37)
- การใช้งาน Forms (13:21)
- การใช้งาน Form inputs (7:19)
- การใช้งาน Inputs Group (8:31)
- การใช้งาน Custom Forms (8:16)
- การใช้งาน Carousel (6:27)
- การใช้งาน Modal (5:42)
- การใช้งาน Tooltip (2:51)
- การใช้งาน Popover (3:27)
- การใช้งาน Toast (2:40)
- การใช้งาน Scrollspy (5:17)
- การใช้งาน Utilities (15:10)
- การใช้งาน Flex (17:55)
- การใช้งาน Icon - Font Awesome (2:01)
ทำความเข้าใจเรื่องของ Grid System
Available in
days
days
after you enroll
Project 1
Available in
days
days
after you enroll
Project 2
Available in
days
days
after you enroll
Project 3
Available in
days
days
after you enroll
- ตัวอย่างโปรเจค (0:32)
- สร้างส่วนของ Navbar (6:24)
- สร้างส่วนของ Banner (2:34)
- สร้างส่วนของ Section P1 (1:46)
- สร้างส่วนของ Section P2 (2:10)
- สร้างส่วนของ Section P3 (2:10)
- สร้างส่วนของ Section P4 (2:25)
- สร้างส่วนของ Section P5 (2:49)
- สร้างส่วนของ Section P6 & Footer (2:48)
- Custom CSS (25:38)
- ปรับแต่งขนาดหน้าจอ 991px (3:32)
- ปรับแต่งขนาดหน้าจอ 480px (4:39)
- เขียน jQuery ทำลูกเล่น Navbar Collapse (5:45)
Project 4
Available in
days
days
after you enroll
Project 5
Available in
days
days
after you enroll
- ตัวอย่างโปรเจค (1:10)
- สร้างส่วนของ Upper bar (3:25)
- สร้างส่วนของ Navbar (3:27)
- สร้างส่วนของ Slider (Carousel) (3:18)
- สร้างส่วนของ Features (3:31)
- สร้างส่วนของ Overview (1:42)
- สร้างส่วนของ Featured Work (5:16)
- สร้างส่วนของ Latest Post (3:14)
- สร้างส่วนของ Testimonials (5:31)
- สร้างส่วนของ Pricing Table (5:39)
- สร้างส่วนของ Why Choose Us (2:03)
- สร้างส่วนของ Stats & Contact Us (4:22)
- สร้างส่วนของ Footer & Copyright (7:53)
- Custom CSS (63:39)
- เพิ่มเติม jQuery ส่วนของ Slider & Featured Work (10:13)
- ทดสอบ Responsive (1:21)
คำแนะนำท้ายบท
Available in
days
days
after you enroll
สวัสดีครับ, ผม ปฏิภาณ
สำหรับคอร์สเรียน BootStrap 4 เราจะมาเรียนรู้พื้นฐาน Bootstrap 4 CSS เฟรมเวิร์คยอดนิยม ที่ทั่วโลกนิยมใช้ พร้อมสร้างโปรเจค 5 โปรเจค