CODE SASS

คอร์สออนไลน์บทความลงทะเบียน
  • 1
    แนะนำคอร์สเรียน

    แนะนำคอร์สเรียนและ Workshop ที่จะได้ลงมือปฏิบัติในคอร์สเรียนนี้

      • ภาพรวมของคอร์สนี้
      Code และไฟล์อื่น ๆ สำหรับโปรเจคนี้
      การเชื่อมต่อ UI กับ API ในคอร์สนี้
  • 2
    ทบทวน JavaScript ที่สำคัญ

    เรียนรู้ JavaScript สมัยใหม่ที่สำคัญสำหรับการเขียนโค้ดในคอร์สนี้

      • Nodemon
      let และ const
      Or, Optional Chaining และ Nullish Coaleasing
      Destructuring
      Arrow Functions
      Methods
      Map และ Filter
  • 3
    การใช้งาน React

    React คืออะไร เรียนรู้การใช้งาน React กับหลักการที่สำคัญ

      • การติดตั้งและใช้งาน React
      Component-Based Design
      JSX
      Dynamic List
      ฟอร์แมตโค้ดด้วย Prettier
      Fragment
      การใช้งาน Props
      useState
      useEffect
      การดึงข้อมูลจาก API ด้วย axios
      การสร้าง React Hooks
  • 4
    การใช้ React กับ Bootstrap

    เรียนรู้การจัด UI ด้วยการใช้ Bootstrap ผ่าน React

      • การใช้งาน React Bootstrap
      Utilities Classes
      Container
      Grid System
      Cards
  • 5
    Form Management

    เรียนรู้การจัดการฟอร์มด้วย React Hook Form

      • Form Component
      React Hook Form
      การตรวจสอบความถูกต้องของฟอร์ม
      Form Default Value
  • 6
    React Router

    เรียนรู้การจัดการการเปลี่ยนหน้าเพจด้วย React Router

      • การติดตั้งและใช้งาน React Router
      Outlet
      Link
      Navigate
      useParams
      useNavigate
  • 7
    Redux และ Redux Toolkit

    เรียนรู้การจัดการ Global State ด้วย Redux Toolkit

      • หลักการของ Redux Toolkit
      createSlice
      configureStore
      useSelector
      useDispatch
      Redux DevTools
  • 8
    [Workshop] ระบบ POS ขายสินค้าออนไลน์

    ประมวลผลความรู้ด้วยการสร้าง Workshop ระบบขายสินค้าออนไลน์

      • ภาพรวมของ workshop
      โครงสร้างโปรเจค
      Layout Component
      หน้าแสดงผล Products ทั้งหมด
      การตั้งค่า Env ใน .env
      การแสดงผล Product Item
      cartSlice
      หน้าจัดการตะกร้าสินค้า
      ส่วนแสดงผล Orders
      Product Form
      Product Details Component
      หน้าจัดการการ Edit Form
      uiSlice
  • 9
    Deployment

    เรียนรู้การ deploy โค้ดสู่ Production บนบริการฟรีของ Vercel

      • แนะนำ Vercel
      Git
      Deploy
  • 10
    Certificate Exam

    แบบทดสอบท้ายคอร์ส

      • แบบทดสอบ

ภาพรวมของคอร์สนี้

โปรดลงทะเบียนเพื่อเข้าถึงเนื้อหาของบทเรียนนี้
โปรดลงทะเบียนเพื่อเข้าถึงเนื้อหาของบทเรียนนี้
ลงทะเบียน

เว็บไซต์นี้ใช้คุกกี้และมีการเก็บข้อมูล

เรามีการจัดเก็บข้อมูลและใช้คุกกี้สำหรับระบุตัวตนผู้ใช้งานพร้อมเพิ่มประสิทธิภาพและปรับปรุงประสบการณ์การใช้งานเว็บไซต์ของคุณให้ดียิ่งขึ้น คุณสามารถตั้งค่าการยินยอมการใช้งานข้อมูลจากลิงก์การตั้งค่าหรือ อ่านนโยบายข้อมูลส่วนบุคคล

การตั้งค่า