tutor4dev

คอร์สอบรม, บทความ และ คลิปวีดีโอ การพัฒนาเว็บแอพพลิเคชั่น

หลักสูตร React.js and Redux Fundamental

  • ระยะเวลาของหลักสูตร: 3 วัน (21 ชั่วโมง) หรือ 4 วัน (28 ชั่วโมง)
  • รูปแบบการอบรม: In-house Training ณ.องค์กร หรือ หน่วยงาน ของผู้อบรม
  • ติดต่อขอใบเสนอราคา: LINE ID @tutor4dev, โทร. 081-572-2129

tutor4dev-line-at

Prerequisite

  • พื้นฐานการเขียนโปรแกรมภาษา HTML
  • พื้นฐานการเขียนโปรแกรมภาษา JavaScript

เนื้อหาของหลักสูตร

Overview

  • แนวคิดเรื่อง Declarative Rendering และ Component Based Application
  • React.js และ React DOM Overview
  • ใช้งาน ECMAScript 2018
  • การเขียน React.js Application โดยใช้ CDN Library
  • ใช้งาน React.createElement()
  • ใช้งาน create-react-app
  • ใช้งาน React Developer Tools Chrome's Extension

JavaScript XML (JSX)

  • พื้นฐานภาษา JSX
  • การเขียน render() และ ใช้งาน JSX
  • การเขียน Class Component และ Functional Component
  • การเขียน Conditional, List โดยใช้ JSX และ ใช้งาน key
  • ใช้งาน React.Fragment

State Management

  • แนวคิดเรื่อง Unidirectional Data Flow
  • การจัดการ State โดยใช้ setState()
  • ใช้งาน setState() ในแบบ Async
  • การเขียน Event Handler

Dynamic CSS และ Style

  • การทำ Dynamic CSS และ Inline JSCSS (JavaScript CSS)
  • ใช้งาน styled-components

Form

  • แนวคิดเรื่อง Controlled Components
  • การจัดการ Form State
  • การเขียน Event Handler สำหรับ Form และ Form Element
  • การทำ Form Validation

Nested Component

  • ใช้งาน props และ การทำ props Validation
  • ใช้งาน React.PureComponent และ React.memo()
  • ใช้งาน props ในแบบ Function และ JSX
  • ใช้งาน props.children และ props.children()

Single Page Application และ react-router

  • ใช้งาน <BrowserRouter>
  • ใช้งาน <Route />, <Switch>, <Link>
  • การทำ <Route /> Constraint
  • ใช้งาน withRouter() Higher-order Component และ การทำ Programmatic Navigation
  • ใช้งาน Route Parameter และ Query String
  • การทำ Multiple View
  • การทำ Nested Route
  • การเขียน react-router Guard และ ใช้งาน <Redirect />

ReSTful CRUD Application

  • ใช้งาน async และ await
  • ใช้งาน json-server
  • การเขียน XMLHttpRequest และ ใช้งาน axios
  • การทำ Pagination
  • การเขียน Full-text Search โดยใช้ debounce()

Application State Management และ Redux

  • แนวคิดเรื่อง Immutable และ Redux Data Flow
  • การเขียน Spread Syntax
  • การทำ Application State Management โดยใช้ Redux
  • ใช้งาน Redux DevTools Chrome's Extension
  • การเขียน store และ reducer
  • ใช้งาน react-redux
  • การเขียน Action, Action Creator และ ใช้งาน dispatch()
  • การเขียน Async Action Creator และ ใช้งาน redux-thunk Middleware
  • การเขียน Custom Middleware

Authentication

  • การทำ Subscription กับ Firebase
  • การทำ Authentication กับ Firebase
  • การทำ Token Based Authentication โดยใช้ JSON Web Token ร่วมกับ Express.js
  • การทำ Persisten state โดยใช้ sessionStorage และ localStorage

Intermediate Topics

  • ใช้งาน Lifecycle Method
  • ใช้งาน Error Boundary
  • ใช้งาน Context API และ การเขียน Dynamic Context Application
  • ใช้งาน ref และ React.forwardRef()
  • การทำ jquery Plugins Integration
  • การทำ Route-based Code Splitting
  • ใช้งาน import(), React.lazy() และ React.Suspense
  • แนวคิดเรื่อง Component Composition
  • การเขียน Higher-order Component
  • การทำ webpack Customization
  • ใช้งาน webpack's SplitChunksPlugin

Deployment

  • การทำ Production Build
  • การทำ Production Deployment

ติดต่อขอใบเสนอราคา

tutor4dev-line-at

LINE ID @tutor4dev, โทร. 081-572-2129