Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Understand Web and App Technology Without Coding (Online)
Introduction
เกริ่น (2:25)
แนะนำตัวผู้สอน และ ทำไมรู้เรื่อง tech ถึงมีประโยชน์ (2:20)
คอร์สนี้เหมาะกับใครบ้าง (3:50)
แอพตอบโจทย์อะไร ธุรกิจของคุณจำเป็นต้องมีแอพไหม (2:02)
ทบทวนคำศัพท์พื้นฐาน (10:18)
Quiz : Introduction
Overview
ภาพรวมทั้งหมด อยากมี Platform เว็บ แอพ ต้องมีส่วนไหนบ้าง (12:40)
Agenda : เนื้อหาในคอร์สมีอะไรบ้าง (2:21)
Quiz : Overview
Backend
Backend คืออะไร (3:33)
ฐานข้อมูลแบบ Relational (5:53)
เก็บข้อมูลการกด Like (4:31)
API : พื้นฐานการทำงานของ Backend (7:17)
Dynamic vs Hardcode และ ขั้นตอนการทำงานของ Developer (8:32)
สรุป Backend (2:12)
การบ้าน : ลองออกแบบฐานข้อมูล เพื่อเก็บข้อมูลฟีเจอร์บันทึกโพสต์ (0:32)
เฉลยการบ้าน (2:27)
Backend ทำงานร่วมกับ Frontend ยังไงบ้าง
เกริ่น - App และ Backend (11:14)
Web กับ Backend และ Web App (14:14)
การทำงานร่วมกันระหว่าง Backend กับ Frontend (2:11)
การ Hardcode ใน Frontend (และ ใน Backend) (7:13)
สรุป (1:54)
การบ้าน 1 : ลองสังเกตุเว็บที่ทำงานในลักษณะของ Web App (0:53)
เฉลยการบ้าน 1 (2:14)
การบ้าน 2 : วางแผนว่าถ้าจะเปลี่ยนฟีเจอร์จาก Hardcode ให้ผู้ใช้สามารถเลือกสีได้จะต้องทำอะไรบ้าง (0:37)
เฉลยการบ้าน 2 (2:50)
How it's Made : เทคโนโลยีที่ใช้สร้างส่วนต่างๆ
เกริ่น (4:14)
Native UI : เทคโนโลยีที่เจ้าของ Platform มีให้ (5:09)
System Feature : ฟีเจอร์ของระบบ (9:06)
ฟีเจอร์ของ Web Browser (3:00)
Reuse Component : การเอา Component หรือ โค๊ดมาใช้ซ้ำ (4:15)
Library : ใช้โค๊ดหรือเทคโนโลยีของคนอื่นเพื่อลดเวลาสร้างแอพ-เว็บ (6:43)
Backend Framework : เทคโนโลยีที่ใช้สร้าง Backend (6:08)
สรุป (2:37)
การบ้าน : ปรับ Design ของแอพจาก Custom ไปใช้ Native UI (1:08)
เฉลยการบ้าน (1:11)
เทคนิคต่างๆ ที่น่าสนใจ
เกริ่น (0:33)
Web View (3:55)
Integrate With Other Services : เชื่อมต่อกับระบบอื่นๆ เช่น Payment Gateway (5:27)
API Version : ทำ API Version เพื่อรองรับแอพเวอร์ชั่นเก่า (3:18)
Cache (2:45)
สรุป (0:27)
Quiz : Techniques
Recommender System ระแบบแนะนำ
เกริ่น (4:44)
Content-Based Recommendation (7:40)
Collaborative-Filtering (6:26)
Feed (5:15)
Machine Learning : ใช้ AI ทำเรื่องยากๆ ที่ไม่สามารถเขียนโค๊ดเป็นเงื่อนไขได้ (4:42)
สรุป (4:22)
Quiz : Recommender System
Bonus : Case Study และ เทคนิคเพิ่มเติม
แยกการส่ง Request เพื่อให้แสดงผลได้ไว (3:08)
Local Storage (2:01)
Custom vs Native (1:28)
สถานะการเห็นแล้วของ Story (2:51)
ปรับ Design เพื่อลดเวลาการทำงานของ Dev : สถานะการเห็นแล้วของ Collection (1:12)
ใช้ Library ทำ Graph (2:11)
React Native การทำแอพแบบ Cross-Platform (3:58)
Case Study แบบเต็มๆ ถ้าจะสร้างแอพหนึ่งแอพต้องมีอะไรบ้าง
สร้างแอพเรียกช่างมาดูแลน้องหมาที่บ้าน (13:47)
Closing
ปิดท้าย (3:11)
ฟีเจอร์ของ Web Browser
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock