สร้างเว็บให้ได้แบบ YouTube ด้วย React | สอน Clone YouTube ฉบับพาทำ EP.1
ฝัง
- เผยแพร่เมื่อ 31 ม.ค. 2024
- มาฝึกออกแบบ Front-end ด้วยกัน โดยวันนี้พี่นิวจะพาพวกเราไป Clone TH-cam ซึ่งคลิปนี้จะลงมือพาทำกันจริง ๆ เลยมาดูกันว่าขั้นตอนในการทำเนี่ยมันยากแค่ไหนกว่าจะได้เป็นแอปพลิเคชันนี้ให้พวกเราได้ดูกัน ถ้าพร้อมแล้วอย่ารอช้าไปรับชมกันเลย
อัพสกิลสาย Coding แบบใส่นัวไม่ยั้งได้ที่ school.borntodev.com/
ตอนนี้ Borntodev มีการสอนรูปแบบ In-House Training แล้วนะ หน่วยงานหรือองค์กรไหนสนใจคลิกลิ้งก์นี้เลย www.borntodev.com/borntodev-f...
มาแบ่งปันความรู้ แชร์ประสบการณ์ใน Community borntoDev ได้ที่ / discord
เข้าร่วมกลุ่ม Facebook Community ได้ที่ / 24251. .
สนใจจัดอบรมออฟไลน์ ดูรายละเอียดได้ที่ www.borntodev.com/borntodev-f...
▲ ติดตามช่องของเราได้ที่ : bit.ly/SubBorntoDev
▲ Facebook : / borntodev
▲ Website : www.borntodev.com/
▲ TikTok : / borntodev
▲ Instagram : / borntodev
🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: biz@borntoDev.com - วิทยาศาสตร์และเทคโนโลยี
ใครชอบแนวนี้ยังไงพิมพ์มาได้เลยนะ เพราะตอนนี้เรากำลังทดลองอยู่ว่าลูกเพจ
ชาว borntoDev ชอบแนวไหนกันอยู่ เราจะได้รู้ + TH-cam จะได้ดันคลิปป 555
ร้างไป5เดือน หลังจากฝึกงาน ขอบคุณมากๆเลยครับ เห็นคลิปนี้เลยได้ความรู้ส่วนของการ Clone project basic ซึ่งเป็นส่วนที่ผมลืมตลอดว่าต้องลงอะไรบ้าง มาเจอคลิปนี้ถูกเวลาพอดี ขอบคุณมากครับ กำลังทวนความรู้ก่อนยื่นสมัครงานพอดี
มีประโยชน์มากครับ
ดูเข้าใจง่าย แต่ละ step ชัดเจนมากเลยครับ
ขอบคุณคร้าบ ช่วงนี้เรากำลังทดลอง Content ว่าชอบสไตล์ไหนกัน ดีใจที่ชอบมาก ๆ ครับบ
ขอบคุณครับ
ถูกใจครับ 👍
ขอบคุณคร้าบ 🧡🧡🙏
ชอบคอนเท้นสไตล์นี้มากครับ เหมือนได้มีคลิปเป็นไกดฺ์ไลน์แล้วผมจะไปลงมือทำต่อถูก เพราะตอนนี้รู้สึกว่าหลงทางไม่รู้จะเรียงลำดับความสำคัญในการทำงานแต่ละขั้นตอน ขอบคุณที่ทำคอนเท้นมาครับ
โอ้ว ดีใจที่การอดนอนของทีมงานเป็นประโยชน์นะครับ 🥹🥹
ทำไมถึงตั้งชื่อ class ด้วย -nav มีทริคอะไรหรือป่าว
ดันครับรอ backend ต่อ
รอคลิปต่อไปได้เลยยย ถ่ายเสร็จแย้ววว 🧡🧡
เคครับ ผมกำลังฝึก react เชื่อมกับ mysql อยู่เลย
ในคลิป ใช้ Extensions อะไรบ้างหรอครับ
แนะนำ Extension Ai ที่เรียก Component ที่ติดตั้งหน่อยค่ะ ขอบคุณค่ะ
ทรงคุณค่ามาก
กราบบ ขอบพระคุณคร้าบ 🧡
ไวมาก555
ขอแนวนี้อีกกก
คนอื่นใครชอบพิมพ์แบบเพื่อนคนนี้มาได้เลยย แอดจะได้รู้ว่าเพื่อนๆ ชอบแนวไหนกันคร้าบบ 🔥🧡
@@borntodev ดีเลยครับ ทำอีกๆ
ขอ next js หน่อยครับ❤
เดี๋ยวไว้รอจบ Series ตัวยูทูปนี้น้า
อยากรู้ว่าเวลาอัดหน้าจอพี่ๆ อัดทั้งหน้าเลยใช่ไหมครับ เเล้วตอนตัดค่อยครอบหรือซูมเข้าไปเฉพาะจุดครับ
อัดแยกหน้าจอกับกล้องนะคร้าบ แต่กดอัดพร้อมกัน ถ้ามีซูมอย่างในคลิปนี้ก็ crop เข้า ออกคร้าบ แต่ถ้าบางคลิป มีพี่ๆตากล้องช่วงขยับซ้ายขวา เข้าออกให้น้า 🧡
อยากให้สอนช้าๆหน่อยครับ ไม่อยากให้ตัดเยอะแบบให้มันไปไว คลิปยาว1-2ชั่วโมงก็จะดู ประมวณผลตามไม่ทัน🥲
CSS ดูคลีนกว่า Tailwnd เยอะเลย ☺
สั้นๆ ง่าย ๆ ได้ใจความ 5555
ใช้ extensions อะไรที่สร้างcomponents เอง
ES7+ React/Redux/React-Native snippets
Link: marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
ใช้ตัวนี้เลยคร้าบ มีประโยชน์มากๆ 🧡