Mobile Apps · MBC-18

Intermediate React Native (ขั้นกลาง)

18 hours 3 days

Last updated 25 Sep 2026

Intermediate React Native (ขั้นกลาง) is a 18-hour training course by IT Genius Institute. สำหรับเนื้อหา Intermediate React Native (ขั้นกลาง) เป็นการต่อยอดจากหลักสูตร Basic React Native (สำหรับผู้เริ่มต้น)…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

สำหรับเนื้อหา Intermediate React Native (ขั้นกลาง) เป็นการต่อยอดจากหลักสูตร Basic React Native (สำหรับผู้เริ่มต้น) เพื่อเรียนรู้ในหัวข้อและประเด็นเพิ่มเติมที่น่าสนใจ อาทิ การออกแบบ Layout แบบต่างๆ, การสร้าง Components ให้สามารถใช้ซ้ำได้, การจัดการ State Management ใน React Component, การทำงานกับ Input และ Forms Component, การทำงานกับ Navigation รวมไปถึงการพาทำ Workshop แอพอ่านข่าวเชื่อมต่อ API จาก Node.JS ที่จะช่วยให้เข้าใจแนวทางการใช้งานได้ดียิ่งขึ้น

Objectives

เข้าใจโครงสร้างของโปรเจ็กต์
สามารถพัฒนาแอพพลิเคชันด้วยภาษา JavaScript ได้

Who this course is for

ผู้ที่อยากพัฒนาแอพพลิเคชัน Android ด้วยภาษา JavaScript
ผู้ที่อยากพัฒนาแอพพลิเคชัน iOS ด้วยภาษา JavaScript

Prerequisites

เนื้อหาหลักสูตรนี้เหมาะสำหรับผู้ที่ผ่านหลักสูตร Basic React Native (สำหรับผู้เริ่มต้น) มาแล้ว จะได้ฝึกฝนเพิ่มทักษะการทำงานกับ React Native ไปอีกขั้น ก่อนจะได้เรียนรู้การใช้งานในระดับสูงต่อไป

Curriculum

Module 1: ทบทวน Core Component และ API พื้นฐาน

การทำงานกับ View
การทำงานกับText
การทำงานกับ Image
การทำงานกับ Button
การทำงานกับ Touchables
การทำงานกับ Alert
การทำงานกับ StyleSheet
การเขียนโค้ดให้รองรับแต่ละ Platform ทั้ง Android/iOS

Module 2: การออกแบบ Layout แบบต่างๆ

การใช้งาน Flexbox ที่มีความซับซ้อนขึ้น
การทำงานกับ Absolute และ Relative Positioning
การออกแบบหน้า Welcome Screen และหน้า Onboarding แบบต่างๆ
การออกแบบ UI ด้วยภาพนิ่ง และภาพ Animation
การปรับแต่งโค้ด CSS ให้สามารถใช้งานซ้ำได้อย่างมีประสิทธิภาพ
การตกแต่งฟอนต์ในแอพแบบต่างๆ ทั้งแบบ Global และแบบแยกแต่ละ Platform

Module 3: การสร้าง Components ให้สามารถใช้ซ้ำได้ (Reusable Components)

การ Reuse Component ด้วย Props
การสร้างความสัมพันธ์แบบ Parent - Child ระหว่าง Component
การส่งข้อมูลระหว่าง Parent - Child
การเรียกทำงานกับ Images Component
ส่งค่า Images ผ่าน Props

Module 4: การจัดการ State Management ใน React Component

รู้จัก State ใน Components
รู้จัก State ใน Actions
เรียนรู้ Coordinating State
การส่งค่า Callbacks to Children
การ Validating State Changes
แนวทาง Reusable State Updates
แนะนำ Reducers
การสร้าง Reducer
ประยุกต์ใช้ State กับ Reducer

Module 5: การทำงานกับ Input และ Forms Component

การใช้งาน TextInput และปรับแต่งให้สวยงาม
การใช้งาน Switch พร้อมการปรับแต่ง
การใช้งาน Picker เช่น Datetime Picker ไว้เลือกวันเวลาจากปฏิทิน
การทำงานกับ Modal พร้อม Custom ทิศทางการแสดงผล
การใช้งาน Picker Items และเขียน Handle เหตุการณ์ทำงานแบบต่างๆ
สร้าง Login Form พร้อมปรับแต่งความสวยงาม
การสร้าง Error Message บนฟอร์ม
การปรับแต่งโค้ดเพื่อสามารถใช้งานซ้ำในฟอร์มอื่นๆ ได้

Module 6: การทำงานกับ Navigation

ติดตั้งและคอนฟิก Navigation เบื้องต้น
การทำงานกับ Stack Navigation
การส่งค่า Parameters ผ่าน Navigation
การทำงานกับ Navigation bar และ Navigation button
การใช้งาน Tab Navigation
รู้จัก Sidebar หรือ Drawer Navigation
การทำงานแบบ Nesting Navigation

Module 7: Workshop Combining Drawer Tab and Stack navigators

ขึ้นโครงสร้างโปรเจ็กต์เพื่อรองรับการทำงานกับ React Navigation 6
ติดตั้ง Library ทีจำเป็น
การขึ้นโครงสร้างแบบ Stack ร่วมกับ Drawer navigators
สร้างเมนูต่างๆ บน Drawer Navigator
สร้างเมนูสำหรับ Tab navigator
ออกแบบส่วนหัว (Header) ของ Tab
การเรียก Navigate Component ใหม่จาก Drawer
การปรับแต่งให้สามารถทำงานร่วมกันได้ทั้ง Android / iOS

Module 8: Workshop แอพอ่านข่าวเชื่อมต่อ API จาก Node.JS

เตรียม Rest API ที่พัฒนาด้วย Node.JS Express
เขียน Login และ Register ผ่าน API
เก็บข้อมูลลง state และ local storage
เขียนส่วนการแสดงผลข่าวล่าสุดเรียงตามเวลา
เขียนส่วนการแสดงข่าวตามหมวดหมู่
แสดงหน้ารายละเอียดข่าว
เขียนส่วนการค้นหาข่าวที่สนใจ

Frequently asked questions

Who is Intermediate React Native (ขั้นกลาง) for, and what background is needed?

Built for ผู้ที่อยากพัฒนาแอพพลิเคชัน Android ด้วยภาษา JavaScript · ผู้ที่อยากพัฒนาแอพพลิเคชัน iOS ด้วยภาษา JavaScript Background you should have: เนื้อหาหลักสูตรนี้เหมาะสำหรับผู้ที่ผ่านหลักสูตร Basic React Native (สำหรับผู้เริ่มต้น) มาแล้ว จะได้ฝึกฝนเพิ่มทักษะการทำงานกับ React Native ไปอีกขั้น ก่อนจะได้เรียนรู้การใช้งานในระดับสูงต่อไป Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Intermediate React Native (ขั้นกลาง) cost and how long does it run?

THB 6,500 (currently THB 5,850 on promotion). The course runs 18 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.