Mobile Apps · MBC-17

Basic React Native (สำหรับผู้เริ่มต้น)

12 hours 2 days
Last updated

Basic React Native (สำหรับผู้เริ่มต้น) is a 12-hour training course by IT Genius Institute. สำหรับเนื้อหา Basic React Native (สำหรับผู้เริ่มต้น) นี้เป็นจุดเริ่มต้นที่สำคัญมากๆ สำหรับทุกคน เพราะเป็นการปูพื้นฐานที่ดีในการพัฒนา Mobile app…

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

Basic React Native (สำหรับผู้เริ่มต้น) สำหรับเนื้อหา Basic React Native (สำหรับผู้เริ่มต้น) นี้เป็นจุดเริ่มต้นที่สำคัญมากๆ สำหรับทุกคน เพราะเป็นการปูพื้นฐานที่ดีในการพัฒนา Mobile app ว่ากันตั้งแต่การเตรียมความพร้อมเครื่องไม้เครื่องมือ แนวคิดในการพัฒนาแอพพลิเคชั่นทั้งฝั่งแอนดรอยด์ (android) และไอโอเอส (ios) ทำความเข้าใจโครงสร้างของโปรเจ็กต์อย่างละเอียดชนิดที่ต้องเล่าทุกไฟล์ ทุกบรรทัดสำหรับมือใหม่ เพื่อให้เข้าใจทะลุปรุโปร่งทุกจุด ก่อนจะไปลุยกันต่อในการเขียนแอพที่ซับซ้อนขึ้นต่อไป

Objectives

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

Who this course is for

  • สามารถพัฒนาแอพพลิเคชันด้วย React Native ได้

Prerequisites

  • เนื้อหาหลักสูตรนี้เหมาะสำหรับมือใหม่ ที่ยังไม่มีประสบการณ์กับ React Native ในการพัฒนาแอพมาก่อน สามารถเริ่มเรียนรู้ได้จากที่นี่เลย จะมีการปรับพื้นฐานการใช้งาน React.JS เบื้องต้นให้ก่อนเล็กน้อยก่อนจะเข้าสู่การทำงานกับ React Native เพื่อเริ่มออกแบบและพัฒนา Mobile App ทั้งบน Android และ iOS

Curriculum

ภาพรวมหัวข้อการอบรม

Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows
Module 2: ทบทวนพื้นฐานการเขียน React.JS
Module 3: เริ่มต้นสร้างและทดสอบ React Native App
Module 4: การสร้างและทำงานกับ UI Core Component
Module 5: การสร้าง Navigation ระหว่างหน้าจอ
Module 6: การเข้าถึง API ของระบบ
Module 7: การทำงานกับกล้องถ่ายภาพและสแกนโค้ด
Module 8: การพัฒนาแอพเชื่อมต่อกับ Rest API


รายละเอียดหลักสูตร

Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows

แนะนำสเปกและคุณสมบัติเครื่องที่จะติดตั้งเครื่องมือสำหรับ React.JS / React Native
ขั้นตอนการติดตั้ง Node.JS
ขั้นตอนการติดตั้ง Visual Studio Code (VS Code) และส่วนเสริม (Extension) ที่จำเป็นสำหรับ React
แนะนำขั้นตอนการติดตั้งฐานข้อมูล MongoDB สำหรับไว้ทดสอบเขียนเชื่อมต่อกับ Node.JS สร้าง Rest API
การติดตั้ง React-Native CLI


Module 2: ทบทวนพื้นฐานการเขียน React.JS

รู้จัก React.js
แนะนำ JSX
แนะนำ React Component
การทำงานกับ Props
State ใน React
การใช้งาน React Router


Module 3: เริ่มต้นสร้างและทดสอบ React Native App

ภาพรวมการพัฒนาแอพด้วย React Native
การสร้างขึ้นโปรเจ็กต์ React Native ด้วย React-Native CLI
แนะนำโครงสร้างโปรเจ็กต์ React Native
การทดสอบรันแอพบน Emulator (Android/iOS)
การรันแอพทดสอบบนเครื่องจริง (Android)
การกำหนด StyleSheet
แนวคิดเกี่ยวกับการออกแบบ Responsive UI
หลักการทำงานกับ CSS Flexbox ร่วมกับ React Native


Module 4: การสร้างและทำงานกับ UI Core Component

การใช้งาน Component Alert
การทำงานกับ Component Text, Nested Text, Props, Style
ใช้งาน Component Button
การใช้งาน Component TextInput รับข้อมูล
ใช้งาน Component Switch สำหรับตัวเลือกรายการ
แสดงรูปภาพด้วย Component Image
เรียนรู้และใช้งาน Component ในกลุ่ม touchable
การใช้งาน Component Modal แสดง Popup
ใช้งาน Component ScrollView, FlatList และ SectionList
แนะนำการใช้งาน Iconicons


Module 5: การสร้าง Navigation ระหว่างหน้าจอ

รู้จักและติดตั้ง Library สำหรับทำ Navigation
การเปลี่ยนหน้าจอด้วย Stack Navigator
การปรับแต่ง Header Title
การส่งข้อมูลระว่างหน้าจอ
กากรสร้างและใช้งาน Bottom Tab Navigation
Module 6: การเข้าถึง API ของระบบ

การตรวจสอบขนาดหน้าจอ
ทิศทางการหมุนหน้าจอ
ตรวจสอบสถานะการเชื่อมต่อ Internet
การ link ไปยังแอปอื่นๆ
พิกัดและตำแหน่ง และการทำงานกับแผนที่ Google Map
การจัดเก็บข้อมูลด้วย AsyncStorage


Module 7: การทำงานกับกล้องถ่ายภาพและสแกนโค้ด

แนะนำ Library สำหรับตรวจสอบ Permission
การเลือกกล้องหน้า หลัง และการใช้แฟลช
การถ่ายภาพ
การถ่ายวิดีโอ
การสแกน Barcode และ QR code
การใช้งาน Library Image Picker


Module 8: การพัฒนาแอพเชื่อมต่อกับ Rest API

การขึ้น Project Node.jS + Express สำหรับสร้าง Rest API
การรับส่งข้อมูลระหว่าง Mobile App และ Web API Server
การแสดง Loading... ระหว่างโหลดข้อมูลจาก API
การส่งข้อมูลขาก Component ไปยัง Server
การติดต่อกับฐานข้อมูลฝั่ง Server
การสร้างรายการของ FlatList ด้วยข้อมูลจาก Server

Frequently asked questions

Who is Basic React Native (สำหรับผู้เริ่มต้น) for, and what background is needed?

Built for สามารถพัฒนาแอพพลิเคชันด้วย React Native ได้ Background you should have: เนื้อหาหลักสูตรนี้เหมาะสำหรับมือใหม่ ที่ยังไม่มีประสบการณ์กับ React Native ในการพัฒนาแอพมาก่อน สามารถเริ่มเรียนรู้ได้จากที่นี่เลย จะมีการปรับพื้นฐานการใช้งาน React.JS เบื้องต้นให้ก่อนเล็กน้อยก่อนจะเข้าสู่การทำงานกับ React Native เพื่อเริ่มออกแบบและพัฒนา Mobile App ทั้งบน Android และ iOS Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Basic React Native (สำหรับผู้เริ่มต้น) cost and how long does it run?

THB 5,500 (currently THB 4,950 on promotion). The course runs 12 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.

Instructors

Run this course for your whole team

We run this course in-house, tailored to your stack.

Corporate training quote