Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Modern HTML&CSS
Introduction
ทำความรู้จักพื้นฐาน HTML และ CSS เบื้องต้น (9:27)
แนะนำ Web Browser สำหรับพัฒนาเว็บไซต์ (1:27)
ติดตั้ง VScode Extensions (Plugins) ที่จำเป็นสำหรับนักพัฒนาเว็บไซต์ (8:56)
Learn basic HTML
1 - ทำความเข้าใจเรื่องของ โครงสร้าง HTML (4:26)
2 - Headings & Paragraph (1:52)
3 - HTML Formatting Tags (5:59)
4 - Links & Images (13:54)
5 - Forms & Inputs (6:17)
6 - Block level elements & Inline elements (4:50)
7 - Classes & ID (5:41)
8 - ทำความรู้จักกับ iframe (4:01)
9 - ทำความรู้จักกับ HTML Entities (2:31)
10 - รู้จักกับ HTML Semantics Elements (6:53)
Learn basic CSS
1 - รู้จักกับวิธีการใช้งาน CSS สามรูปแบบ (4:54)
2 - การใช้ CSS Selector (2:19)
3 - รู้จักกับ Dev Tools (3:59)
4 - เรื่องของสี CSS Colors (2:57)
5 - การใช้งาน Fonts (8:02)
6 - การใช้งาน Background (5:12)
7 - รู้จักกับ CSS Borders (3:02)
8 - รู้จักกับ Box Model (6:51)
9 - การใช้งาน Display (4:03)
10 - การใช้งาน Width & Max-Width (2:30)
11 - เรียนรู้การทำงานของ Position (12:02)
12 - รู้จักกับ Overflow (2:21)
13 - เรียนรู้การใช้งาน Float (7:54)
14 - รู้จักกับ Combinators (6:46)
15 - รู้จักกับ Pseudo Classes & Pseudo Elements (7:10)
16 - ทำความรู้จักกับ Box-sizing (7:38)
17 - ทำความเข้าใจเรื่องของ CSS Specificity (4:57)
HTML&CSS Workshop - BusinessOne Project
1 - ตัวอย่างโปรเจค Project Intro (1:33)
2 - ขึ้นโครงสร้าง Navigation bar (2:51)
3 - ขึ้นโครงสร้างส่วนของ About (4:32)
4 - ขึ้นโครงสร้างส่วน Services (3:08)
5 - ขึ้นโครงสร้างส่วน Contact (6:43)
6 - ขึ้นโครงสร้าง Footer (1:09)
7 - เริ่มต้นลงมือเขียน CSS (2:27)
8 - เขียน CSS ส่วนของ Navigation bar (6:24)
9 - เขียน CSS ส่วนของ About US (9:41)
10 - เขียน CSS ส่วนของ Services (5:44)
11 - เขียน CSS ส่วน Contact & Footer (8:53)
เรียนรู้เรื่องการทำ Responsive Website
1 - รู้จักกับ Media Query (4:18)
2 - เรียนรู้การใช้งาน Media Query ในการทำ Responsive เบื้องต้น (6:02)
3 - รู้จักกับ Responsive Units (11:00)
HTML&CSS Responsive WorkShop
1 - ทำ Responsive ส่วน Navigation Bar (6:44)
2 - ทำ Responsive ส่วน About Us (3:15)
3 - ทำ Responsive ส่วน Services (1:19)
4 - ทำ Responsive ส่วน Contact และส่วนอื่นๆ (4:47)
5 - เฉลยการบ้าน ทำส่วนหน้าจอ 768px (1:58)
เรียนรู้ CSS Flexbox
1 - บทนำพื้นฐาน Flexbox (2:22)
2 - เริ่มต้นใช้งาน Flex (3:26)
3 - รู้จักกับ Flex Direction (1:28)
4 - การใช้งาน Flex Wrap (1:34)
5 - การใช้งาน Flex Flow (1:13)
6 - รู้จักกับ Justify-content (2:12)
7 - รู้จักกับ Align items (2:03)
8 - รู้จักกับ Align Content (2:13)
9 - รู้จักกับ Order (1:31)
10 - รู้จักกับ Flex Grow (1:22)
11 - รู้จักกับ Flex Shrink (0:46)
12 - รู้จักกับ Flex Basis (0:45)
13 - การใช้งาน Flex Shorthand (1:44)
14 - การใช้งาน Align Self (1:48)
15 - Basic Flex Workshop (6:11)
Flexbox WorkShop - TravelGOOD Website
1 - TravelGood Project Intro (1:12)
2 - ขึ้นโครงสร้าง Navigation Bar (5:08)
3 - ขึ้นโครงสร้างส่วน Banner (1:33)
4 - ขึ้นโครงสร้างส่วน Tours (3:32)
5 - ขึ้นโครงสร้างส่วน Clients (2:16)
6 - ขึ้นโครงสร้างส่วน Footer (4:20)
7 - เริ่มต้นเขียนส่วน CSS (2:20)
8 - เขียน CSS ส่วน Navigation Bar (5:36)
9 - เขียน CSS ส่วน Banner (4:38)
10 - เขียน CSS ส่วน Tours (7:08)
11 - เขียน CSS ส่วน Clients (3:15)
12 - เขียน CSS ส่วน Footer (4:08)
13 - เขียนหน้า About Page (2:10)
14 - เขียนหน้า Tours Page (9:55)
15 - สร้างหน้า Contact Page (6:15)
16 - ทำ Responsive ส่วน Navigation Bar (4:52)
17 - ทำ Responsive ส่วนของ Banner (2:51)
18 - ทำ Responsive หน้า Tours (2:07)
19 - ทำ Responsive หน้า Clients (1:38)
20 - ทำ Responsive ส่วน Footer & หน้า Tours (2:55)
เรียนรู้ CSS Grid
1 - บทนำ CSS Grid (5:15)
2 - รู้จักกับ Grid Column & Row & Line (5:42)
3 - การใช้งาน Grid Template Areas (5:13)
4 - การใช้งาน Grid Gap (1:43)
5 - การใช้งาน Justify-items & Align-items (2:13)
6 - การใช้งาน Justify-content & Align-content (3:01)
7 - Grid column start-end & Grid row start-end (12:47)
8 - Repeat Auto-fit-fill Minmax (2:47)
9 - Grid Workshop (7:40)
Grid WorkShop - LuckyBlog Website
1 - เขียนโครงสร้าง Navigation bar (5:03)
2 - เขียนโครงสร้าง Header article (2:02)
3 - เขียนโครงสร้าง Post Article Left (4:44)
4 - เขียนโครงสร้างส่วน Post Article Right (2:48)
5 - เขียนโครงสร้าง Footer (4:01)
6 - เขียน CSS ส่วน Navigation bar (7:22)
7 - เขียน CSS ส่วน Header article (14:39)
8 - เขียน CSS ส่วน Post article left (6:14)
9 - เขียน CSS ส่วน Post sidebar (3:50)
10 - เขียน CSS ส่วน Footer (2:50)
11 - ทำ Responsive ส่วน Navigation bar (3:09)
12 - ทำ Responsive ส่วน Header article (5:27)
13 - ทำ Responsive ส่วน Post Left & Right (3:46)
14 - ทำ Responsive ส่วน Footer (1:25)
เรียนรู้พื้นฐาน Sass | CSS Preprocessor
1 - รู้จักกับ Sass ( CSS Preprocessor ) (2:04)
2 - รู้จักกับ Variables (3:34)
3 - รู้จักกับการเขียน CSS แบบ Nesting (1:32)
4 - รู้จักกับ Partials (1:58)
5 - รู้จักกับ Mixin (2:19)
6 - รู้จักกับ Extend (2:42)
7 - รู้จักกับ Operators (2:35)
Sass WorkShop - iPort Website
1 - Project Intro iPort (2:11)
2 - เขียนโครงสร้าง Navigation bar (1:04)
3 - เขียนโครงสร้างส่วน Content (1:50)
4 - เขียนโครงสร้างส่วน Footer (1:17)
5 - เขียน CSS ส่วน Navigation bar (4:41)
6 - เขียน CSS ส่วน Content (4:56)
7 - เขียน CSS ส่วน Footer (2:46)
8 - ทำ Responsive ส่วน Nav & Content (7:05)
9 - ทำ Responsive ส่วน Footer (1:00)
Teach online with
14 - รู้จักกับ Combinators
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock