Basic React.js

Basic React.js

ปัจจุบันภาษา JavaScript มีการพัฒนาเป็นรูปแบบ Framework ต่างๆ มากมาย สำหรับนักพัฒนาเว็บไซต์น่าจะเคยผ่านการใช้งาน JavaScript ยอดนิยมหลายตัวมาบ้าง อาทิ jQuery, Angular, VueJS และ Framework หนึ่งที่ได้รับความนิยมอย่างรวดเร็วในหมู่นักพัฒนายุคนี้คือ React.js  นั่นเอง โดยผู้พัฒนาคือ Facebook ได้พัฒนาเพื่อใช้งานใน Web Site Facebook และแจกให้ใช้งานสำหรับผู้ที่ต้องการ React เป็นส่วนที่ใช้ให้ผู้พัฒนา Web Applicationฝั่ง Clientในส่วน Render UI ทำให้สามารถพัฒนาได้สะดวก

ในหลักสูตรนี้ผู้เข้าอบรมจะได้เรียนรู้แนวคิดตั้งแต่พื้นฐานการใช้งาน React.js การเขียนในรูปแบบ JSX การทำงานกับ Babel การสร้าง Component การทำงานกับ props และ state ใน React.js การกำหนดเส้นทาง (Routes) ของแอพพลิเคชั่นที่สร้าง ไปจนถึงการ Deployed งานที่เสร็จแล้วไปใช้จริงต่อไป

รอบการเปิดอบรม

สาขากรุงเทพฯ (ลาดพร้าว)

ยังไม่มีรอบเปิดอบรม (ลงชื่อจองไว้ได้)

ลงทะเบียนจอง   ขอใบเสนอราคา
สาขาชลบุรี(บ้านสวน)

ยังไม่มีรอบเปิดอบรม (ลงชื่อจองไว้ได้)

ลงทะเบียนจอง   ขอใบเสนอราคา

วิดีโอแนะนำคอร์ส:

ดาวน์โหลดไฟล์รายละเอียดคอร์ส:

วัตถุประสงค์:

  • เรียนรู้เรื่องเกี่ยวกับหลักและแนวทางในการพัฒนางานด้วย React
  • เรียนรู้เรื่องเกี่ยวกับการใช้งาน React
  • เรียนรู้การเขียน JSX
  • เรียนรู้การทำงานกับ Bable
  • เรียนรู้การสร้าง Component
  • เรียนรู้การกำหนดคุณสมบัติให้กับ Component ที่นร้าง
  • เรียนรู้การทำงานกับ Props และ State
  • เรียนรู้การ Setting routes
  • เรียนรู้การทำงานกับแบบฟอร์ม
  • เข้าใจ life cycle ของ component

กลุ่มเป้าหมาย:

  • นักเรียนนักศึกษา
  • ครู อาจารย์ วิทยากรที่สนใจ
  • นักวิชาการ นักไอที หรือผู้ดูและระบบ
  • ตลอดจนผู้สนใจทั่วไป

ความรู้พื้นฐาน:

  • มีความรู้ความเข้าใจในเรื่องเกี่ยวกับ Internet และสามารถใช้งานภาษา HTML ได้
  • มีพื้นฐานการเขียนโปรแกรม
  • มีความรู้เกี่ยวกับ Software Development
  • มีความรู้เกี่ยวกับการเขียน Web Application
  • มีความรู้เกี่ยวกับระบบฐานข้อมูล

ระยะเวลาในการอบรม:

  • 18 ชั่วโมง

ราคาคอร์สอบรม:

  • ราคาปกติ 5,500 บาท / คน
  • โปรโมชั่นลด 10% เหลือ 4,950 บาท / คน
  • ราคาเหมาจ่าย (กรณีผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน

วิทยากรผู้สอน:

คอร์สที่ควรอบรมก่อนหน้า:

คอร์สต่อเนื่องที่แนะนำ:

  • ไม่มี

เนื้อหาการอบรม:

Module 1: รู้จัก React.js

  • React.js คืออะไร
  • ติดตั้งเครื่องมือบน Google Chrome สำหรับใช้พัฒนา React
  • สำรวจเว็บไซต์ที่พัฒนาด้วย React
  • การ Render ด้วย React อย่างมีประสิทธิภาพ
  • อัพเดท React เป็นรุ่นล่าสุด

Module 2: แนะนำ JSX และ Babel

  • Pure React
  • Refactoring elements using JSX
  • Babel inline transpiling
  • Babel static transpiling with babel-cli
  • Building with webpack
  • Loading JSON with webpack
  • Adding CSS to webpack build
  • Migrating to webpack 3

Module 3: แนะนำ React Component

  • Planning an ActivityCounter
  • Creating components with createClass()
  • Adding component properties
  • Adding component methods
  • Creating components with ES6 class syntax
  • Creating stateless functional components
  • Adding react-icons

Module 4: การทำงานกับ Props และ State

  • Composing components
  • Displaying child components
  • Default props
  • Validating with React.PropTypes
  • Custom validation
  • Working with state
  • Passing state as props
  • State with ES6 classes

Module 5: การใช้งาน React Router

  • Incorporating the router
  • Setting up routes
  • Navigating with the link component
  • Using route parameters
  • Nesting routes

Module 6: การทำงานกับแบบฟอร์มและ Refs

  • Creating a form component
  • Using refs in class components
  • Two-way function binding
  • Adding an autocomplete component

Module 7: Lifecycle ของ Component

  • Building the Member component
  • Building the MemberList component
  • Understanding the mounting lifecycle
  • Understanding the updating lifecycle

Module 8: Live Workshop สร้างแอพด้วย React

  • Introduction create react app
  • Generating a React project
  • Workshop CRUD

คำค้นหา:

อบรม Basic React JS หลักสูตร Basic React JS สอน Basic React JS สถาบันฝึกอบรม Basic React JS คอร์สอบรม Basic React JS workshop Basic React JS อาจารย์สอน Basic React JS สถานที่เรียน Basic React JS สอน PPHP 7 ราคาถูกสอน Basic React JS ชลบุรีจัดอบรม Basic React JS นอกสถานที่เรียนรู้ Basic React JS

อัพเดทข้อมูลเมื่อ:

  • 2019-01-10 11:24:58