Road to Next.js (เส้นทางสำหรับศึกษา Fullstack web framework)

☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย    / @mikelopster   ฟังไมค์ สัปดาห์นี้ เราจะพามาแนะนำเส้นทางในการศึกษา Next.js กัน สำหรับคนที่กำลังสนใจใน Technology อย่าง Fullstack web framework ว่า จริงๆ ถ้าจะให้เข้าใจไอเดียอย่างลึกซึ้งของ Next.js เราควรเริ่มศึกษาลำดับแบบไหนก่อนดี ก่อนที่จะมาเริ่ม Next.js โดยจะเป็นการแนะนำทั้งพื้นฐานที่ควรมีและคลิปแนะนำจากช่องเราด้วยกัน (เพื่อให้เรียงลำดับการดูออกมาอย่างถูกต้อง) สำหรับใครที่กำลังหาแนวทางหรือกำลังเริ่มต้นจะลอง Next.js อยู่แล้วไม่แน่ใจว่าควรรู้อะไรก่อนเริ่มดี เชื่อว่าคลิปนี้จะมีคำตอบให้กับพวกเราแน่นอนนะครับ 😁 หัวข้อ 00:00 แนะนำหัวข้อ 02:20 จุดเริ่มต้นของ Frontend และ Backend 05:55 ปรับมุมมองการทำ Frontend (การต่อผ่าน API) 09:57 พื้นฐานและหน้าที่ของ Frontend framework 11:55 Backend และการมาของ Node.js 15:59 ปูภาพสู่ Next.js 18:09 แนะนำสำหรับคนที่กำลังเริ่มสาย Frontend 19:02 แนะนำสำหรับคนที่กำลังเริ่มสาย Backend 20:09 แนะนำสำหรับคนที่เพิ่งเริ่มเลย (หรืออยากเริ่มจากรากฐานเลย) 21:47 Playlist แนะนำสำหรับสาย React / Next.js 23:24 Mapping ระหว่าง React / Node.js เข้ากับ Next.js 27:42 Playlist แนะนำสำหรับสาย Vue / Nuxt.js 28:23 Mapping ระหว่าง Vue / Node.js เข้ากับ Nuxt.js 30:56 สรุปและคำแนะนำเพิ่มเติม ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่ Facebook page:   / mikelopster.dev   Website: https://mikelopster.dev แปะพิกัดของที่ผมใช้ https://shope.ee/8A54c8cfkf ของที่ตั้งอยู่ด้านหลัง https://shope.ee/6fI75UuLEM osmo pocket 3 https://shope.ee/4VDcVixCW9 ไมค์ shure https://shope.ee/6pbXI6d5xG กล้องวงจรปิด Enjoy ครับ 😘

พื้นฐาน NextJS ในยุค AI ปี 2026 ดูจบบรรลุ! 🔥
▶︎

พื้นฐาน NextJS ในยุค AI ปี 2026 ดูจบบรรลุ! 🔥

ลอง Next.js 14 แบบ Quick overview กัน
▶︎

ลอง Next.js 14 แบบ Quick overview กัน

Work Smart ทำงานให้ฉลาดขึ้นด้วย AI Copilot
▶︎

Work Smart ทำงานให้ฉลาดขึ้นด้วย AI Copilot

พัฒนาเว็บด้วย Next.js 13 | สำหรับผู้เริ่มต้น [FULL COURSE]
▶︎

พัฒนาเว็บด้วย Next.js 13 | สำหรับผู้เริ่มต้น [FULL COURSE]

แนะนำ Roadmap สำหรับ Web programmer
▶︎

แนะนำ Roadmap สำหรับ Web programmer

เขียน API โครตง่าย | สำหรับคนดูเร็วๆ [รวมตอน]
▶︎

เขียน API โครตง่าย | สำหรับคนดูเร็วๆ [รวมตอน]

React for Everyone | สอน React ตั้งแต่เริ่มจนเขียนแอปได้ | Crash Course Series
▶︎

React for Everyone | สอน React ตั้งแต่เริ่มจนเขียนแอปได้ | Crash Course Series

รู้จักกับ Typescript และ OOP
▶︎

รู้จักกับ Typescript และ OOP

รู้จักกับ Agent Harness กัน
▶︎

รู้จักกับ Agent Harness กัน

OAuth คืออะไร ?
▶︎

OAuth คืออะไร ?

รู้จักกับ Microservice
▶︎

รู้จักกับ Microservice

มาเรียน React 18 ฉบับ Guideline แบบด่วนจี๋กัน
▶︎

มาเรียน React 18 ฉบับ Guideline แบบด่วนจี๋กัน

คอร์สเรียน Next.js: Meta Framework สำหรับผู้ใช้ React
▶︎

คอร์สเรียน Next.js: Meta Framework สำหรับผู้ใช้ React

เราจะได้อะไรจาก TH-AI PASSPORT
▶︎

เราจะได้อะไรจาก TH-AI PASSPORT

Design Pattern - Behavioral (3/3 จบ)
▶︎

Design Pattern - Behavioral (3/3 จบ)

ปูพื้นฐาน NodeJS สำหรับการพัฒนาเว็บสมัยใหม่ สำหรับผู้เริ่มต้น ดูจบบรรลุ 💯
▶︎

ปูพื้นฐาน NodeJS สำหรับการพัฒนาเว็บสมัยใหม่ สำหรับผู้เริ่มต้น ดูจบบรรลุ 💯

สอน Next.js 15 Step by Step | พื้นฐานแน่นก่อนทำ Workshop มือใหม่ห้ามพลาด
▶︎

สอน Next.js 15 Step by Step | พื้นฐานแน่นก่อนทำ Workshop มือใหม่ห้ามพลาด

คอร์สเรียน Vue: Frontend Framework ที่ยอดนิยมและใช้งานง่าย
▶︎

คอร์สเรียน Vue: Frontend Framework ที่ยอดนิยมและใช้งานง่าย

จาก ReactJS มา NextJS ต้องรู้อะไรบ้าง ดูจบบรรลุ 😎💯
▶︎

จาก ReactJS มา NextJS ต้องรู้อะไรบ้าง ดูจบบรรลุ 😎💯

มารู้จักกับ Agent Skill กัน
▶︎

มารู้จักกับ Agent Skill กัน