พัฒนาเว็บด้วย JavaScript 40 Workshop (Building 40 Projects)

Name: พัฒนาเว็บด้วย JavaScript 40 Workshop (Building 40 Projects)
Rating: 4.6 (584 reviews)

การพัฒนาเว็บฝั่ง Frontend ด้วย HTML5 ,CSS3,JavaScript แบบ Step by Step

Created byKong Ruksiam

Last updated 1/2025

Thai

What you'll learn

เข้าใจการเขียน HTML5 , CSS3 ร่วมกับ JavaScript ในการทำระบบจริงทั้ง 40 ระบบ
เรียนรู้การใช้งาน JavaScript ทำงานร่วมกับ API ต่างๆ เช่น สภาพอากาศ , สกุลเงิน , อื่นๆ
เรียนรู้การเผยแพร่เว็บไซต์ที่พัฒนาด้วย HTML5 , CSS3 , JavaScript
เพิ่มทักษะด้านการพัฒนาเว็บฝั่ง Frontend (HTML5,CSS3,JavaScript) ภายใน 40 โปรเจกต์

Course content

49 sections • 249 lectures • 48h 32m total length

ตัวอย่าง Workshop1:29:20
ข้อกำหนดคอร์สเรียน0:28
เตรียมเครื่องมือให้พร้อม13:53

ตอนที่ 1 - แนะนำเนื้อหา4:52
ตอนที่ 2 - ออกแบบเว็บด้วย HTML16:21
ตอนที่ 3 - ตกแต่งเว็บด้วย CSS18:06
ตอนที่ 4 - เรียกใช้งาน API23:18
ตอนที่ 5 - คำนวณอัตราการแลกเปลี่ยนเงิน6:05
ตอนที่ 6 - การสลับสกุลเงิน6:12

ตอนที่ 1 - แนะนำเนื้อหา5:55
ตอนที่ 2 - ออกแบบเว็บด้วย HTML17:16
ตอนที่ 3 - ตกแต่งเว็บด้วย CSS27:18
ตอนที่ 4 - เขียน CSS แสดงประวัติธุรกรรม16:37
ตอนที่ 5 - แสดงรายการด้วย JavaScript33:15
ตอนที่ 6 - คำนวณยอดคงเหลือ14:26
ตอนที่ 7 - แสดงรูปแบบสกุลเงิน5:04
ตอนที่ 8 - เพิ่มข้อมูลธุรกรรม15:53
ตอนที่ 9 - ลบข้อมูลธุรกรรม9:22

ตอนที่ 1 - แนะนำเนื้อหา9:15
ตอนที่ 2 - ใส่ Icon ด้วย FontAwesome11:49
ตอนที่ 3 - ออกแบบเว็บด้วย CSS20:38
ตอนที่ 4 - Navbar7:01
ตอนที่ 5 - Switch Container15:29
ตอนที่ 6 - Clean Code5:45
ตอนที่ 7 - Data Theme Attribute3:58
ตอนที่ 8 - ควบคุมการทำงานด้วย JavaScript17:02
ตอนที่ 9 - Section Project9:19
ตอนที่ 10 - จัดการรูปภาพ (Image Dark Mode)11:07
ตอนที่ 11 - Switch Function5:16

ตอนที่ 1 - แนะนำเนื้อหา4:32
ตอนที่ 2 - แบบฟอร์มค้นหาเพลง8:36
ตอนที่ 3 - ตกแต่งเว็บด้วย CSS14:55
อ่านก่อนเรียนหัวข้อถัดไป0:04
ตอนที่ 4 - ดึงข้อมูลเพลงจาก API21:52
***ปัจจุบัน API ใช้งานไม่ได้ชั่วคราว
ตอนที่ 5 - แสดงผลข้อมูลเพลงด้วย CSS7:37
ตอนที่ 6 - Pagination7:14
ตอนที่ 7 - Next & Previous13:52
ตอนที่ 8 - ดึงเนื้อเพลงมาแสดงผล22:13

ตอนที่ 1 - แนะนำเนื้อหา4:09
ตอนที่ 2 - ออกแบบเว็บด้วย HTML15:41
ตอนที่ 3 - ตกแต่งเว็บด้วย CSS & Google Font26:49
ตอนที่ 4 - สุ่มคำด้วย JavaScript17:51
ตอนที่ 5 - เปรียบเทียบข้อความ16:05
ตอนที่ 6 - ระดับความยาก22:31

ตอนที่ 1 - แนะนำเนื้อหา3:31
ตอนที่ 2 - ออกแบบเว็บด้วย HTML10:42
ตอนที่ 3 - ตกแต่งเครื่องคิดเลขด้วย CSS18:31
ตอนที่ 4 - รับค่าตัวเลขด้วย JavaScript18:24
ตอนที่ 5 - แสดงตัวเลขบนหน้าจอ4:34
ตอนที่ 6 - จัดการจุดทศนิยม4:51
ตอนที่ 7 - เรียงลำดับการรับค่าตัวเลข13:31
ตอนที่ 8 - จัดการข้อผิดพลาด8:47
ตอนที่ 9 - การคำนวณตัวเลข11:42

ตอนที่ 1 - แนะนำเนื้อหา2:45
ตอนที่ 2 - สร้างหน้าเว็บด้วย HTML , FontAwesome18:53
ตอนที่ 3 - ตกแต่งเว็บด้วย CSS26:17
ตอนที่ 4 - ควบคุมการเล่นและหยุดเพลง18:27
ตอนที่ 5 - Next & Previous5:44
ตอนที่ 6 - Progressbar5:45
ตอนที่ 7 - เลือกเวลาฟังเพลงใน Progressbar8:42

Requirements

ผู้เรียนต้องมีพื้นฐาน HTML5 , CSS3 มาก่อน
ผู้เรียนต้องมีพื้นฐาน JavaScript และ JavaScript ES6 มาก่อน

Description

หลักสูตรนี้คุณจะได้เรียนรู้การประยุกต์ใช้งาน HTML5,CSS3,JavaScript สำหรับการสร้างเว็บแอพพลิเคชั่นทั้งหมด 40 แอพพลิเคชั่น รวมอยู่ในคอร์สเดียว อัดแน่นด้วยเนื้อหาคุณภาพมากกว่า 35 ชั่วโมง ในคอร์สนี้คุณจะได้เรียนรู้การนำ API ต่างๆ มาใช้ภายในเว็บแอพพลิเคชั่นของคุณ เช่น

API อัตราการแลกเปลี่ยนสกุลเงิน
API รายงานสภาพอากาศ
API เกียวกับข้อมูลภาพยนตร์
การทำแอพฟังเพลง
สร้างเกมด้วย JavaScript
การสร้างแอพเครื่องคิดเลข
ระบบค้นหาข้อมูล (Auto Complete)
สร้างเว็บเขียนโค้ด (Code Editor)
คำนวณระยะห่างของวัน
เรียนรู้การใช้งาน Local Storage
จัดรูปแบบตัวเลขในเว็บไซต์ (Intl)
ระบบซ่อนและแสดงรหัสผ่าน
ระบบประเมินความพึงพอใจ (Star Rating)
ระบบอัพโหลดภาพโปรไฟล์
ระบบกดเลิฟในเว็บไซต์ (Love System)

หัวข้อเสริม (อัปเดตปี 2024)

โครงสร้างข้อมูลและอัลกอริทึม (Data Structure & Algorithm)
สร้างเกม 2 มิติด้วย JavaScript (Game Development)

*หมายเหตุ : Section "หัวข้อเสริม" เป็นหัวข้อที่ไม่เกี่ยวข้องกับเนื้อหาหลักในคอร์สเรียนท่านสามารถเรียนหรือไม่เรียนก็ได้

Who this course is for:

นักเรียน นักศึกษา
ผู้ที่สนใจในด้านการพัฒนาเว็บฝั่ง Frontend

พัฒนาเว็บด้วย JavaScript 40 Workshop (Building 40 Projects)

What you'll learn

Explore related topics

Course content

บทนำ3 lectures • 1hr 44min

Workshop 1 - โปรแกรมแปลงสกุลเงิน (Exchange Rate API)6 lectures • 1hr 15min

Workshop 2 - โปรแกรมบัญชีรายรับ-รายจ่าย (Money Tracker)9 lectures • 2hr 25min

Workshop 3 - Light / Dark Mode11 lectures • 1hr 57min

Workshop 4 - ค้นหาเนื้อเพลง (Lyric App)9 lectures • 1hr 41min

Workshop 5 - เกมพิมพ์เร็ว6 lectures • 1hr 43min

Workshop 6 - Text Reveal4 lectures • 31min

Workshop 7 - เครื่องคิดเลข (Calculator)9 lectures • 1hr 35min

Workshop 8 - โปรแกรมเล่นเพลง (Music API)7 lectures • 1hr 27min

Workshop 9 - โปรแกรมตารางนัดหมาย5 lectures • 1hr 13min

Requirements

Description

Who this course is for: