คอร์สออนไลน์ React Fundamentals สอนการใช้งาน React Redux และ Material UI อย่างมืออาชีพ

รายละเอียดคอร์ส

React เป็นไลบรารี่ที่มีบทบาทสำคัญต่อการพัฒนาเว็บในปัจจุบัน ดังจะเห็นได้จากเว็บไซต์ขนาดใหญ่ทั้ง Facebook Airbnb หรือ Netflix ต่างก็ใช้ React นั่นเป็นเพราะ React นั้นออกแบบมาเพื่อง่ายต่อการพัฒนาเว็บที่ซับซ้อน ทั้งมีประสิทธิภาพสูง และสามารถต่อยอดเพื่อพัฒนาแอปพลิเคชันบนมือด้วย React Native ได้

คอร์สนี้จัดทำขึ้นเพื่อสอนการใช้งาน React ที่เป็นไลบรารี่ยอดนิยมสำหรับการแสดงผล UI ควบคู่กับการจัดการข้อมูลภายในแอพพลิเคชันอย่างมีประสิทธิภาพด้วย Redux นอกจากนี้คอร์สดังกล่าวยังรวมถึงการจัดการฟอร์มและการประยุกต์ใช้งาน React กับแอพพลิเคชันทางธุรกิจผ่าน Workshop คือ ระบบขายสินค้าออนไลน์

ตลอดทั้งคอร์สผู้เรียนจะได้รับการทบทวนการใช้งาน JavaScript สมัยใหม่ พร้อมทั้งเรียนรู้หลักการของการออกแบบแอพพลิเคชันฝั่ง client เช่น การออกแบบด้วยเทคนิค Component-Based การประสานการทำงานของ React และ RESTful API อย่างไร้รอยต่อ การออกแบบเพื่อใช้ซ้ำผ่าน React Hooks นั่นรวมถึงขั้นตอนออกแบบและการวางโครงสร้างโปรเจคที่ดี นอกจากนี้เนื้อหาคอร์สยังรวมถึงการจัดรูปแบบ Stylesheet ด้วย CSS ผ่านไลบรารี่ยอดนิยมอย่าง Material UI การจัดการเส้นทางในหน้าเพจด้วย React Router การทำงานกับฟอร์มผ่าน React Hook Form โดยอาศัย Yup เป็นเครื่องมือตรวจสอบความถูกต้องของข้อมูลในฟอร์ม การจัดการข้อมูลในแอปพลิเคชันด้วย Redux ซึ่งเป็นเครื่องมือจัดการข้อมูล (state management) ยอมนิยมในโลกของ Redux สุดท้ายเมื่อการเรียนรู้หลักการต่าง ๆ เสร็จสิ้น เราจะสอนถึงวิธีการ Build และ Deploy โปรเจ็กต์สู่ Production โดยสาธิตการใช้งานผ่าน Vercel ที่เป็นบริการฟรีและสามารถใช้งานร่วมกับ React ได้

เนื้อหาบทเรียน

ตัวอย่าง Workshop

คอร์สของเรานอกจากจะสอนทฤษฎีและตัวอย่างการใช้งานทั่วไปแล้ว ยังมี Workshop เป็นระบบขายสินค้าออนไลน์อีกด้วย สามารถดูตัวอย่าง Workshop จริงได้จาก ที่นี่

โดยระบบนี้ผู้เรียนจะได้ทราบถึงการออกแบบและใช้คอมโพแนนท์ของ Material UI ที่มีพื้นฐานดีไซน์มาจาก Material Design ของ Google ซึ่งสนับสนุนการทำงานแบบ Responsive สามารถเปิดเว็บเพื่อชมได้จากทั้งเดสก์ทอปหรือมือถือ โดยหน้าจอไม่เสียเลย์เอาต์

ระบบขายสินค้าออนไลน์ไม่ได้มีหน้าเดียว ต้องมีหน้าแสดงสินค้าและหน้าตะกร้าสินค้าเป็นอย่างน้อย Workshop นี้จะได้แสดงถึงการใช้ React Router เพื่อจัดการเกี่ยวกับการเปลี่ยนหน้าเพจ

การทำงานกับฟอร์มก็เป็นส่วนสำคัญ Workshop นี้ได้แสดงถึงการสร้างฟอร์มเพื่อกรอกข้อมูลลูกค้าก่อนเตรียมจัดส่ง พร้อมสาธิตวิธีการตรวจสอบข้อมูลภายในฟอร์ม

แอปพลิเคชันทั่วไปมันมีการส่งข้อมูลข้ามหน้าเพจไปมา เช่น ข้อมูลของสินค้าที่ถูกเลือกจากหน้าแสดงสินค้าทั้งหมด ต้องนำมาแสดงผลในหน้าตะกร้าสินค้า คอร์สของเราได้แสดงวิธีการใช้ Redux เพื่อการแชร์ข้อมูลร่วมกันในหลาย ๆ คอมโพแนนท์ พร้อมแสดงวิธีการ Debug ข้อมูลที่เกิดขึ้นในแอปพลิเคชันด้วย

คอร์สนี้เหมาะกับใคร

• ผู้เรียนที่มีพื้นฐาน HTML CSS และ JavaScript อยู่แล้ว โดยในคอร์สจะมีการทบทวน JavaScript สมัยใหม่ที่จำเป็นต่อการใช้งาน React
• ผู้เรียนที่ไม่เคยเขียน React มาก่อน และต้องการสร้างเว็บด้วย React
• ผู้เรียนที่เคยเขียน React อยู่ก่อนแล้ว แต่ต้องการอัพเดทความรู้ React สมัยใหม่ เช่น การใช้งาน React Hooks
• ผู้เรียนที่ต้องการเรียนรู้ไลบรารี่สมัยใหม่ในการใช้งานกับ React เช่น React Hook Form, Yup และ Material UI

ผู้สอน

Nuttavut Thongjor

นักพัฒนาซอฟต์แวร์ประสบการณ์กว่า 10 ปี ผู้ก่อตั้ง Babel Coder วิทยากรอบรมการพัฒนาซอฟต์แวร์และผู้ให้คำปรึกษาในบริษัทชั้นนำ

คำถามพบบ่อย

คำถาม: จำเป็นต้องมีพื้นฐานอะไรบ้าง
คำตอบ: ผู้เรียนจำเป็นต้องมีพื้นฐาน HTML CSS และ JavaScript อยู่แล้ว

คำถาม: มีจำกัดเวลาเข้าชมหรือไม่
คำตอบ: ผู้เรียนสามารถเข้าชมคอร์สได้ทุกเวลาตลอดอายุการใช้งาน

คำถาม: ผู้เรียนจะได้รับการอัพเดทเนื้อหาตลอดเวลาหรือไม่
คำตอบ: ผู้เรียนจะได้รับการอัพเดทเนื้อหาเป็นเวลา 1 ปีนับจากวันที่ทำการซื้อคอร์ส หลังพ้นกำหนดผู้เรียนยังคงเข้าชมคอร์สได้ตามปกติ แต่จะไม่ได้รับการอัพเดทเนื้อหาอีกต่อไป

คำถาม: บริการหลังการขายมีอะไรบ้าง
คำตอบ: การถาม-ตอบ เนื้อหาที่เกี่ยวกับบทเรียน

คำถาม: จะสามารถสั่งซื้อคอร์สนี้ในนามบริษัทได้อย่างไร
คำตอบ: คุณลูกค้าสามารถติดต่อเพจ Babel Coder เพื่อขอใบเสนอราคา
ได้ครับ โดยราคาสำหรับองค์กรจะเป็นราคาจำหน่ายเต็มจากราคาที่ระบุครับ

สอบถามเพิ่มเติมโปรดติดต่อ เพจ Babel Coder