Introduction
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
HTML&CSS Responsive WorkShop
เรียนรู้ 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
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)
