
สมัครใช้งานโปรแกรม Figma
เริ่มต้นใช้งานโปรแกรม Figma เลือกขนาดหน้าจอของอุปกรณ์ที่ใช้
เริ่มทำหน้า Website Page ใส่รูป ปรับขนาด และสีของพื้นหลัง
สร้างเมนู Navigation Bar ด้านบนของเว็บไซต์
เอกสารประกอบการเรียนอยู่ในการบรรยายถัดไป
ใส่รายละเอียดหน้าเว็บไซต์สร้างส่วน Contents
สร้าง Feature Bar ด้านล่างของเว็บไซต์
ทำการสร้าง Folder เพื่อสร้างที่เก็บไฟล์ สำหรับเตรียม Materials ทำ Website
ทำการแปลง Logo และ Contact ต่าง ๆ จากข้อความ ให้เป็นรูปภาพ .SVG
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 1
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 2
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 3
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 4
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 5
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 6
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 7
เขียนโปรแกรม HTML CSS สำหรับ Front-End Developers ด้วย Visual Studio Code Part 8
เรียนรู้พื้นฐานการใช้คำสั่งเช็คเครือข่าย Computer Network Command Line
เรียนรู้พื้นฐานการติดตั้งและใช้งานโปรแกรม XAMPP สร้าง Web Server
เรียนรู้วิธีการติดตั้งและเร่ิมต้นใช้งาน Express และ NodeJS
เรียนรู้วิธีการติดตั้ง Node Monitor และเขียนโปรแกรม Express
เรียนรู้การเขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 1
เรียนรู้การเขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 2
เรียนรู้การเขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 3
เรียนรู้การเขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 4
เรียนรู้การเขียนโปรแกรมเชื่อม Back-End และ Front-End Part 1
เรียนรู้การเขียนโปรแกรมเชื่อม Back-End และ Front-End Part 2
เรียนรู้การเขียนโปรแกรมเชื่อม Back-End และ Front-End Part 3
เรียนรู้การเขียนโปรแกรมเชื่อม Back-End และ Front-End Part 4
เรียนรู้การใช้งานโปรแกรม XAMPP สร้าง MySQL Database Part 1
เรียนรู้การใช้งานโปรแกรม XAMPP สร้าง MySQL Database Part 2
เรียนรู้การใช้งานโปรแกรม XAMPP สร้าง MySQL Database Part 3
เรียนรู้การติดตั้งโมดูล NodeJS Express Parser MySQL เพื่อสร้าง Web Server เชื่อม Database
เรียนรู้การเขียนโปรแกรม NodeJS Express Import SQL สร้าง Web Server เชื่อม Database
เรียนรู้การเขียนโปรแกรมคำสั่ง GET ดึงข้อมูลจากฐานข้อมูล MySQL Database
เรียนรู้เขียนโปรแกรมคำสั่ง GET ดึงข้อมูล MySQL ด้วยโปรแกรม Postman Part 1
เรียนรู้การเขียนโปรแกรมคำสั่ง GET ดึงข้อมูล MySQL ด้วยโปรแกรม Postman Part 2
เรียนรู้การเขียนโปรแกรมคำสั่ง GET ดึงข้อมูล MySQL ด้วยโปรแกรม Postman Part 3
เรียนรู้การเขียนโปรแกรม POST เพิ่มข้อมูลลงฐานข้อมูล MySQL
เรียนรู้การเขียนโปรแกรมคำสั่ง DELETE ลบข้อมูลออกจากฐานข้อมูล MySQL
เรียนรู้การเขียนโปรแกรมคำสั่ง PUT อัปเดทข้อมูลลงฐานข้อมูล MySQL
เรียนรู้การเขียนโปรแกรมตรวจเช็คข้อผิดพลาดการเพิ่มข้อมูลของคำสั่ง POST
เรียนรู้การเขียนโปรแกรมคำสั่ง GET ดึงข้อมูล Database ผ่าน EJS แสดงบน Web Application Part 1
เรียนรู้การเขียนโปรแกรมคำสั่ง GET ดึงข้อมูล Database ผ่าน EJS แสดงบน Web Application Part 2
เรียนรู้การเขียนโปรแกรมคำสั่ง POST รับข้อมูลหน้าเว็บ EJS Web Application เพิ่มข้อมูลลงฐานข้อมูล MySQL
หลักสูตร เรียนเขียนโปรแกรมพัฒนาเว็บ Full Stack HTML CSS NodeJS Express EJS MySQL ฉบับเรียนง่ายเป็นเร็ว Zero to Hero
สามารถเรียนได้ทุกคน ไม่จำเป็นต้องมีความรู้ด้านการเขียนโปรแกรมมาก่อน เหมาะสำหรับผู้เริ่มต้น
เนื้อหาการเรียน Full Stack HTML CSS NodeJS Express EJS MySQL
แบ่งเป็น 6 ส่วน
ส่วนที่ 1: เรียนออกแบบ Front-End Web Application ด้วยโปรแกรม Figma
1. เริ่มต้นใช้งานโปรแกรม Figma สร้าง Navigation Bar
2. ใช้งานโปรแกรม Figma ออกหน้าเว็บไซต์สร้าง Contents
3. ใช้งานโปรแกรม Figma ออกหน้าเว็บไซต์สร้าง Feature Bar
ส่วนที่ 2: เรียนเขียนโปรแกรมพัฒนา Front-End Web Application ด้วยภาษา HTML CSS
4. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 1
5. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 2
6. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 3
7. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 4
8. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 5
9. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 6
10. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 7
11. เขียนโปรแกรมภาษา HTML CSS สร้างเว็บไซต์ สำหรับ Front-End Developers Part 8
ส่วนที่ 3: เรียนเขียนโปรแกรม Back-End & Front-End Web Applications ด้วย NodeJS Express EJS
12. พื้นฐานการใช้คำสั่งเช็คเครือข่าย Computer Network Command Line
13. พื้นฐานการติดตั้งและใช้งานโปรแกรม XAMPP สร้าง Web Server
14. ติดตั้งและเริ่มต้นใช้งาน Express และ NodeJS
15. ติดตั้ง Node Monitor และเขียนโปรแกรม Express
16. เขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 1
17. เขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 2
18. เขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 3
19. เขียนโปรแกรมใช้ EJS เชื่อม Front-End และ Back-End Part 4
20. เขียนโปรแกรมเชื่อม Back-End และ Front-End Part 1
21. เขียนโปรแกรมเชื่อม Back-End และ Front-End Part 2
22. เขียนโปรแกรมเชื่อม Back-End และ Front-End Part 3
23. เขียนโปรแกรมเชื่อม Back-End และ Front-End Part 4
ส่วนที่ 4: เรียนเขียนโปรแกรม Full Stack Web Development Front-End Back-End Database Part 1
24. เรียนรู้การใช้งานโปรแกรม XAMPP สร้าง MySQL Database Part 1
25. เรียนรู้การใช้งานโปรแกรม XAMPP สร้าง MySQL Database Part 2
26. เรียนรู้การใช้งานโปรแกรม XAMPP สร้าง MySQL Database Part 3
27. ติดตั้งโมดูล NodeJS Express Parser MySQL เพื่อสร้าง Web Server เชื่อม Database
28. เขียนโปรแกรม NodeJS Express Import SQL สร้าง Web Server เชื่อม Database
29. เขียนโปรแกรมคำสั่ง GET ดึงข้อมูลจากฐานข้อมูล MySQL Database
30. เขียนโปรแกรมคำสั่ง GET ดึงข้อมูล MySQL ด้วยโปรแกรม Postman Part 1
31. เขียนโปรแกรมคำสั่ง GET ดึงข้อมูล MySQL ด้วยโปรแกรม Postman Part 2
ส่วนที่ 5: เรียนเขียนโปรแกรม Full Stack Web Development Front-End Back-End Database Part 2
32. เขียนโปรแกรมคำสั่ง GET ดึงข้อมูล MySQL ด้วยโปรแกรม Postman Part 3
33. เขียนโปรแกรม POST เพิ่มข้อมูลลงฐานข้อมูล MySQL
34. เขียนโปรแกรมคำสั่ง DELETE ลบข้อมูลออกจากฐานข้อมูล MySQL
35. เขียนโปรแกรมคำสั่ง PUT อัปเดทข้อมูลลงฐานข้อมูล MySQL
36. เขียนโปรแกรมตรวจเช็คข้อผิดพลาดการเพิ่มข้อมูลของคำสั่ง POST
ส่วนที่ 6: เรียนเขียนโปรแกรม Full Stack Web Development Front-End Back-End Database Part 3
37. เขียนโปรแกรมคำสั่ง GET ดึงข้อมูล Database ผ่าน EJS แสดงบน Web Application Part 1
38. เขียนโปรแกรมคำสั่ง GET ดึงข้อมูล Database ผ่าน EJS แสดงบน Web Application Part 2
39. เขียนโปรแกรมคำสั่ง POST รับข้อมูลหน้าเว็บ EJS Web Application เพิ่มข้อมูล MySQL