หลักสูตร

สร้าง Dynamic เว็บไซต์ได้ง่าย ๆ ด้วย React

HTML, CSS, Javascript คือพื้นฐานที่จำเป็นก่อนจะขยับขึ้นมาเรียนในระดับนี้ นักเรียนจะได้ทำความรู้จักกับ React Library รูปแบบการเขียนโค้ดที่ผนวก Javascript และ HTML เข้าด้วยกัน และฝึกมองเว็บไซต์เป็นส่วนย่อย ๆ (Modular) ที่ประกอบเข้าด้วยกัน

• Chapter 1
  ทำความรู้จักกับ React
  • Node.JS คืออะไร
  • ภาพรวมของ React และความสำคัญของมัน
  • การตั้งค่าและการเตรียมพื้นที่ทำงาน
  • ทำความรู้จักกับ JSX (JavaScript XML)
• Chapter 2
  คอมโพเนนต์ใน React (React Component)
  • การสร้างคอมโพเนนต์
  • ความแตกต่างระหว่างฟังก์ชันคอมโพเนนต์และคลาสคอมโพเนนต์
  • การใช้งาน Props และ State
• Chapter 3
  การจัดการสถานะ (State Management)
  • การใช้งาน State ในคอมโพเนนต์
  • การส่งข้อมูลระหว่างคอมโพเนนต์
  • การใช้งาน Context API
• Chapter 4
  Component Lifecycle
  • สถานะต่าง ๆ ของคอมโพเนนต์
  • React Hook (useEffect, useRef, etc.)
  • การทำงานกับ event และ form
• Chapter 5
  Routing and Navigation
  • การใช้งาน React Router
  • Dynamic Routing
• Chapter 6
  การเข้าถึง API และการจัดการข้อมูล
  • การเรียกใช้งาน API ด้วย Axios หรือ Fetch
  • การจัดการข้อมูลจากเซิร์ฟเวอร์
  • การใช้งาน Hooks สำหรับการเข้าถึงข้อมูล