หลักสูตร AI Web App Builder Workshop สร้างเว็บแอปแรกด้วย AI เป็นการอบรมแบบเวิร์กชอปที่ใช้ AI สร้างเว็บแอปแม้ไม่เคยเขียนโปรแกรม ตั้งแต่เขียน Prompt ใช้ VS Code และ Git จนถึง React ร่วมกับ AI Agent เหมาะกับมือใหม่ เจ้าของธุรกิจ และคนทำงานที่อยากทำเครื่องมือเอง จบแล้ว Deploy เว็บแอปแรกขึ้น Vercel ได้จริง
หลายคนมีไอเดียเว็บหรือเครื่องมือที่อยากใช้ในงานของตัวเอง แต่ติดตรงที่เขียนโปรแกรมไม่เป็น และการจ้างทำก็ใช้ทั้งเวลาและงบประมาณ ทุกวันนี้ AI ที่ช่วยเขียนโค้ดได้เปลี่ยนเรื่องนี้ไปแล้ว คนที่ไม่มีพื้นฐานสามารถอธิบายสิ่งที่ต้องการเป็นภาษาคน แล้วให้ AI สร้างโค้ดให้ ตรวจสอบผล และปรับแก้จนได้เว็บที่ใช้งานได้จริง หลักสูตรนี้เป็น Workshop
เต็มวันที่พาผู้เรียนสร้างเว็บแอปแรกของตัวเองตั้งแต่ศูนย์จนถึงการนำขึ้นอินเทอร์เน็ต ครอบคลุมพื้นฐาน AI และ LLM ที่จำเป็นต้องเข้าใจก่อนใช้งาน, การเลือกเครื่องมือและควบคุมค่าใช้จ่าย, ความต่างระหว่างการเขียนโค้ดแบบเดิมกับการทำงานร่วมกับ AI, การติดตั้ง VS Code และ Git, องค์ประกอบของเว็บแอปทั้ง Frontend, Backend และฐานข้อมูล, การสร้างเว็บแอปด้วย React ร่วมกับ AI Agent, การวางแผนงานด้วยไฟล์ Context, การไล่หาบั๊กและทดสอบด้วย AI ไปจนถึงการ Deploy ขึ้น Vercel ผ่าน GitHub (อบรม 1 วัน 6 ชั่วโมง ระดับ Beginner ไม่ต้องมีพื้นฐานการเขียนโปรแกรม)
รายละเอียดหลักสูตร
อบรม 1 วัน 6 ชั่วโมง (10:00-17:00 น.) รูปแบบ Workshop ลงมือทำตลอดวัน ระดับ Beginner ไม่ต้องมีพื้นฐานการเขียนโปรแกรมมาก่อน ผู้เรียนต้องเตรียมโน้ตบุ๊กมาเอง (Windows หรือ macOS) และควรมีสิทธิ์ติดตั้งโปรแกรมบนเครื่อง วิทยากรจะพาติดตั้งเครื่องมือทั้งหมดในคลาส ผู้เรียนจะได้ชุด Prompt Template โค้ดตัวอย่าง และเว็บแอปของตัวเองที่ Deploy ขึ้นอินเทอร์เน็ตแล้วกลับไป
Session 1: AI และ LLM Fundamentals และการเตรียมเครื่องมือ (10:00-12:00)
AI และ LLM ทำงานอย่างไร และทำไมบางครั้งจึงตอบผิดอย่างมั่นใจ
แนวคิด Context และ Token และผลต่อคุณภาพของคำตอบและค่าใช้จ่าย
โครงสร้างการทำงานของ LLM ตั้งแต่ชั้นโมเดลจนถึงชั้นแอปพลิเคชันที่เราใช้
ขอบเขตที่ AI ทำได้ดีและงานที่ยังต้องอาศัยคนตรวจสอบเสมอ
ประเภทของเครื่องมือ AI สำหรับงานเขียนโค้ดและความต่างที่ควรรู้
การเลือกเครื่องมือให้เหมาะกับงานและงบประมาณของแต่ละคน
วิธีคุมค่าใช้จ่ายไม่ให้บานปลายเมื่อใช้งานต่อเนื่อง
แนวคิด AI Agent และความต่างจากการถามตอบทีละคำถาม
ความต่างระหว่างการเขียนโค้ดแบบเดิมกับการทำงานร่วมกับ AI
การอธิบายสิ่งที่ต้องการให้ AI เข้าใจตรงกันตั้งแต่ครั้งแรก
การอ่านผลลัพธ์ ตรวจสอบ และสั่งแก้ไขจนได้หน้าเว็บตามที่ต้องการ
Workshop: สร้างหน้าเว็บแรกจาก Prompt และปรับหน้าตาจนพอใจ
Session 2: พื้นฐานเว็บแอปและ React (13:00-14:30)
การติดตั้ง Visual Studio Code และ Extension ที่จำเป็นสำหรับการทำงานกับ AI
การติดตั้งและใช้งาน Git ในระดับที่เพียงพอต่อการเก็บงานและย้อนกลับได้
การจัดโครงสร้างโฟลเดอร์โปรเจกต์ให้ AI ทำงานกับไฟล์ได้ถูกที่
Lab: ติดตั้งเครื่องมือทั้งหมดบนเครื่องตัวเองให้พร้อมใช้งาน
ภาพรวมของเว็บแอป: ส่วนหน้าจอ ส่วนประมวลผล และฐานข้อมูล ทำงานร่วมกันอย่างไร
ความต่างระหว่างเว็บไซต์ธรรมดากับเว็บแอปที่มีการเก็บและประมวลผลข้อมูล
คำศัพท์ที่ต้องรู้เพื่อสื่อสารกับ AI และกับนักพัฒนาให้เข้าใจตรงกัน
การเลือกขอบเขตของงานให้ทำเสร็จได้จริงแทนที่จะใหญ่เกินตัวตั้งแต่แรก
แนวคิดการแบ่งหน้าจอเป็นส่วนย่อย (Component) และเหตุผลที่ทำให้แก้ไขง่าย
การสั่งให้ AI สร้างหน้าจอ เพิ่มปุ่ม รับข้อมูลจากผู้ใช้ และแสดงผลลัพธ์
การปรับหน้าตาให้ใช้งานได้ดีบนทั้งคอมพิวเตอร์และมือถือ
Workshop: สร้างเว็บแอปขนาดเล็กที่ทำงานได้จริงด้วย React ร่วมกับ AI
Session 3: Workflow การทดสอบ และการ Deploy (14:45-17:00)
ปัญหาที่เกิดขึ้นเมื่อสั่งงาน AI ทีละคำสั่งโดยไม่มีแผนรวม
การเขียนไฟล์อธิบายโครงสร้างและเป้าหมายของโปรเจกต์ให้ AI อ่านก่อนลงมือ
การแตกงานใหญ่เป็นงานย่อยและสั่งงานทีละขั้นให้ผลลัพธ์เสถียร
Lab: เขียนไฟล์วางแผนของโปรเจกต์ตัวเองและให้ AI ทำงานตามแผนนั้น
วิธีอ่านข้อความแจ้งข้อผิดพลาดและส่งให้ AI ช่วยหาสาเหตุอย่างได้ผล
การทดสอบเว็บด้วยตัวเองอย่างเป็นระบบก่อนนำขึ้นใช้งานจริง
การให้ AI ตรวจทานโค้ดและชี้จุดที่อาจมีปัญหาในอนาคต
Lab: แก้ปัญหาที่พบในเว็บแอปของตัวเองจนทำงานได้ครบถ้วน
การนำโค้ดขึ้น GitHub และการเชื่อมต่อกับบริการ Deploy
การ Build และ Deploy เว็บขึ้น Vercel ให้เข้าถึงได้จากอินเทอร์เน็ตจริง
การอัปเดตเว็บหลัง Deploy และสิ่งที่ต้องระวังเมื่อมีคนใช้งานจริง
Workshop: Deploy เว็บของตัวเองขึ้นใช้งานจริงและสรุปแนวทางต่อยอด
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
LLM ทำงานโดยทำนายคำหรือ Token ถัดไปที่น่าจะเป็นที่สุดจากรูปแบบที่เรียนรู้จากข้อความจำนวนมาก ไม่ได้ค้นหาความจริงจากฐานข้อมูล เมื่อข้อมูลไม่พอ โมเดลจึงอาจแต่งคำตอบที่ฟังดูน่าเชื่อแต่ผิดได้ ซึ่งเรียกว่า Hallucination วิธีลดปัญหาคือให้บริบทที่ชัดเจน แนบข้อมูลที่เกี่ยวข้อง และตรวจสอบผลลัพธ์ทุกครั้ง โดยเฉพาะโค้ดที่ต้องทดสอบให้ทำงานได้จริงก่อนใช้
Token คือหน่วยย่อยของข้อความที่โมเดลใช้ประมวลผล คำหนึ่งคำอาจเป็นหนึ่งหรือหลาย Token และบริการ AI ส่วนใหญ่คิดค่าใช้จ่ายตามจำนวน Token ส่วน Context คือข้อมูลทั้งหมดที่โมเดลเห็นในขณะนั้น ทั้งคำสั่ง ไฟล์ที่แนบ และประวัติการคุย ซึ่งมีขนาดจำกัด ถ้าบริบทยาวหรือรกเกินไป คุณภาพคำตอบอาจลดลงและค่าใช้จ่ายสูงขึ้น จึงควรให้เฉพาะข้อมูลที่เกี่ยวข้อง และเริ่มบทสนทนาใหม่เมื่อเปลี่ยนงาน
เริ่มจากเก็บโค้ดด้วย Git แล้ว Push ขึ้น Repository บน GitHub จากนั้นเข้าสู่ระบบ Vercel ด้วยบัญชี GitHub เลือก Import Project จาก Repository นั้น Vercel จะตรวจจับเฟรมเวิร์กอย่าง React และตั้งค่าการ Build ให้ แล้วจึงกด Deploy เพื่อรับลิงก์ที่เปิดได้จากทุกที่ หลังจากนั้นทุกครั้งที่ Push โค้ดใหม่ Vercel จะ Build และอัปเดตเว็บให้อัตโนมัติ หลักสูตรนี้ฝึก Deploy เว็บของผู้เรียนขึ้นใช้งานจริง
เหมาะกับผู้เริ่มต้นที่ไม่เคยเขียนโปรแกรมแต่อยากสร้างเว็บแอปเอง เจ้าของธุรกิจที่อยากทำเครื่องมือใช้ในกิจการ คนทำงานที่อยากสร้างเครื่องมือช่วยงานในทีมโดยไม่ต้องรอฝ่ายไอที และนักการตลาดที่อยากทำ Landing Page เอง ไม่ต้องมีพื้นฐานการเขียนโปรแกรม ขอเพียงใช้คอมพิวเตอร์ได้ในระดับทั่วไป เช่น ติดตั้งโปรแกรมและใช้เบราว์เซอร์
สร้างหน้าเว็บจาก Prompt และสั่งแก้จนได้ตามต้องการ ติดตั้งและใช้ VS Code กับ Git เก็บงาน สร้างเว็บแอปขนาดเล็กด้วย React ร่วมกับ AI ที่ใช้ได้ทั้งบนคอมพิวเตอร์และมือถือ เขียนไฟล์วางแผนให้ AI ทำงานตามแผน ไล่หาบั๊กด้วย AI และ Deploy เว็บแอปแรกของตัวเองขึ้น Vercel ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
เตรียมโน้ตบุ๊กของตัวเองที่เป็น Windows หรือ macOS พร้อมสิทธิ์ติดตั้งโปรแกรม เพราะระหว่างเรียนจะติดตั้ง Visual Studio Code Extension ที่จำเป็น และ Git ลงเครื่อง และควรเตรียมไอเดียเว็บที่อยากทำมาหนึ่งเรื่อง เพื่อใช้เป็นโจทย์ตลอด Workshop และได้ผลงานที่ใช้ได้จริงกลับไป
AI กลายเป็นเครื่องมือพื้นฐานในที่ทำงานไปแล้ว แต่พนักงานจำนวนมากยังไม่รู้ว่าจะเริ่มใช้อย่างไร ใช้กับงานไหนได้บ้าง และควรระวังอะไร หลักสูตรครึ่งวันนี้ออกแบบมาสำหรับคนทำงานทุกสายที่ไม่มีพื้นฐานไอที ให้เข้าใจว่า AI ทำงานอย่างไรแบบไม่ต้องมีศัพท์เทคนิค…
หลักสูตรนี้พาผู้เรียนเดินทางครบเส้นทางในสองวัน จากคนที่ยังไม่เคยเขียนโปรแกรมมาก่อน ไปจนถึงการสร้างเว็บแอปแบบ Fullstack ที่มีฐานข้อมูลและระบบสมาชิก แล้ว Deploy ขึ้นใช้งานจริงบน Production ด้วยการทำงานร่วมกับ AI Agent อย่างเป็นระบบ…
