รายละเอียดคอร์ส
สอนแบบเริ่มต้นตั้งแต่ศูนย์จนจบโปรเจค ให้รู้จักกับ Tool แต่ละตัว ตั้งแต่ Babel, webpack, Hot module replacement, CSS modules รวมถึงหลักการทำงานของ React และ packages ตัวอื่นๆ
คำอธิบายคอร์สออนไลน์
ปัจจุบันการเขียนเว็บแอพพลิเคชั่นด้วย JavaScript ได้รับความนิยมอย่างมากทั่วโลก โดยที่หนึ่งใน library ที่เป็นที่นิยมอย่างมากคือ React เนื่องจากมีแนวคิดแบบใหม่ที่สวนกระแสแนวคิดแบบเดิมๆ และเนื่องจาก React เป็น JavaScript Library ที่สามารถใช้งานร่วมกันกับ Node.js เพื่อ Render ฝั่ง server ได้ง่าย
แต่เนื่องจาก React เป็นแค่ Library ที่ช่วยพัฒนา View หรือ UI เท่านั้น การพัฒนาโปรเจคจริงด้วย React จึงต้องอาศัย packages และ tools อื่นๆ อีกมากมาร่วมด้วยช่วยกัน
ในคอร์สนี้เราจะเริ่มต้นจากศูนย์และค่อยๆ รู้จักกับ Tool แต่ละตัว ตั้งแต่ Babel, webpack, Hot module replacement, CSS modules รวมถึงหลักการทำงานของ React และ packages ตัวอื่นๆ เช่น react-router, redux รวมไปถึงวิธีการ render ฝั่ง server, การทำ Code Splitting จนจบโปรเจคการสร้าง Blog ง่ายๆ ด้วยการเขียน GraphQL Server และใช้ React Apollo ช่วยจัดการโหลดข้อมูลฝั่ง Client โดยคอร์สนี้จะเป็นลักษณะ Screencast ที่เน้นให้เห็นหน้าจอขณะที่เขียนโค้ดสดๆ และตัดต่อให้กระชับ โดยที่จะหลีกเลี่ยงการพูดทฤษฏีหรือสไลด์ยาวๆ แต่เน้นการเขียนโค้ดขึ้นมาใหม่ทั้งหมดจริงๆ ไม่ใช่จาก template ที่มีอยู่แล้ว
ประโยชน์ที่ผู้เรียนจะได้รับ
ถ้าใครที่ชอบดูการเขียน Code แบบเริ่มต้นตั้งแต่ศูนย์จนจบโปรเจค จะชอบคอร์สนี้ เพราะว่าผู้สอนเชื่อว่าวิธีนี้จะช่วยให้เรียนรู้ได้ดีที่สุด โดยผู้ที่เรียนจบจะสามารถเขียนเว็บแอพพลิเคชั่นได้ด้วย React และเข้าใจการทำงานของ Tool สมัยใหม่ต่างๆ ทั้ง Babel, webpack และ GraphQL โดยที่สามารถ render ได้ทั้งฝั่ง client และ server อีกทั้งยังรู้จัก package ที่จำเป็นๆ พื้นฐานหลายๆ ตัวในการทำโปรเจคของตัวเองอีกด้วย
ใครควรเรียนคอร์สออนไลน์นี้
- ผู้ที่สนใจและอยากหัดเขียนเว็บแอพพลิเคชั่นด้วย React และ Node.js - Full-stack React
- คนที่สับสนกับ tools สมัยใหม่และ boilerplate ต่างๆ และคิดอยากจะเขียนโปรเจคด้วยตัวเองโดยไม่พึ่ง boilerplate ของคนอื่น
- คนที่สนใจ GraphQL และคิดอยากจะเปลี่ยนมาใช้แทน Rest API ก็สามารถเรียนการเขียน GraphQL Server ได้
ผู้เรียนต้องมีความรู้อะไรมาก่อน
ควรรู้จัก JavaScript (ES2015 and beyond) และ Node.js, Express ซึ่งสามารถ เรียนฟรีได้จากคอร์ส "เตรียมพื้นฐาน ES2015 และ Node.js ก่อนจะไปลุย React" นี้