คอร์สเรียน 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
-
เพิ่มเติม jQuery ส่วนของ Slider & Featured Work
-
ทดสอบ Responsive
(1:21)
คำแนะนำท้ายบท
Available in
days
days
after you enroll
สวัสดีครับ, ผม ปฏิภาณ
สำหรับคอร์สเรียน BootStrap 4 เราจะมาเรียนรู้พื้นฐาน Bootstrap 4 CSS เฟรมเวิร์คยอดนิยม ที่ทั่วโลกนิยมใช้ พร้อมสร้างโปรเจค 5 โปรเจค