wasankds.com

( AS001 ) การสร้างเว็บแอพ CRUD ด้วย Google Apps Script โดยใช้ Class บาท 15500 ราคา

หน้าสั่งซื้อ
  • ภาพรวมของคอร์ส
เรียนรู้การพัฒนาเว็บแอพด้วย Google Apps Script เพื่อจัดการข้อมูลใน Google Sheets ด้วยวิธี CRUD Operation เช่น สร้างข้อมูล(C), อ่านข้อมูล(R) , การอัปเดทหรือแก้ไขข้อมูล(U) , การลบข้อมูล(D) และ การค้นหา
โดยโค้ดสำหรับ CRUD Operation ในฝั่ง Server-Side จะใช้เทคนิค Class เพื่อลดเวลาและปริมาณการเขียนโค้ด ทำให้จัดการระบบง่ายขึ้น
และในขั้นตอนพัฒนาเว็บ เราจะใช้ VS Code เข้ามาช่วย เพื่อลดเวลาการพัฒนาระบบลงอีก เพราะ Editor ของ Google Apps Script ทำงานได้ช้า รวมไปถึงการทดสอบในแต่ละครั้งด้วย แต่ VS Code ทำงานเร็วกว่ามาก ฉะนั้นในขั้นตอนนี้ เราจะได้เรียนรู้ การจำลองข้อมูลจาก Google Sheets มาไว้ใน VS Code, เรียนรู้การจำลองการทำงานกับ Server-Side หรือ Google Apps Script เช่น จำลองการส่งรีเควสไปที่ Google Apps Script แล ะจำลองการรับค่าจาก Google Apps Script มาประมวลผล
  • พื้นฐานผู้เข้าเรียน
สามารถทำเว็บแอพด้วย Google Apps Script มาบ้างแล้ว โดยคอร์สนี้จะทำให้ผู้เข้าอบรม พัฒนาเว็บแอพด้วย Google Apps Script ได้อย่างมีประสิทธิภาพมากขึ้น ลดเวลา ลดปริมาณการเขียนโค้ด ในการพัฒนาระบบ จึงสามารถจัดการระบบได้ง่ายขึ้น
  • การอบรม
  1. เรียนออนไลน์ผ่าน Google Meets
  2. รับผู้เข้าอบรม 1 ท่าน/คอร์ส
  3. ระยะเวลาอบรม 3 วัน วันละ 5ชม.
  • การเตรียมพร้อมสำหรับการเข้าเรียนออนไลน์
  1. ติดตั้งโปรแกรม Visual Studio Code (VS Code)
    1. ติดตั้ง Extension Live Server ( หรือ 5 Servers )
  2. มีบัญชี Gmail/Google Workspace สำหรับใช้งาน Google Apps
  3. คอมพิวเตอร์ที่ใช้เรียนออรไลน์ ควรมี 2 จอ โดยจอที่ 1 ดูจอของผู้สอน จอที่ 2 เอาไว้ปฏิบัติตาม (และผู้สอนจะดูจอของผู้เรียนด้วย)
  • รายละเอียด
    💻 การวางโครงสร้างเว็บไซต์ใน Google Apps Script
  1. ภาพรวมการทำเว็บแอพด้วย Google Apps Script
    1. แผนภาพการทำเว็บแอพด้วย Google Apps Script
  2. การเซ็ตโครงสร้างของเว็บเซิร์ฟเวอร์ใน Google Apps Script
    1. การสร้างฟังก์ชัน doGet เพื่อตอบกลับเป็นหน้าเว็บ โดยใช้ HtmlService
    2. การสร้างไฟล์ HTML และการใช้งานกับ CSS และ Javascript
    3. การใช้งาน Query String ที่ติดมากับรีเควส
    4. การใช้งาน Scriptlets ทั้ง 3 แบบกับไฟล์ HTML
    5. การ Deploy เว็บแอพ (การใช้งานเว็บแอพ)
      • การ Deploy แบบ dev สำหรับทดสอบ
      • การ Deploy แบบ exec สำหรับใช้งานจริง
    3. 💻 VS Code
  3. การเซ็ตอัพ VS Code สำหรับการทำเว็บแอพ
    1. การสร้างเว็บโดยใช้ VS Code
      • การเซ็ตไฟล์และโฟลเดอร์ (ไฟล์ HTML, CSS, Javascript)
      • การใช้งาน Javascript Library ที่สำคัญ เช่น Bootstrap, Sweet alert เป็นต้น
    2. การใช้งาน Live Server เพื่อแสดงผลลัพธ์การสร้างเว็บไซต์อย่างรวดเร็ว
  4. การจำลอง ข้อมูลจาก Google Sheets มาไว้ใน VS Code
    1. การส่งออกข้อมูลตัวอย่างจาก Google Sheets เป็น JSON
      • การส่งออกข้อมูลตัวอย่างข้อมูลจำนวนมาก โดยใช้ DocumentApp
    2. การจัดรูปแบบ JSON ให้อ่านง่ายด้วย beautifier.io
    3. การนำตัวอย่างข้อมูลมาใช้ใน VS Code
  5. การจำลอง การทำงานกับฝั่งเซิร์ฟเวอร์ ( ฝั่ง Google Apps Script )
    1. การจำลอง ส่งรีเควส(หรือข้อมูล) ไปยังเซิร์ฟเวอร์
      • การจำลอง google.script.run ที่ VS Code
    1. การจำลองการรับข้อมูลจากเซิร์ฟเวอร์
      • การจำลอง google.script.withFailureHandler และ google.script.withSuccessHandler เพื่อรับข้อมูลจาก Server มาประมวลผล
    6. 💻 สร้างเว็บไซต์ CRUD ใน VS Code
  6. การสร้าง HTML ฟอร์ม
    1. การสร้างฟิลด์เพื่อกรอกข้อมูลแบบต่างๆ
  7. การ Validate ฟอร์ม (ตรวจสอบการกรอกข้อมูล)
  8. จำลอง การรวมรวบข้อมูล เพื่อส่งไปบันทึกใน Google Sheets (C – Operation)
  9. จำลอง การค้นหาข้อมูลใน Google Sheets ผ่านเว็บแอพ
  10. จำลอง การโหลดข้อมูล จาก Google Sheets (R – Operation) ผ่านเว็บแอพ
  11. จำลอง การอัปเดตข้อมูล ใน Google Sheets (U – Update) ผ่านเว็บแอพ
  12. จำลอง การลบข้อมูล ใน Google Sheets (U – Update) ผ่านเว็บแอพ
    13. 💻 การสร้างฟังก์ชั่น และ Class ในฝั่ง Google Apps Script
  13. การเซ็ตโครงสร้าง Google Apps Script เพื่อรอรับรีเควส
    1. การควบคุมการจราจรของรีเควสด้วย LockService
  14. การสร้าง Class สำหรับ CRUD Operation
    1. การสร้าง Class สำหรับ CRUD Operation
      • การสร้างพ็อพเพอร์ตี้
      • การสร้างเมธอด
    2. การใช้งาน Class
    3. การใช้งานเซอร์วิส SpreadSheetApp เพื่อจัดการข้อมูลใน Google Sheets โดยใช้ Class
  15. การสร้างฟังก์ชั่น Apps Script สำหรับ CRUD Operation
    1. การจำลองข้อมูลที่ส่งมาจากฝั่ง Client (Javascript/JQuery)
      • การจำลอง การรับข้อมูล
      • การจำลอง การส่งข้อมูลกลับไป
  16. การใช้งาน Class ในฟังก์ชั่น Apps Script
    17. 💻 การรวมโค้ด
  17. การรวมเว็บไซต์ที่พัฒนาด้วย VS Code เข้ากับ Apps Script
  18. การใช้งานเว็บแอพที่พัฒนาเสร็จแล้ว
หน้าสั่งซื้อ