Reactive Web Application Development With ReactJS Framework
- TTDG29
- Classroom
- Fundamental
- Thai | 0
เรียนรู้เกี่ยวกับการเขียน Web Application ด้วย React.js (Typescript) ซึ่งถูกจัดว่าเป็น JavaScript Library กำลังเป็นที่ยอดนิยม โดยเอามาทำ UI สำหรับทำ Web Application พัฒนาโดย Facebook
Course description
Time
Instructor
Venue
Reactive Web Application Development With ReactJS Framework
ReactJS เป็น Java Script Library ตัวนึงที่ได้รับความสนใจเป็นอย่างมากในขณะนี้ เนื่องด้วยเป็น Library ที่มีจุดเด่นสำคัญคือ Virtual DOM ทำให้ทำงานได้เร็วมากเมื่อเทียบกับ Framework อื่น ๆ ทั่วไป อีกทั้งเป็น Library ที่สามารถนำมาพัฒนาต่อยอดได้อย่างง่ายดาย มีประสิทธิภาพสูง เป็นที่ยอมรับในหมู่นักพัฒนา web application อีกทั้งยังสามารถพัฒนาต่อยอดไปทำ mobile application ได้ด้วย (React Native)
TypeScript เป็น Super Script ของ Java Script เพื่อช่วยให้การพัฒนาโปรแกรมด้วยภาษา Java Script มีความยืดหยุ่นสูงขึ้น มีความเป็น OOP, ทำให้สามารถ scale ขนาด Project ได้อย่างง่ายดายและมีประสิทธิภาพ
ในหลักสูตรนี้จะเป็นการนำความสามารถของทั้งสองตัวคือ ReactJS ที่เป็น Framework ที่มีความคล่องตัวสูงมาพัฒนาในรูปแบบ TypeScript ที่มีความคล่องตัวสูงทำให้การพัฒนา Solution ด้วย React สามารถตjอยอดได้ง่ายขึ้น
กลุ่มเป้าหมาย
- นักพัฒนาระบบ Programmer
- นักออกแบบระบบ System Analyst
- นักทดสอบระบบ Software Tester
- ผู้ดูแลระบบ
คุณสมบัติของผู้เข้าอบรม
- มีความเข้าใจในระบบงานไอทีพื้นฐาน
- มีความรู้ความเข้าใจใน HTML
- มีความรู้ความเข้าใจใน CSS
- มีความรู้ความเข้าใจใน Java script เป็นอย่างดี
- เพื่อเข้าใจหลักการทำงานของ ReactJS
- เพื่อให้สามารถพัฒนาระบบงานด้วย ReactJS แบบ Type Script
- เพื่อให้สามารถนำ Redux มาประยุกต์ใช้กับงานที่พัฒนาด้วย ReactJS ได้
Day 1
- โครงสร้าง ReactJS Project แบบ Type Script
- การใช้งาน ReactJS Language (ES7 and JSX) เบื้องต้น
- การใช้งาน React Component (Class and Functional) และ UI เบื้องต้น
- การสร้าง Sub Component
- เครื่องมือแปลง HTML ให้เป็น JSX
- การใช้งาน Data Binding (Props and State)
- การดัก Event ที่เกิดขึ้นกับ UI Components แต่ละตัวเช่น การ click ที่ Button, Input
Day 2
- การติดตั้ง Material UI Framework เพื่อใช้งานร่วมกับ ReactJS
- การใช้งาน Material UI Framework สร้างหน้าแสดงผลข้อมูล
- การใช้งาน Material UI Framework สร้าง Form สำหรับจัดการข้อมูล
- การใช้งาน Redux (Unidirectional Data Flow)
- การใช้งาน React Router
- การส่งและรับค่าระหว่่าง Pages
Day 3
- การใช้งาน Redirect React Routing Page
- การใช้งาน Secured React Routing Page
- การใช้งาน Redux for Page Navigation
- เข้าใจหลักการทำงาน ของ Component Life Cycle Eventsการใช้งาน Library 3rd Party
- การใช้งาน Axios เพื่อเรียกใช้งาน Rest API
- การใช้ RESTful Services/APIs ใน React Application
- การ Compile และ Run Project
Payment can be made by:
- Cash or Credit Card or Bank Cheque payable to
สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ or National Science and Technology Development Agency
(a post-dated cheque is not accepted) on the first day of the service or within the last day of the service. - Account transfer and send the proof of the payment (the deposit slip) via email [email protected]
- ธนาคารกรุงเทพ สาขาอุทยานวิทยาศาสตร์
Saving Account Number: 080-0-00001-0
Account Name: สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ - ธนาคารกรุงไทย สาขาตลาดไท
Saving Account Number: 152-1-32668-1
Account Name: สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
- ธนาคารกรุงเทพ สาขาอุทยานวิทยาศาสตร์
Notes:
- Withholding tax (3%) is exempt.
- Should you need to withdraw, you must send the notice of the withdrawal in writing no later than 7 working days before the commencement date. The cancellation less than 7 days will be subject to a fine of 40% of the fee.
- Software Park Thailand reserves the rights to cancel courses due to unforeseen circumstances.
Contact Person
For more information, contact our course coordinator on:
Tel: +66-2583-9992 Ext. 81422
Email: [email protected]
You are encouraged to use the course schedule as a guide to plan your training.
The schedule is accessible at www.swpark.or.th for more information.
12,000 THB .
***สำคัญ!!! กรุณารอการยืนยันเปิดการอบรมจากเจ้าหน้าที่ก่อนการชำระค่าลงทะเบียน***
***สำคัญ!!! กรุณารอการยืนยันเปิดการอบรมจากเจ้าหน้าที่ก่อนการชำระค่าลงทะเบียน***
Course Detail :
Instructor info
