สวัสดีครับ ยินดีต้อนรับทุกท่านเข้าสู่ช่อง รอยไถ พัฒนา ช่องเกษตรอินทรย์ช่องเดิมนะครับ
www.framer.com/motion/
📌📌📌สามารถบริจาค ได้ตามกำลังศรัทธา
ผ่านพร้อมเพย์ รอยไถ จะไม่โดนหัก % ครับผม
tipme.in.th/roitai-dev
ขอบพระคุณทุกๆ ท่านที่ร่วมสนับสนุน ครับ
Download source code:
github.com/tamphimai007/ecom-2024
ขอขอบพระคุณทุกท่านที่สละเวลามาชมคลิปนี้ครับ
Lucide
lucide.dev/icons/
สำหรับ Workshop Playlist นี้เราจะมาทำเว็บร้านค้าออนไลน์ด้วย Node.js, Express.js, React.js และ MySQL | E-Commerce
สำหรับคลิปนี้เรามาเริ่มสร้าง React ฝั่ง Frontend กันนะครับด้วย Vite
คลิปนี้เราทำ เพิ่ม หมวดหมู่สินค้ากันนะครับ
ติดตั้งโปรแกรม
nodejs.org/en/download/package-manager/current
www.postman.com/downloads/
dev.mysql.com/downloads/workbench/
code.visualstudio.com/download
-----------Server---------------
npm init -y
npm install express morgan cors nodemon
npm install prisma
npx prisma init
npm install @prisma/client
// Doc ใช้ในการสร้างและอัพเดตฐานข้อมูล
npx prisma migrate dev --name init
-----Client------
npm create vite@latest .
- client
- javascript
cd client
npm install
npm run dev
npm install axios
CRUD คืออะไร?
Create: สร้างข้อมูล
Read: อ่านข้อมูล
Update: อัปเดตข้อมูล
Delete: ลบข้อมูล
สำหรับเนื้อหาภายในคลิปนะครับ
....
เหมาะสำหรับผู้ที่กำลังเริ่มต้นเขียนโปรแกรม หรือต้องการพัฒนาเว็บแอปพลิเคชันที่เชื่อมต่อกับฐานข้อมูล ตั้งแต่การติดตั้งโปรเจกต์
ในวิดีโอนี้ รอยไถ พัฒนา จะสอนวิธีสร้างระบบ CRUD (Create, Read, Update, Delete) สำหรับแอป E-Commerce ร้านค้าออนไลน์ โดยใช้ ExpressJS, Prisma, MySQL และเชื่อมต่อกับ React
คุณจะได้เรียนรู้ตั้งแต่การติดตั้งและเชื่อมต่อฐานข้อมูล ไปจนถึงการทดสอบ API ด้วย Postman และการแสดงผลบนหน้าเว็บด้วย React เหมาะสำหรับมือใหม่ที่ต้องการเข้าใจพื้นฐานการพัฒนาแอปพลิเคชันที่ใช้ฐานข้อมูล พร้อมทั้งอธิบายวิธีการทำงานแบบ Step by Step
📌 สิ่งที่คุณจะได้จากคลิปนี้
1. การติดตั้งโปรเจกต์ด้วย Node.js และ Express.js
2. การใช้ Prisma เพื่อจัดการฐานข้อมูล MySQL
3. สร้าง API สำหรับการทำ CRUD
4. ทดสอบ API ด้วย Postman
5. การออกแบบฐานข้อมูล MySQL และการเชื่อมต่อด้วย Prisma
6. การสร้าง RESTful API สำหรับจัดการสินค้าและผู้ใช้
7. การเชื่อมต่อ Frontend กับ Backend
8. การจัดการคำสั่งซื้อและตะกร้าสินค้า Cart
9. การใช้ React
ในคลิปนี้ เราจะมาเรียนรู้การสร้างเว็บไซต์ E-Commerce ตั้งแต่เริ่มต้นจนจบ แบบ Step by Step โดยใช้ Node.js, Express.js, React.js, Prisma และ MySQL ไม่ว่าคุณจะเป็นมือใหม่หรือมีประสบการณ์อยู่แล้ว ก็สามารถดูได้นะครับ
#CRUD
#ecommerce
#expressjs
สอน ExpressJS
สอน NodeJS
การทำ CRUD ด้วย Prisma
เชื่อมต่อ MySQL กับ NodeJS
ทดสอบ API ด้วย Postman
การทำเว็บแอปด้วย Express
โปรแกรมมิ่งพื้นฐาน
สอนเขียนเว็บ backend
การพัฒนา API
สร้างเว็บ E-Commerce, Node.js, React.js, MySQL, ร้านค้าออนไลน์