แนะนำ Roadmap สำหรับ Web programmer
ฝัง
- เผยแพร่เมื่อ 3 ก.ค. 2024
- ☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
/ @mikelopster
ฟังไมค์สัปดาห์นี้ เราจะขอเปิดวิชาแนะแนว "เส้นทางสู่การเป็นนักพัฒนาเว็บไซต์ แบบฉบับ mikelopster" กัน โดยเนื้อหาส่วนหนึ่งผมจะอ้างอิงจากประสบการณ์งานผมเอง ผสมกับข้อมูลจาก roadmap.sh/ ที่เดี๋ยวเราจะมาเล่าผ่านตัว Roadmap กันว่า เส้นทางในการเข้าสู่การเป็น Web developer นั้นจริงๆ มันมีเส้นทางประมาณไหน และมีเนื้อหาประมาณไหนที่ควรเรียนรู้กันบ้าง มาคุยกันในฟังไมค์วันนี้กัน
โดย เนื้อหาในวิชานี้ เราจะครอบคลุมไปยังคนทั้งหมด 4 กลุ่มคือ
1. กลุ่ม Beginner กลุ่มที่ยังไม่เคยมีประสบการณ์เขียนเว็บมาก่อนเลย = สำหรับใครที่ฟังแล้วสนใจ ไปตามเรียนต่อใน Web development 101 ช่องเราได้
2. กลุ่ม Frontend developer สายหน้าบ้านกับการเติมเต็มงาน HTML, CSS, JS
3. กลุ่ม Backend developer สายหลังบ้านกับงานแนว Server, Database สุดลึกลับ
4. กลุ่ม Fullstack developer สายครบจบในคนเดียวทั้งหน้าบ้านและหลังบ้าน
สำหรับใครที่อยากแชร์ประสบการณ์งานของตัวเอง ลองแชร์ประสบการณ์กันผ่าน comment ได้เลยนะครับ 😁
หัวข้อ
00:00 แนะนำหัวข้อว่าเราจะพูดอะไรกันบ้าง
01:37 คน 4 กลุ่มที่เราจะพูดถึงกัน
05:27 กลุ่มที่ 1 : Beginner (กลุ่มผู้เริ่มต้น)
14:28 กลุ่มที่ 2 : Frontend developer (กลุ่มนักพัฒนาสายหน้าเว็บ)
46:53 กลุ่มที่ 3 : Backend developer (กลุ่มนักพัฒนาสายหลังบ้าน)
1:04:45 จำลองการทำงาน Backend และ Frontend
1:11:54 กลุ่มที่ 4: Fullstack developer
1:16:56 สรุปเนื้อหาทั้งหมดและคำแนะนำ
ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page: / mikelopster.dev
Website: mikelopster.dev
พิกัดของด้านหลัง : shope.ee/8A54c8cfkf - วิทยาศาสตร์และเทคโนโลยี
![อาจารย์ยอด : พระเตะผี [ผี]](http://i.ytimg.com/vi/zusDOIFasaE/mqdefault.jpg)
![[UNCUT] “เชื่อมจิต” ใกล้จนมุม อนันต์ชัยเปิดตัวละครลับ เตรียมล้างบาง I คนดังนั่งเคลียร์ l 2 ก.ค.67](http://i.ytimg.com/vi/jeOwG0vt114/mqdefault.jpg)
ขอบคุณคลิปดีๆนะครับ ให้สารภาพตามตรง คุณเป็นคนไทยคนแรกที่ผม โยนคลิปให้น้องๆฝึกงานที่ดูแล ดูเลย 555 ปกติจะโยน Udemy ของบริษัทให้ แต่บางคนที่เรารู้สึกว่ายังไม่เข้าใจยังช้าๆ ก็มีคลิปคุณนี่แหละ น้องๆก็ฟีดแบคกลับมาว่าเข้าใจดีครับพี่ ถือว่าน่าจะเป็นแรงพลักดันในการทำคลิปต่อได้ไม่มากก็น้อยครับ ขอบคุณครับจารรรร
ขอบคุณมากเช่นกันครับ ดีใจที่ผมได้เป็นส่วนหนึ่งในกาผลักดันองค์กรของไทยด้วยครับ 🙏
ขอบคุณความรู้มากๆครับ
ขอบคุณสำหรับคลิปดีๆนะคับ
ขอบคุณครับ ติดตามครับ
ขอบคุณสำหรับคลิปดี ๆ ครับ
ดีมากๆเลยครับ❤❤
เป็นคลิปที่ดีมากๆ ชื่นชมครับ
สุดยอดครับ
มาแย้ววว❤❤
ขอบคุณคราบ
ชอบเนื้อหามากๆเลยค่ะ ขอบคุณมากนะคะ
ขอบคุณมากตรับพี่
ขอบคุณครับ
ขอบคุณครับ มีอีกเยอะเลยให้เรียนเพิ่ม :D
อื้อหือ ขอบคุณมากๆๆๆๆๆนะครับ
พูดเร็วมากครับ เเต่เนื้อหาดี
ดีมากครับ
ขอบคุณที่ให้ความรู้ นะคะ เดียวไล่ดูทุกคลิปเลยค่ะ สอนดีมากๆ เข้าใจง่าย คลิปคุณภาพมากๆเลยค่ะ ❤
ขอบคุณมากครับ ทำหน้าบ้านมาปีกว่า อยากหันไปทำหลังบ้านบ้าง คลิปนี้ดีมากครับ
ขอบคุณมากๆ ครับ สอนดีมากๆ เลยครับ
กราบขอบพระคุณสำหรับการสนับสนุนครั้งนี้เช่นกันนะครับ 🙏
ทำไมผมถึงพึ่งมาเจอช่องนี้5555 คุณภาพมากๆครับ ทำให้เห็นภาพได้ชัดเจน ช่วงนี้ผมกำลังฝึกงานพอดีต้องเรียนรู้อะไรหลายๆอย่าง ขอบคุณมากครับบ🥰🥰
สอนได้ดีมากเลยครับ❤
อยู่ดีๆ คลิปนี้ก็โผล่ขึ้นมาเองตอนกำลังเรียน เขียนโปรแกรมอยู่ กดเข้ามาดูฟังแล้วเพลิน เข้าใจง่าย และให้ความรู้ดีมากๆคร้บ
เริสอะ เพิ่งมาเจอช่องพี่ ทำงานเป็นจูเนียร์ full stack มาจะปีเเล้ว หาภาพรวมใหญ่ๆแบบนี้มานานมาก ในที่สุดหาเจอซักที พูดย่อยง่ายมากค่าา จะตามไปดูคลิปอื่นให้ครบ ทับใจมากฮะ 💛🧡♥
อธิบายได้แตกฉานมาก ผมใช้เวลาเรียน Basic Web App เป็นเทอมเลยสมัยเรียนมหาลัย แต่พี่แกอธิบายไป 1.21 ชม. แถมยังเพิ่มเติมความรู้ใหม่ๆให้อีก คลิปดีมีคุณภาพของแท้ เอาไปเปิดให้นักศึกษาเรียนได้เลย
มาปรบมือเป็นกำลังใจให้คุณไมค์ กับคลิปที่มีประโยชน์มากๆ เยี่ยมเลย 👍👍👏👏
ขอบคุณมากครับ ครอบครัว Lopster ของเรา 😆
พี่เป็นคนแรกเลยครับที่สอนแล้วผมไม่ง่วง ติดตามเลยครับ😂
ถ้าพี่ทำ next level ก็คงจะดีน่ะครับ😊
ส่วนตัวตอนนี้เขียนเป็นhtml ฟังพี่แค่แปปเดียวก็รู้ได้เลยครับ ว่าผมจะได้ประโยชน์อย่างมาก ขอบคุณมากครับ
สู้ต่อไปนะครับ 😁
Mindset น้องดีมาก เป็นกำลังใจให้มือใหม่ได้แน่นอนครับ.
พี่จะเก่งไปไหนเนี่ย คลิปคุณภาพดีทุกคลิปเลย ทำเรื่อยๆ นะครับ พี่สามารถอธิบายให้คนเข้าใจยากแบบผม เข้าใจเรื่องต่างๆ ได้ สุดยอดมากครับ เลิฟๆ ครับ เป็นกำลังใจให้ทำคลิปต่อไปครับ
ดีใจน้า ที่พี่เป็นส่วนหนึ่งที่ทำให้เราเข้าใจ keep going krub 💪
ขอบคุณครับ มาแนะนำแนวทางได้ดีครับ กำลังงงตัวเอง ไปถึงไหนแล้ว 55555555
ตอนแรกว่าจะลองสมัคร Backend น่าจะได้เบรคก่อน ต้องไปเสริมอีกเยอะเลยครับ 5555 ขอบคุณที่ทำคลิปดีๆออกมาครับ ผมดูหลายคลิปหลายรอบมากครับ
ขอบคุณมากนะครับ keep going krub 😁
อธิบายได้ดีมากเลยครับ ผมไปลงคอสเสียเงินมา ยังอธิบายได้ไม่ดีเท่าคลิปนี้เลย
อธิบายได้ดีมากครับทำให้ผมเห็นภาพชัดขึ้นเลย ขอบคุณมากครับ
โคตรดีครับ ดีจริง ๆ โดยเฉพาะเว็บ roadmap ทำให้เห็นภาพแบบชัดมาก
ถ้ามีโอกาสอยากให้พา overview ฝั่งของ android ครับ
สำหรับงาน mobile ผมขอทำการบ้านก่อน ประสบการณ์ผมน้อยกว่าฝั่ง web เยอะเลยครับ เดี๋ยวยังไง อาจจะหยิบมา share เป็น know how ให้กับช่องอีกทีนะครับ 😁
โอ้ ส่งอีเมลด้วยหรออ 555 อย่างฮา
สุดยอดทุกคลิปเลยครับ ผมยอมรับเลยว่าผมเปิดโลก Developer เพราะพี่เลย คุณภาพคลิประกับ เอาไปขายได้เลย
ขอบคุณมากนะครับ 🙏
จากใจคนที่อยากเปลี่ยนสายงานจากสาย Mechanic ขอขอบคุณมากๆครับที่ทำคลิปดีๆแบบนี้ออกมา 🙏🏻🙏🏻🙏🏻
จากใจIT supportอยากลองไปเป็นDev ขอบคุณมากๆครับ ฟังคลิปแล้วรู้สึกเหมือนตัวเองก็พอทำได้ เพราะตอนเรียนไม่ตั้งใจ จบมาProgrammingเลยงูๆปลาๆ ไม่กล้าสมัครเป็นDev แต่จะลองออกจากcomfort zoneดูสักครั้ง ขอบคุณครับ
ลุยโลดด เอาจริง ผมเองก็ยังมีของที่ไม่รู้ในผังนี้อีกเยอะนะ โลกเรายังมีอะไรให้ลองอีกมาก อย่าพึ่งรีบยอมแพ้ก็พอ 💪
ขอบตุณสำหรับคลิปดีๆเนื้อหาเเน่นๆมากเลยครับ ผมหลงทางไม่รู้จะศึกษาอะไรต่อ เปิดเเต่ Tutorial ฝึกไปฝึกมาจนเบื่อเลย 🤣🤣
จากที่ดูหลายช่องยังไม่เห็นอธิบายแนวนี้เลยครับ ถือว่าแปลกใหม่ดีครับ
ปกติไม่ค่อยcomment นะครับ แต่คลิปคุณดีมาก ผมดูหลายคลิปแล้ว จากคนทำงาน Fullstack Developer 😂
แค่เข้ามารับชม เราก็ดีใจมากและครับ 😁
Fullstack เป็นหัวหน้า😂
เรียบร้อย 😂
ขอบคุณครับ ชีวิต ที่เคยคิดว่ารู้แล้ว ทำงานได้แล้ว เพียงพอแล้ว ตอนนี้ คลิปนี้ทำให้ผมรู้ว่า ยังรู้น้อยมากๆ ยังมีหลายอย่าง ที่ยังไม่รู้และ ยังไม่เข้าใจอย่างถ่องแท้ ผมลอง เช็คลิสตาม โรสแมพ ไม่พอใจในสิ่งที่ตัวเองมีเลย ผมจะต้อง Full เช็คลิส Full stack ให้ได้ เป็นกำลังใจให้ผมด้วยนะครับ
เป็นกำลังให้นะครับ เอาจริง ผมก็ยังรู้ไม่ครบตาม roadmap เหมือนกันนะครับ 😂
มาพยายามไปด้วยกันครับ 💪
สวัสดีครับ
รบกวนทำคลิปแยกพวก SSR , CSR หน่อยครับว่าต่างกันยังไง
เดี๋ยวจะมีอธิบายกันใน Next.js สัปดาห์หน้านะครับ 😁
ผม ลง bootcamp ถึง unit2 ต้องทำ โปรเจ็ค backend ต้องใช้ express js ejs mongoose ยังคิดไม่ออกเลยครับ ว่าจะทำอะไรดี😅
chatbot 😂
เรียนไม่ตรงสายแต่อยากเริ่มทำงานด้านนี้ครับ front-endไรงี้ อยากให้สอนพวกlogicหรือการแก้ปัญหาที่จำเป็นๆในสายงี้ได้ไหมครับ เป็นซีรีส์ก็ได้ถ้าขอมากไปขอโทษครับ😂 ปล.พึ่งเจอช่องนี้เลยครับรู้สึกดีใจ❤
ได้เลย เดี๋ยวผมขอทำการบ้านก่อนว่าจะเล่าออกมาเป็นแบบไหนนะครับ ยินดีกับคนย้ายสายงานเสมอครับ 😆
@@mikelopster ขอบคุณครับ💕
ผมว่าในไทยช่องที่ทำหัวข้อพวกนี้มีน้อยครับ(เพราะหาไม่ค่อยเจอ)คิดว่าน่าจะเอาไปประยุกต์กับการทำงานได้ดีครับ!
อธิบายดีมากครับเหมือนเรียนกับฝรั่งใน udemy
kob kun tee rub chom mak mak krub 🙏
ทำตามไปเรื่อยๆเวลาเขียนโค้ดฟังเพลินๆ
ยอดเยี่ยมครับ ค่อยๆไล่ตามกันมานะครับ 😁
(red less rest) condition ที่พูดเรื่องระบบโหวต ที่กดพร้อมกัน มันเขียนยังไงครับ จะหาข้อมูลเพิ่ม
มันคือ race conditions ว่าด้วย การจัดการ request ที่เกิดขึ้นพร้อมกันครับ 😁
แนะนำ mobile programmer หน่อยครับ
สำหรับงาน mobile ผมขอทำการบ้านก่อน ประสบการณ์ผมน้อยกว่าฝั่ง web เยอะเลยครับ 😅
ติดตามอยู่ครับ รอบตัวผมไม่มีคนเก่งๆแบบนี้ ขอใช้พื้นที่นี้อยู่กับคนเก่งๆครับ@@mikelopster
โคตรมันส์ 555555555 มันส์จริงงๆ
นายเร้าใจ เราก็ดีใจ 😂
@@mikelopster เป็นกำลังใจให้นะครับ ประสบการณ์และการสรุปให้เห็นภาพของคุณเข้าใจง่ายมากครับ ทำให้ผมใช้ Roadmap ได้คุ้มค่าขึ้น 5555
JAVA software Engineer มันอยู่ตรงไหน แล้วยังมีอยู่ไหม หรือ เป็น Fullstack หมดแล้วคับ
ยังอยู่ในหมวด Backend ของ Roadmap นะครับ
roadmap.sh/backend
JAVA ยังไม่หายไปไหนน้า ยังถือเป็นภาษาที่มีผู้คนใช้จำนวนมากอยู่ดี ยังอยู่ในใจของผู้คนเสมอนะครับ 😂
ถ้าเราทำ คิดจะทำ โปรเจคนึง การที่เราจะเขียนอะไรบางอย่าง แต่เราไม่รู้ว่าต้องเขียน ยังไง ถ้าเรา ไปหาใน stack overflow นี่ถือว่าแย่หรือปกติครับ
ปกติมากๆครับ ผมทำวิชาชีพนี้อยู่ได้เพราะ stackoverflow ด้วยนะ 555
จริงๆมันเป็นสถานที่ๆมีคำตอบหลายๆคำถามของ developer อยู่แล้ว ขอแค่เราเข้าใจ solution ที่เราหยิบมาจริงๆ ไม่ได้เพียงแค่ copy มาใช้ ก็ถือว่ามีประโยชน์มากๆนะครับ
ผมอยากรู้ว่าจริงๆแล้ว ปลายทางของคนที่เป็น web programer นั้นคือ การเป็น Full Stack หรือป่าวครับ เพราะ จากที่ผมได้ทำงานมาพักนึง ผู้คนมักจะไปจบที่ Full stack กันหมด แอบเห็นน้อยมากที่คนเก่งๆมีประสบการณ์ เขาจะโฟกัสเพียงแค่ Frontend กรือ Backend ที่ถามเพราะส่วนตัวทำ Full stack อยู่แต่ลึกๆแล้วก็อยากทำแค่ส่วน Frontend ให้ลึกกว่านี้มากกว่านี้ แต่จะกลายเป็นเนิฟตัวเองหรือป่าว
จริงๆ ก็ไม่เชิงนะครับ แต่ผมเชื่อว่า ท้ายที่สุด ทุกคนที่ทำงานมาระดับนึงในสายงานของ web programmer จะกลาย Full Stack ไปอัตโนมัติครับ
คือเราจะไม่ได้ถึงกับเซียนในอีกด้าน แต่เราจะรู้ว่างานอีกด้านมีอะไรบ้าง จนมาส่งผลทำให้งานด้านที่เราเป็นอยู่เก่งขึ้นมาได้ครับ
เช่น ถ้าเราเป็น Frontend developer อยู่ พอเราทำงานไประดับนึง แล้วต้อง tune performance ของ Frontend พื้นฐาน Backend ก็เป็นสิ่งที่เราควรจะรู้เพื่อนำมาต่อยอดในเรื่องนี้ได้ ท้ายที่สุด เราก็จะยังเป็น Frontend developer เหมือนเดิม แต่ความรู้เราจะกว้างขึ้นจนเราเองก็สามารถทำงาน path Backend developer ได้บ้างเหมือนกัน
จากที่ผมเจอมา จะเป็นอารมณ์ประมาณนี้กันนะครับ 😁
ไมล์ครับ แล้ว Astro framrwork จัดไว้ตรงไหนครับ Roadmap ครับ
Astro เนื้อแท้ของมันจัดอยู่ในตระกูล static site generator (SSG) ครับ ตาม Roadmap จะอยู่ท้ายๆ จุดใกล้ๆกันกับ Server site rendering (SSR)
มีไอเดียหลักๆคือ การ generate Astro ออกมาเป็น html, css, javascript แบบเพียวๆออกมาได้ครับ
@@mikelopster ขอบคุณครับไมค์
อธิบาย เรื่อง this ใน js แบบระเอียดหน่อยครับ ขอ use case ในการใช้งานด้วยนะครับ พื่งลองใช้วันนี้ยังมืนๆ อยุ่
ขอ case ที่มีประเด็นอยู่ได้ไหมครับ เผื่อจะหยิบมาแชร์กันได้
@@mikelopster คือผมยังไม่มีความรู้ในส่วนนี้อ่ะครับ อยากให้พี่อธิบายว่า มันใช้อะไรได้บ้างใน project จริงๆอ่ะครับ คือรู้แค่ว่า ใช้เป็น window object ได้ใช้ในการ set ค่า ใน constructor function ให้เป็น property ของ object แล้วก็พวก call() , apply(), blind() พื้นฐาน แต่ผมยังไม่เข้าใจว่า ในการทำงานจริงเขาไปใช้ยังไง
@@weapn5122ok น่าสนใจ เดี๋ยวเร็วๆนี้พี่จะมีหัวข้อแนว JS แนวๆนี้อยู่และ รอติดตามนะครับ 😁
@@mikelopster ฟังคร๊าฟ (ฟังไมค์)
ขณะนี้…ผมเมาและมึนมากเลยค้าบบบ
หายใจเข้าลึกๆ แล้วเดินทางต่อครับ 😂
ศึกษามาได้สักพัก แต่พอเห็น roadmap แล้ว "โอ้ว นี่เราอยู่แค่นี้เองหรอเนี่ย" เมื่่อไหร่จะเชี่ยวชาญพอจะไปสมัครงาน😭
keep going ครับผม ชีวิต developer ก็ต้องวิ่งหน่อยครับ 😂
ช่วงนี้ไม่ค่อยได้เข้ามาดูคลิปเลย
ให้คลิปนี้เป็นแนวทางการเดินทางไว้นะครับ 😁
@@mikelopster เป็นช่องที่ผมแนะนำให้คนอื่นบ่อยมาก