hspotlight

Build Landing Page with Claude in 60 mins

· 2 min read
Build Landing Page with Claude in 60 mins

📣 เปิดรับสมัครนักเรียนแล้วว 🥳🥳🥳

Build Landing Page with Claude in 60 mins

สร้าง “เว็ปไซต์” ได้และปรับแก้ไขได้ด้วยตัวเอง (หัวหน้าฮงยื่นเครื่องมือให้แล้ว พร้อมลุย 🚀)

✅ เรียบจบได้เว็ป landing page ทันที ✅ ไม่ต้องติดตั้งโปรแกรมใดๆ เพราะใช้เครื่องมือบนเว็ปไซต์เท่านั้น ✅ ไม่ต้องมีประสบการณ์ นั่งฟังฮงอธิบายและทำตามไปพร้อมๆได้ทันที 🎥 เนื้อหาเป็นคลิปวิดีโอ สามารถกลับไปทบทวนเนื้อหาได้ตลอด

ปัญหาที่เจอ

อยากมีเว็ปไซต์แสดงข้อมูล แต่ไม่มีความรู้ในการทำเว็ป เขียนโค้ดไม่เป็น

ลองทำเองแล้วแต่ยังไม่ได้สักที

จะให้คนอื่นทำให้ตลอดไปก็ไม่ได้ด้วย

รูปแบบการเรียน

คอร์สนี้จะเป็นการสอนผ่านวิดีโอ on demand ที่ถูกอัดและตัดคลิปให้สั้นและกระชับ เข้าใจง่าย

คอร์สนี้หลักๆจะมี องค์ประกอบอยู่ 3 อย่างคือ

  1. เนื้อหาที่จะสอน
  2. activity ที่จะให้นักเรียนทำไปพร้อมๆกัน
  3. quiz เพื่อทดสอบความรู้ ความเข้าใจของนักเรียน ตามความคาดหวังของคอร์สเรียน

💪 (มี Support ให้ ถ้าติดปัญหา ติดต่อฮงได้ทุกช่องทาง หัวหน้าฮงพร้อมช่วยเหลือ)

เนื้อหาในคอร์ส - Course Outline

คอร์สนี้ไม่ได้ให้ความรู้ แต่ให้แผนที่พาไปยังผลลัพธ์ที่ต้องการ และหัวหน้าทำหน้าที่เป็นไกด์นำทาง เพื่อนๆไปถึงผลลัพธ์ 🚀

Step 0 - Introduction

  • คอร์สนี้จะพาทำอะไรบ้าง และจะสอนอย่างไร
  • Show me Example result พาดูผลลัพธ์จริงก่อนเริ่มทำ

Step 1 - ความรู้พื้นฐานที่จำเป็นในการสร้าง website

  • พื้นฐาน html, css, js คืออะไร
  • client/server, request/response คืออะไร
  • static vs dynamic website คืออะไร
  • ส่วนประกอบของ url คืออะไร

Step 2 - พัฒนา landing page ด้วย Claude

  • แนะนำการใช้งานหน้าเว็ป claude.ai เบื้องต้น
  • สอนสร้าง landing page ด้วย landing page (มี prompt เตรียมไว้ให้แล้ว)

Step 3 - จัดเก็บโค้ดและติดตั้ง landing page ใน github

  • ทำไมโปรแกรมเมอร์ทั่วโลกเลือกใช้ Github
  • Git และการบันทึกข้อมูลเป็น version
  • อัพโหลด landing page ขึ้น github
  • เปิดระบบ hosting ให้คนเข้าถึงเว็ปไซต์เราได้

Bonus 🎁

  • เชื่อมต่อ Claude และ Github: ไม่ต้องเหนื่อย download/upload ไฟล์เอง

ผลลัพธ์ที่จะได้หลังจบคอร์สนี้

  1. มีเว็ปไซต์ landing page เป็นของตัวเอง 🚀
  2. Setup ระบบ Claude เพื่อสร้าง website, และ Github เพื่อจัดเก็บโค้ดและ host เว็ปไซต์พร้อมใช้งาน 🚀
  3. มีความเข้าใจพื้นฐานของการเว็ปไซต์ และสามารถต่อยอดไป พัฒนาต่อได้เอง 🚀
  4. Prompt Hack สำหรับการสร้าง landing page

เหมาะกับใคร

✅ คนที่อยากทำ landing page แต่ไม่มีความรู้และประสบการณ์ในการทำเว็ปไซต์ ✅ หรือคนที่เคยลองทำเว็ปไซต์แล้ว แต่ติดปัญหาทำไม่ได้สักที

สอนโดยหัวหน้าฮงเอง 🥳

ปัจจุบันเป็น วิศวกรซอฟต์แวร์ (software engineer) ที่บริษัทข้ามชาติแห่งหนึ่งใน One Bangkok

ถนัดการทำเว็ปไซต์และระบบหลังบ้านที่มีความซับซ้อน ประสบการณ์ในสายงานรวม 8 ปี

เขียนบทความลงเพจ เกี่ยวกับการพัฒนาตัวเอง และการใช้งาน AI มาตลอด มีผู้ติดตาม 4200+ คน 🥳

FAQs คำถามที่พบบ่อย

Q1 - ใช้เวลาเยอะแค่ไหนในการเรียน?

เนื้อหาที่สอนในวิดีโอและการลงมือทำ รวมไม่เกิน 60 นาที

Q2 - ต้องมีความรู้เฉพาะทางมาก่อนไหม?

ไม่จำเป็นเลย หัวหน้าฮงสอนจากศูนย์ แค่ใจพร้อมก็มาลุยกันได้เลย

Q3 - อุปกรณ์ที่ต้องใช้ในการเรียน

คอมพิวเตอร์ (ใช้ได้ทั้ง Windows และ Macbook)

Google Chrome หรือ Browser ตัวอื่นๆ​ (safari, firefox) สำหรับเข้าใช้งาน Claude, Github บนเว็ป

Q4 - Claude, Github ต้องใช้แบบเสียเงินไหม ?

ไม่จำเป็นเลยครับ ในคอร์สนี้เราจะใช้บริการฟรีของทั้ง 2 เจ้าครับผม

ราคา

ราคาอยู่ที่ 1290 บาทครับ

โปรพิเศษภายใน 30 พ.ย. 2569 เหลือ 890 บาท สำหรับ 30 คนแรกครับ 🥳

สนใจสมัครคอมเม้น “สนใจ” เดี่ยวฮงส่งรายละเอียดให้ครับ

ขอบคุณมากๆครับ

หวังว่าเราจะได้เจอกันในคลาสเรียนนะครับ