ข้อมูลบทเรียน

เนื้อหา : 1 บท

เรียนรู้ & Workshop : - ชั่วโมง

Assignment :

3 ชั่วโมง (15 แบบฝึก)

ระดับ : ปานกลาง

ดูทบทวนย้อนหลัง : 2 ปี

ปรึกษาการเรียน : ชุมชน The Ladder (Discord)

รายละเอียดบทเรียน

ฝึกฝนทักษะการสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScript ผ่านระบบ Hotel Booking พร้อมมีผู้เชี่ยวชาญอธิบายวิธีคิด วิเคราะห์ และการเขียนโปรแกรม เพื่อพัฒนาและนำไปสร้างผลงาน Portfolio ของตนเองได้ต่อไป

ทำไมถึงควรเรียน Lab สร้างเว็บไซต์ด้วย HTML, CSS & JavaScript : Hotel Booking Project กับเรา

ใน Lab นี้เป็นการฝึกฝนทักษะสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScript ผ่านการทำ Project ที่เราได้คัดสรร เน้นสิ่งที่สามารถนำไปใช้งานจริงและเพิ่มความพร้อมการได้งานได้ โดยคุณจะได้ทำระบบ Hotel Booking สร้างเว็บจองห้องพัก พร้อมมีผู้เชี่ยวชาญอธิบายวิธีคิด วิเคราะห์ และการเขียนโปรแกรม เพื่อพัฒนาทักษะการสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScript ให้เพิ่มขึ้นและสร้างประสบการณ์ให้มีความคุ้นเคยกับการทำงานจริง รวมถึงสามารถนำไปประยุกต์ต่อยอดเพื่อสร้างผลงาน Portfolio ของตนเอง ใช้ในการสมัครงานตำแหน่ง Developer ได้ต่อไป

Lab สร้างเว็บไซต์ด้วย HTML, CSS & JavaScript : Hotel Booking Project เหมาะกับใคร

ผู้ที่ต้องการฝึกฝนการสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScrip เพื่อพัฒนาทักษะตนเองให้เพิ่มขึ้น
ผู้ที่ต้องการพัฒนาทักษะเพื่อประยุกต์สร้าง Portfolio เพิ่มการได้งานของตนเอง
ผู้ที่ต้องการฝึกฝนการสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScrip เพื่อสร้างความคุ้นเคยกับการทำงานจริง

สิ่งที่คุณจะได้จาก Lab นี้

พัฒนาทักษะการสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScript เน้นสิ่งที่สามารถนำไปใช้งานจริงและเพิ่มความพร้อมการได้งานของคุณ

ที่ปรึกษาการเรียน

สามารถเข้า Discord เพื่อสอบถามแลกเปลี่ยนความรู้ ให้คุณได้เรียนรู้และสอบถามข้อสงสัยเพิ่มเติม
กับ Developer ตัวจริง พร้อมคำปรึกษาด้านการเรียน และการทำงาน

ผู้สอน

ประวัติและผลงาน
- - พัฒนา Software ให้ธุรกิจธนาคาร
    – โปรเจกต์ Stel พัฒนา Smart Teller ให้กับธนาคาร ด้วย Java Spring Boots & WPF
  - จบวิศวกรรมศาสตร์คอมพิวเตอร์ สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง

เนื้อหาคอร์ส

Assignment Lab สร้างเว็บไซต์ด้วย HTML, CSS & JavaScript : ระบบ Hotel Booking

1 PART

22:50 นาที
- Assignment Lab สร้างเว็บไซต์ด้วย HTML, CSS & JavaScript : ระบบ Hotel Booking
  
  22:50 นาที
Assignment

ใช้เวลาประมาณ 3 ชั่วโมง
- Workshop 1: รับ Requirement, ประเมินงาน, Planning
  
  ฝึกกระบวนการรับ Requirement, วิเคราะห์โจทย์, ประเมินระยะเวลาพัฒนา และวางแผนงาน อย่างมืออาชีพ เพื่อฝึกฝนทักษะจากกระบวนการทำงานจริงของ Developer
  
  01:25 นาที
- Workshop 2: อธิบายโครงสร้าง Project
  
  อธิบายโครงสร้าง Project ทั้ง Website, Service และ Database เพื่อให้เข้าใจก่อนลงมือทำ
  
  02:46 นาที
- Workshop 3: สร้างหน้าเว็บไซต์ และ จัดวางหน้าเว็บด้วย HTML & CSS
  
  สร้างฟอร์ม Website ด้วยภาษา HTML และ จัดองค์ประกอบด้วย CSS ให้แสดงข้อมูลครบ, ถูกต้องตาม UX และรองรับการป้อนข้อมูลจากผู้ใช้
  
  20:04 นาที
- Workshop 4: สร้างหน้า List แสดงห้องพักที่เปิดให้จองได้
  
  สร้างหน้า List แสดงข้อมูลห้องพักที่เปิดให้จองได้ โดยแสดงรูปและราคาห้องพัก
  
  02:55 นาที
- Workshop 5: สร้าง Function การค้นหาห้องพัก
  
  สร้าง Function การค้นหาห้องพัก โดยสามาราค้นหาได้จาก ชื่อลูกค้า, วันที่เข้าพัก, วันที่ออก, จำนวนลูกค้า
  
  13:55 นาที
- Workshop 6: สร้าง Function แสดงผลการค้นหา
  
  สร้าง Function นำผลที่ได้จากการค้นหาห้องพักขึ้นมาแสดง
  
  12:36 นาที
- Workshop 7: จัดวางหน้าเว็บ แสดงผลการค้นหาให้สวยงามด้วย CSS
  
  สร้างหน้าเว็บที่ดูดี โดยใช้ CSS จัดองค์ประกอบให้อ่านง่าย สวยงาม และดูเป็นมืออาชีพ
  
  08:25 นาที
- Workshop 8: การส่งข้อมูลระหว่างหน้าแบบ Frontend
  
  เมื่อกดจองห้อง ให้ส่งข้อมูลระหว่างหน้าไปยังหน้าคอนเฟิร์ม โดยการใช้ JavaScript
  
  04:47 นาที
- Workshop 9: สร้างหน้าแสดงรายละเอียดห้องพัก
  
  สร้างหน้าแสดงรายละเอียดข้อมูลห้องพัก เช่น รูปและราคาห้องพัก
  
  04:39 นาที
- Workshop 10: สร้าง Function แสดงรายละเอียดห้องพัก
  
  สร้าง Function แสดงรายละเอียดข้อมูลห้องพัก
  
  14:03 นาที
- Workshop 11: สร้าง Function แสดง Review ห้องพัก
  
  สร้าง Function แสดงข้อความที่ลูกค้า Review ห้องพัก
  
  06:20 นาที
- Workshop 12: จัดวางหน้ารายละเอียดห้องพัก ให้สวยงามด้วย CSS
  
  สร้างหน้าเว็บที่ดูดี โดยใช้ CSS จัดองค์ประกอบให้อ่านง่าย, สวยงาม และดูเป็นมืออาชีพ
  
  04:17 นาที
- Workshop 13: สร้างหน้าแสดงรายการจองห้องพัก
  
  สร้างหน้าแสดงข้อมูลรายการจองห้องพักของลูกค้า
  
  05:17 นาที
- Workshop 14: สร้าง Function แสดงรายการจองห้องพัก
  
  สร้าง Function แสดงข้อมูลรายการจองห้องพักของลูกค้า
  
  18:56 นาที
- Workshop 15: จัดวางหน้าแสดงรายการจองของผู้ใช้งานด้วย CSS
  
  สร้างหน้าเว็บที่ดูดี โดยใช้ CSS จัดองค์ประกอบให้อ่านง่าย, สวยงาม และดูเป็นมืออาชีพ
  
  08:12 นาที