Road to Next.js (เส้นทางสำหรับศึกษา Fullstack web framework)
HTML-код
- Опубликовано: 25 июл 2024
- ☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
/ @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: mikelopster.dev
แปะพิกัดของที่ผมใช้
shope.ee/8A54c8cfkf ของที่ตั้งอยู่ด้านหลัง
shope.ee/6fI75UuLEM osmo pocket 3
shope.ee/4VDcVixCW9 ไมค์ shure
shope.ee/6pbXI6d5xG กล้องวงจรปิด
Enjoy ครับ 😘 - Наука
สุดยอดมากเลยครับ เรื่องที่ต้องพูดแต่ไม่มีใครพูด
ขอบคุณ ทำออกมาเยอะๆนะครับ ออกมาปุบดูปับเลย
จากประสบการณ์คนที่เขียน Php แบบ Procedural มามันให้อารมณ์เหมือนเป็นคนที่ต้องทำทั้ง Fontend และ Backend แถมพ่วง Database Mysql อีกด้วยครับ แต่ตอนนื้อยากย้ายไปเขียน Javascritp มากเลยครับรู้สึกมันว้าวมาก ๆ
สุดยอดเลยครับขอ Next เยอะ ๆ ครับ❤
เยี่ยมเลยครับ
เรารัก next js ❤️❤️
ขอบคุณพี่มากๆครับ
แจ่มเลย
ขอบคุณค่า
ขอ NextJS เยอะๆนะครับ. FC จาก สปป ลาว
ของ EP การจัดโครงสร้างและอธิบายชนิดไฟล์ชนิดโฟลเดอร์แต่ละประเภทครับ
ขอบคุณครับ คุณไม้ค
อยากให้พี่ทำคลิปสอนเจาะจง reack hook แต่ละตัวบ้าง
Very Thank. เลยครับ กำลังเริ่มแต่หลงทางซะแล้วผม
เลี้ยวกลับมาใหม่ได้เสมอครับ วงการนี้ 😆
ขอบคุณครับ
ขอบคุณสำหรับการสนับสนุนมากๆนะครับ 🙏
ดีมากเลยครับ
ไรเนี่ยกำลังต้องการเลย
ขอ angular nestjs หน่อยครับ
ขอ nuxt แบบลึกๆบ้างครับ ฮ่าๆ
ดูไปดูมาคล้ายพี่เบลล์ขอบสนามมากครับ
รอ masterclass next.js
ทำดีครับ ทำต่อไป 555
ช่วงนี้งานยุ่งมาก ดองคลิปท่านไมค์ไว้เยอะเลย แง่ม ... ขอบคุณสำหรับเนื้อหาดีๆครับ
ปล. มีความรู้สึกว่าช่องนี้เชียร์ React ออกหน้าออกตานะ น่าเห็นใจ Vue จริงๆ 555+ หยอกๆ 😁😁😅😅
ตอนมานับรวมจำนวนตอน ผมก็เริ่มคิดงั้นแล้วเหมือนกันนะครับ เดี๋ยวต้องเวียนกลับมาบ้าง 😂
❤
next js จงเจริญญญญญญญ 😂
ตอนนี้ ติดปัญหา ตัว Next Image กับ Serverless server คือมันติดปัญหารูปไม่โหลดตอน เข้ามาครั้งแรกครับ คือไม่รู้จะแก้ยังไงครับ
อาจจะต้องดู image optimization ใน next/image นะครับ มันจะเกี่ยวกับเรื่องพวกนี้แหละ ให้ keyword เราลุยต่อนะครับ
ลุยๆๆๆ ครับทุกคน
ที่ผมเริ่มจาก 0 ตั้งแต่ประมาณ 5 ปี ที่แล้ว
Level 1 = HTML > JS > CSS
Level 2 = JQuery > Bootstrap
Level 3 = NodeJS > ExpressJS
Level 4 = MongoDB > SQL
Level 5 = React > TailwindCSS
Level 6 = SSL > NGINX
ปัจจุบันเริ่มดู NextJS ละ
แต่รู้สึกไม่ค่อยชอบ NextJS เท่าไหร่ ทำ API Backend ไม่มันส์เหมือน ExpressJS เลย Middleware ก็รู้สึกว่าทำยาก
ตอนนี้เลยยังแยก Front กับ Back อยู่
แนะนำให้เรียง process เช็คก่อนแล้วจัดการตัดเงินทันที ก่อนเข้าสู่ Queue เพื่อมาจัดการ process อื่นๆใน order ต่อนะครับ จังหวะ process ช่วงแรก สามารถใช้พวก Redis ช่วยเพื่อเพิ่มความเร็วในการจัดการได้น้า
มีเครื่องหมาย ! บนขวาแนะนำคลิปเลยไหมครับ
เดี๋ยวทางผมเพิ่มเข้าไปน้า 🙏