</>ExpoMobileLabเริ่มเรียน
$ npx learn-mobile --weeks 8

สร้างแอปมือถือ
ของคุณเอง ใน 8 สัปดาห์

ฝึกคิดแบบโปรแกรมเมอร์ วาง flow และออกแบบแอปให้เป็นก่อน แล้วค่อยใช้ AI ช่วยสร้างให้เร็วและดูดีขึ้น เรียนด้วย React Native + Expo มี Slides ที่กดเล่นได้ และ Docs ที่ copy โค้ดได้ทุกจุด

เริ่มสัปดาห์ที่ 1 ดู Roadmap
8
สัปดาห์
5 → 2 → 1
คิด · AI · โปรเจกต์
1 โค้ด
ได้ทั้ง iOS และ Android
ลากเพื่อหมุน

สัปดาห์แรก: เทียบ Expo, Flutter และ Kotlin/Swift แล้วรันแอปแรกบนมือถือ

$ cat roadmap.md

เส้นทาง 8 สัปดาห์

ช่วงแรกฝึก logic, flow และการออกแบบ ช่วงหลังใช้ AI ช่วยขยายงาน แล้วปิดด้วย Project Week สร้างแอปของตัวเอง กดการ์ดเพื่อดูหัวข้อของสัปดาห์นั้น

  1. Phase 1 · สัปดาห์ 1–5

    คิดแบบโปรแกรมเมอร์ ออกแบบก่อนเขียน

    ฝึก logic การวาง flow และการออกแบบหน้าจอกับข้อมูล ทักษะที่ AI ทำแทนไม่ได้ และเป็นสิ่งที่ทำให้สั่ง AI ได้แม่น

  2. week_01 พร้อมเรียน

    พื้นฐาน Expo และการเลือกเครื่องมือ

    รันแอปแรกบนมือถือจริง และรู้ว่าทำไมเลือก Expo

    • Expo
    • React Native
    • Flutter
    • Kotlin / Swift
    • +2
    Slides Docs
  3. week_02 พร้อมเรียน

    คิดแบบโปรแกรมเมอร์: Logic และ Flow

    แตกปัญหาเป็นขั้น วาด flowchart ก่อนแตะโค้ด

    • แตกปัญหา
    • Flowchart
    • Mermaid
    • AI ช่วยตรวจ flow
    • +2
    Slides Docs
  4. week_03 เร็ว ๆ นี้

    ออกแบบ User Flow และหน้าจอ

    ผู้ใช้เดินทางในแอปยังไง แล้วค่อยแปลงเป็นหน้าจอ

    • User journey
    • Screen map
    • Wireframe
    • Expo Router
    • +1
    ดูหัวข้อ
  5. week_04 เร็ว ๆ นี้

    ออกแบบข้อมูลและ State

    แอปจำอะไร เปลี่ยนเมื่อไหร่ และดึงข้อมูลมาจากไหน

    • Data model
    • State
    • State machine
    • Props
    • +2
    ดูหัวข้อ
  6. week_05 เร็ว ๆ นี้

    ออกแบบ UI เป็นระบบ

    Component, Flexbox และ design system เล็ก ๆ ของแอป

    • Component thinking
    • Flexbox
    • Design tokens
    • สี / ตัวอักษร / ระยะห่าง
    • +1
    ดูหัวข้อ
  7. Phase 2 · สัปดาห์ 6–7

    ใช้ AI ขยายงานให้ใหญ่และดูดีขึ้น

    เอา flow และแบบที่ออกไว้ไปทำงานคู่กับ AI ให้ช่วยเขียน ปรับ UI ตรวจ และเพิ่มฟีเจอร์ โดยเรายังเป็นคนตัดสินใจ

  8. week_06 เร็ว ๆ นี้

    ทำงานคู่กับ AI

    เปลี่ยน flow และแบบที่ออกไว้ เป็นคำสั่งที่ AI เข้าใจ

    • Spec จาก flow
    • Prompt ที่ดี
    • AI เขียนโค้ด
    • อ่านและตรวจโค้ด AI
    • +1
    ดูหัวข้อ
  9. week_07 เร็ว ๆ นี้

    Scale งานด้วย AI

    ให้ AI ช่วยขัด UI เพิ่มฟีเจอร์ และจัดโค้ดให้ดูโปร

    • ขัด UI ให้สวย
    • Refactor
    • เพิ่มฟีเจอร์เร็ว
    • Test / Debug กับ AI
    • +1
    ดูหัวข้อ
  10. Phase 3 · สัปดาห์ 8

    Project Week

    สร้างแอปของตัวเองตั้งแต่ flow จนถึงแอปที่รันบนมือถือ เพื่อทบทวนทุกอย่าง

  11. week_08 Project Week

    Project Week: สร้างแอปของคุณเอง

    ทบทวนทุกอย่าง ตั้งแต่ flow จนถึงแอปที่รันได้จริง

    • วาง flow เอง
    • ออกแบบหน้าจอและข้อมูล
    • ใช้ AI ช่วยสร้าง
    • Code review
    • +1
    ดูหัวข้อ
$ how --it-works

แต่ละสัปดาห์เรียนยังไง

ทุกสัปดาห์ใช้จังหวะเดียวกัน 4 ขั้น เรียนในคลาสด้วย Slides แล้วกลับไปทบทวนเองด้วย Docs

  1. 01

    ดูภาพรวมสัปดาห์

    รู้ก่อนว่าจะเจอหัวข้ออะไร และจบสัปดาห์จะสร้างอะไรได้

    ExpoFlutterExpo GoRouter
  2. 02

    เรียนผ่าน Slides ที่กดเล่นได้

    มีมือถือจำลอง แบบทดสอบ และตัวช่วยเลือกเครื่องมือ ไม่ใช่สไลด์นิ่ง ๆ

    05 / 14 · ลงมือทำ
  3. 03

    อ่าน Docs แล้ว copy โค้ด

    ทุกคำสั่งและทุกไฟล์มีปุ่ม copy วางใน terminal ได้ทันที

    npx expo start
  4. 04

    ลงมือทำ mini project

    ทุกสัปดาห์จบด้วยงานเล็ก ๆ และสัปดาห์สุดท้ายคือแอปของคุณเอง

    • รันบนมือถือ
    • เพิ่มหน้า About
$ expo start --week 1

พร้อมแล้ว เริ่มที่สัปดาห์แรกกัน

ใช้แค่คอมพิวเตอร์หนึ่งเครื่องกับมือถือที่มีอยู่ ภายในคาบแรกแอปของคุณจะรันบนมือถือจริง

เปิด Slides สัปดาห์ที่ 1