Zenler Player
กำลังโหลดคอร์สเรียน กรุณารอสักครู่
Node+React
กลับไปหน้าหลักสูตร
0% สมบรูณ์
0% สมบรูณ์
รู้จัก node.js
ติดตั้ง Visual Studio Code และ Node.js
ทดลองแอพพลิเคชันแรกกับ Node.js
รู้จักกับ JavaScript
ตัวแปรและตัวดำเนินการใน JavaScript
อาร์เรย์ สตริง และข้อมูลชนิดออบเจ็กต์
โมดูลใน Node.js และการใช้งานโมดูล
เขียนข้อความลงในไฟล์
โกลบอลออบเจ็กต์ใน Node.js
การสร้าง Export และการโหลดโมดูล
โมดูล Path และ OS
โมดูล File System และ Event
รู้จักกับ React
ติดตั้งเครื่องมือและสร้างแอพพลิเคชันแรก
รู้จักคอมโพเนนต์และแก้ไข App คอมโพเนนต์
แสดงส่วนติดต่อผู้ใช้ด้วย JSX
ข้อกำหนดของ JSX แสดงค่าของตัวแปร/การคำนวณ
วิธีผ่านค่า Props ไปยังคอมโพเนนต์
กำหนดค่าเริ่มต้นและการใช้งาน State
ใช้งานและอัพเดทค่า State ในฟังก์ชันคอมดพเนนต์
การผ่านค่าฟังก์ชันไปกับ Prop
แสดงหรือซ่อนเนื้อหาด้วย Ternary Operator
เลือกแสดงเนื้อหาด้วย if else และแปลงออบเจ็กต์อาร์เรย์ให้เป็น JSX
ลบบางรายการในลิสต์ด้วยการคลิก
รู้จักและกำหนด React Router ไปยัง App
ผ่านค่าพารามิเตอร์ไปพร้อมกับ URL และแสดงข้อผิดพลาด 404 เมื่อไม่พบ URL
ตรวจสอบ React Lifecycle และ Lifecycle เมื่ออัพเดทค่า State ในคอมโพเนนต์
ตรวจสอบค่า Props กับ State ก่อน render() และ Lifecycle เมื่อได้รับค่า Props มาใหม่
เคลียร์เนื้อหาก่อนออกจากคอมโพเนนต์
สร้างแบบฟอร์มด้วยวิธีอ้างอิงกับ State
คลาสที่จำเป็นและตัวอย่างแบบฟอร์มในทางปฏิบัติ
กำหนดคลาสและยกเลิกปุ่มส่งแบบฟอร์ม
เมธอดส่งแบบฟอร์ม
1.รู้จัก Node.js และติดตั้ง Visual Studio Code
รู้จัก node.js
ดูตัวอย่าง
ติดตั้ง Visual Studio Code และ Node.js
ดูตัวอย่าง
ทดลองแอพพลิเคชันแรกกับ Node.js
รู้จักกับ JavaScript
ตัวแปรและตัวดำเนินการใน JavaScript
อาร์เรย์ สตริง และข้อมูลชนิดออบเจ็กต์
2.แนะนำโมดูลใน Node.js
โมดูลใน Node.js และการใช้งานโมดูล
เขียนข้อความลงในไฟล์
โกลบอลออบเจ็กต์ใน Node.js
การสร้าง Export และการโหลดโมดูล
โมดูล Path และ OS
โมดูล File System และ Event
3.แนะนำ React
รู้จักกับ React
ติดตั้งเครื่องมือและสร้างแอพพลิเคชันแรก
4.คอมโพเนนต์และ JSX
รู้จักคอมโพเนนต์และแก้ไข App คอมโพเนนต์
แสดงส่วนติดต่อผู้ใช้ด้วย JSX
ข้อกำหนดของ JSX แสดงค่าของตัวแปร/การคำนวณ
วิธีผ่านค่า Props ไปยังคอมโพเนนต์
5.State ใน React
กำหนดค่าเริ่มต้นและการใช้งาน State
ใช้งานและอัพเดทค่า State ในฟังก์ชันคอมดพเนนต์
การผ่านค่าฟังก์ชันไปกับ Prop
6.การแสดงข้อมูลในคอมโพเนนต์
แสดงหรือซ่อนเนื้อหาด้วย Ternary Operator
เลือกแสดงเนื้อหาด้วย if else และแปลงออบเจ็กต์อาร์เรย์ให้เป็น JSX
ลบบางรายการในลิสต์ด้วยการคลิก
7.การใช้งาน React Router
รู้จักและกำหนด React Router ไปยัง App
ผ่านค่าพารามิเตอร์ไปพร้อมกับ URL และแสดงข้อผิดพลาด 404 เมื่อไม่พบ URL
8.รู้จักและใช้งาน React Lifecycle
ตรวจสอบ React Lifecycle และ Lifecycle เมื่ออัพเดทค่า State ในคอมโพเนนต์
ตรวจสอบค่า Props กับ State ก่อน render() และ Lifecycle เมื่อได้รับค่า Props มาใหม่
เคลียร์เนื้อหาก่อนออกจากคอมโพเนนต์
9.แบบฟอร์มใน React
สร้างแบบฟอร์มด้วยวิธีอ้างอิงกับ State
คลาสที่จำเป็นและตัวอย่างแบบฟอร์มในทางปฏิบัติ
กำหนดคลาสและยกเลิกปุ่มส่งแบบฟอร์ม
เมธอดส่งแบบฟอร์ม
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
กลับไปที่แดชบอร์ด
ไม่มีเนื้อหาในบทเรียนนี้!
ไม่มีบทเรียน!
กลับไปที่แดชบอร์ด
เนื้อหาบทเรียนถูกล็อค
ลงทะเบียนเพื่อปลดล็อกบทเรียนนี้
ลงทะเบียนเพื่อปลดล็อค
บทเรียนต่อไป