-
1. แนะนำ React Native
3 บทเรียน-
ชมตัวอย่างเกี่ยวกับ React และ React Native
-
ชมตัวอย่างติดตั้ง Node.js, Visual Studio Code และ Extensions
-
เริ่มเรียนติดตั้ง expo-cli, สร้างและทดสอบแอพพลิเคชัน
-
-
2. ทดสอบแอพพลิเคชัน
1 บทเรียนหรือสอนหรือการเรียนและเครื่องเตือนสติ-
เริ่มเรียนแนวทางการทดสอบแอพพลิเคชัน
-
-
3. คอมโพเนนต์ และ JSX
5 บทเรียน-
เริ่มเรียนสร้างคอมโพเนนต์ (Component)
-
เริ่มเรียนทดลองแก้ไข App คอมโพเนนต์
-
เริ่มเรียนสร้างส่วนติดต่อกับผู้ใช้ด้วย JSX
-
เริ่มเรียนการแสดงค่าของตัวแปรใน JSX
-
เริ่มเรียนตัวอย่างการสร้างฟังก์ชันคอมโพเนนต์ชื่อ Comment
-
-
4. props ใน React Native
5 บทเรียน-
เริ่มเรียนคุณสมบัติพื้นฐานของคอมโพเนนต์
-
เริ่มเรียนวิธีผ่านค่า props ไปยัง Child คอมโพเนนต์
-
เริ่มเรียนการผ่านค่า props หลายๆ ค่า
-
เริ่มเรียนการรับค่า props.children มาใช้งาน
-
เริ่มเรียนประกาศตัวแปรเพื่อรับค่า props
-
-
5. พื้นฐานการใช้งาน state
4 บทเรียน-
เริ่มเรียนกำหนดค่าเริ่มต้นให้กับ State
-
เริ่มเรียนการใช้งาน useState ฮุกในฟังก์ชันคอมโพเนนต์
-
เริ่มเรียนsetState() เป็น asynchronous
-
เริ่มเรียนผ่านค่าฟังก์ชันไปกับ props
-
-
6. Platform และการใช้สไตล์
5 บทเรียน-
เริ่มเรียนView คอมโพเนนต์และสร้างสไตล์
-
เริ่มเรียนกำหนดหลายสไตล์ด้วยอาร์เรย์
-
เริ่มเรียนหาขนาด กำหนดขนาดและหมุนหน้าจอ
-
เริ่มเรียนปรับแต่งสไตล์ตามอุปกรณ์ที่ใช้
-
เริ่มเรียนสร้างคอมโพเนนต์สำหรับ Android
-
-
7. Flexbox และการจัดเรียงคอมโพเนนต์
3 บทเรียน-
เริ่มเรียนFlexbox ใน React Native
-
เริ่มเรียนเรียงคอมโพเนนต์ในแนวคอลัมน์
-
เริ่มเรียนการจัดเรียงในแกนหลัก (justifyContent)
-
-
8. ScrollView และ FlatList
4 บทเรียน-
เริ่มเรียนการใช้งาน ScrollView คอมโพเนนต์
-
เริ่มเรียนเลื่อนหน้าจอในแนวนอนด้วย ScrollView
-
เริ่มเรียนการนำข้อมูลจากอาร์เรย์มาแสดงใน ScrollView
-
เริ่มเรียนแสดงรายชื่อนักเรียนใน FlatList และลบรายการใน FlatList
-
-
9. พื้นฐานการใช้งาน React Navigation
4 บทเรียน-
เริ่มเรียนติดตั้ง React Navigation V6
-
เริ่มเรียนตัวอย่างการเปลี่ยนหน้าจอแบบง่ายๆ
-
เริ่มเรียนการส่งข้อมูลไปยังรูทปลายทาง
-
เริ่มเรียนวิธีผ่านค่ากลับไปยังรูทต้นทาง
-
-
10. การใช้งาน Bottom Tab Navigator
1 บทเรียนหรือสอนหรือการเรียนและเครื่องเตือนสติ-
เริ่มเรียนติดตั้ง Bottom Tab Navigator
-
-
11. แบบฟอร์มและส่วนติดต่อกับผู้ใช้
3 บทเรียน-
เริ่มเรียนTextInput คอมโพเนนต์
-
เริ่มเรียนกำหนด state เก็บค่าอินพุต
-
เริ่มเรียนSwitch, Picker และ Modal คอมโพเนนต์ พร้อมการแสดงหน้าต่าง Alert
-
React Native
การพัฒนาโมไบล์แอพ
Course Summary
วิธีการสร้างคอมโพเนนต์ร่วมกับการใช้ Hook แบบต่าง ๆ , พื้นฐานการเปลี่ยนหน้าจอโดยใช้ React Navigation, การกำหนดแท็บด้วย Bottom Tab Navigator, พื้นฐานการสร้างแบบฟอร์มและการสร้างหน้าต่างโต้ตอบ
Course Curriculum
กองบรรณาธิการ Simplify
