หลักสูตรอบรมสำหรับองค์กร

Build a web application with React: TypeScript Edition

เรียนรู้จากพื้นฐานจนถึงสร้างเว็บแอพจริง กับการใช้งาน React ในการสร้าง Web Application ด้วยภาษา TypeScript
ระยะเวลา
4 วัน ระหว่าง 9:30 - 16:30 น.
รูปแบบการบริการ
  • สอนสดออนไลน์
  • จัดอบรมที่องค์กร (on-site)

สิ่งที่จะได้เรียนรู้จากการอบรม

พื้นฐานสำคัญ ในการใช้งาน Node.js

พื้นฐานในการเขียนเว็บด้วยภาษา TypeScript

เรียนรู้การพัฒนา Single-Page Application (SPA) ด้วย React และเครื่องมือต่างๆ รวมไปถึง React hook

การใช้งาน State management ใน React Project

การสร้างระบบ Navigation ด้วย React Navigation

แนวคิด และวิธีการ deploy เว็บแอพพลิเคชั่นขึ้น production

องค์กรชั้นนำได้เลือกคอร์สนี้ให้ทีมขององค์กร

เนื้อหาคุณภาพ,​ เข้าใจง่าย, สอนโดยผู้มีประสบการณ์ คุณก็สามารถเพิ่มทักษะใหม่ๆ ให้กับทีมของคุณได้ โทรติดต่อเราได้เลย

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

เต็มอิ่มกับการเข้าใจแนวคิดพื้นฐานแน่นๆ และออกแบบจากการใช้งานจริง

Node & TypeScript

  • ทำความเข้าใจระบบ Node.js และความสำคัญในการใช้งาน
    • การใช้งานคำสั่ง node CLI ในการพัฒนาเว็บด้วย React
    • การใช้งาน JavaScript ในการทำงาน
    • การติดตั้งและจัดการ package library
  • ปูพื้นฐาน TypeScript สำหรับคนเขียน JQuery
    • JavaScript และ Data type เบื้องต้น
    • Import และ export
    • แนวคิดเบื้องต้นในการใช้งาน Class
      • การสร้าง Property และ Method
      • การใช้งาน Constructor
    • แนวคิดเบื้องต้นในการใช้งาน Interface และ Enum
    • แนวคิดการใช้งาน และจัดการ Nullable Type

React Fundamental

  • แนวคิดของเทคโนโลยี React
  • การสร้างและจัดการโปรเจค React
    • เรียนรู้พื้นฐาน และพัฒนา Web Component ด้วย React
    • แนวคิดและการจัดการ Component
    • การกำหนดคุณสมบัติของ Component ด้วย Props
    • การทำ Styling User Interface ใน React
    • ทำความเข้าใจแนวคิด และใช้งาน React Hook
    • เข้าใจการควบคุมการแสดงผลแอพด้วย State
  • การใช้งาน CSS Library ใน React
  • การใช้งาน Tailwind CSS ในโปรเจค React TypeScript

State Management with React Context & Navigation

  • State Management
    • เรียนรู้ความสำคัญของ State Management
    • เข้าใจแนวคิดของ React Context
    • การใช้งาน React Hook ในการควบคุม State ของ React Component
    • การใช้งาน React context ในการควบคุม State ของ แอพพลิเคชั่น
    • การใช้งาน React Context ในโปรเจคภาษา TypeScript
  • Navigation
    • การติดตั้ง React Navigation
    • การจัดการ Route และ Component
    • การใช้งาน React Navigation ในโปรเจคภาษา TypeScript

React in Action

  • Working with Data
    • เข้าใจแนวทางการจัดการ External Data ในโปรเจค React
    • การสร้าง Model Class ได้สบายๆ
    • การโหลดใช้งานข้อมูล JSON ใน React Project
    • วิธี Mapping ข้อมูล JSON กับ Model class
    • การใช้งานรูปภาพกับ React Component
  • แนวทาง และวิธีการนำเว็บขึ้นใช้งานใน Production
    • การทำ Minification
    • การใช้งาน distribution directory

ความรู้พื้นฐานที่จำเป็น

  • มีประสบการณ์ในการพัฒนาเว็บด้วยภาษา HTML, CSS, JavaScript ไม่ต้องโปร

เกี่ยวกับผู้สอน

พล หรือ โค้ชพล เป็นที่ปรึกษา และวิทยากรสายเทคโนโลยี ที่สนใจและมีประสบการณ์ในการทำเว็บ โมบายล์แอพพลิเคชั่น กว่า 8 ปี เป็นผู้ก่อตั้ง Nextflow.in.th และแนะนำการใช้เทคโนโลยี Cross Platform เป็นคนแรกในประเทศไทยบน YouTube

ปัจจุบันได้รับตำแหน่ง Microsoft MVP (Most Valuable Professional) และรักที่จะถ่ายทอดความรู้ ความเข้าใจด้านเทคโนโลยีในฐานะที่ปรึกษา และวิทยากรให้กับองค์กร และสถาบันการศึกษาต่างๆ

“หากเราเข้าใจแก่นของเทคโนโลยีได้อย่างถูกต้อง การเรียนรู้จะง่ายและสนุก เอาไปใช้ในงานของเราได้อย่างมั่นใจกว่าแน่นอน”

รีวิวจากผู้เรียน

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

แสนศักดิ์ ดีทวี
บริษัท วิชั่นเน็ต จํากัด

ความเป็นกันเอง และแนะนำรายละเอียดเข้าใจง่าย

Pasita Butphan
โรงพยาบาลรามาธิบดี

อาจารย์พลสอนดีครับ เข้าใจง่าย

เอกพันธุ์ อุดมพืช
การไฟฟ้าส่วนภูมิภาค

สนใจติดต่อจัดอบรมสำหรับทีมองค์กร ทั้งแบบ on-site และ online training ได้ตามช่องทางด้านล่างเลย

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save