Advanced React JS (ขั้นสูง)
หลักสูตร Advanced React JS เป็นการอบรมต่อยอดจาก React JS Basic ในหัวข้อที่ใช้กับงานพัฒนาปัจจุบัน ทั้งการเขียนด้วย TypeScript การทำงานกับ TailwindCSS การเขียน Style Component และการทำระบบ Authentication ด้วย JWT และ Firebase เหมาะกับนักศึกษา ครู อาจารย์ นักไอที และผู้ดูแลระบบที่ผ่านพื้นฐาน React มาแล้ว
- ໄລຍະເວລາ18 ຊົ່ວໂມງ · 3 ມື້
- ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
- ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
- ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ
ພາບລວມຫຼັກສູດ
ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ
- สามารถ พัฒนาโปรเจ็กต์ด้วย TypeScript ได้
ຫຼັກສູດນີ້ເໝາະສຳລັບ
- นักเรียนนักศึกษา
- ครู อาจารย์ วิทยากรที่สนใจ
- นักวิชาการ นักไอที หรือผู้ดูและระบบ
- ตลอดจนผู้สนใจทั่วไป
ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ
- ในหลักสูตรนี้เป็นการต่อยอดเนื้อหาจากหลักสูตร React JS Basic สำหรับผู้เริ่มต้น เพื่อให้ผู้เรียนได้มีทักษะความรู้ในหัวข้อที่สำคัญๆ อีกหลายประเด็น
ຫົວຂໍ້ການຝຶກອົບຮົມ
Module 1 React กับ Typescript
- การขึ้นโปรเจ็กต์ React js ด้วย TypeScript
- รูปแบบไฟล์ที่สร้างในโปรเจ็กต์ด้วย TypeScript และการเรียกใช้งาน
- การปรับเปลี่ยนมาใช้ Typescript สำหรับโปรเจ็กต์ที่เขียนด้วย ES6
- สิ่งที่เปลี่ยนแปลงในการทำงานกับ Props ด้วย Typescript
- การเรียกใช้งาน State ใน TypeScript
- การใช้งาน Type Inference กับ State
- การใช้งาน Type Unions กับ State
Module 2 การใช้งาน TailwindCSS ร่วมกับ Styled-Components ใน ReactJs
- รู้จัก Styled-Components ใน React js
- ติดตั้ง Styled-Components
- การเรียกใช้งานใน Components
- การติดตั้ง TailwindCSS ใน React js
- การ Config เพื่อใช้งาน TailwindCSS ร่วมกับ Styled-Components
- ตัวอย่างการออกแบบ Template เว็บเพจด้วย TailwindCSS ร่วมกับ Styled-Components
Module 3 Backend with Strapi Headless CMS frameworks
- Strapi Quickstart, build a quick blog
- Installation
- Build your first content type
- Set up the Post Collection Type in Strapi
- Update your Article content type
- Make Articles Public
- Use the /public folder to build a quick blog demo
Module 4 React Restful Web API with Strapi CMS frameworks (CRUD)
- Install Strapi and React
- Installing React Router Dom + Recap
- Set up React Router Dom to create Pages
- Create a new Page and set up Navigation
- Adding image upload to the Create Form
- Simple frontend validation
- Backend Validation
- Error Handling in the Frontend
- JWT validation
Module 5 React with Redux
- Understanding State
- The Complexity of Managing State
- Understanding the Redux Flow
- Setting Up Reducer and Store
- Dispatching Actions
- Adding Subscriptions
- Connecting React to Redux
- Connecting the Store to React
- Dispatching Actions from within the Component
- Passing and Retrieving Data with Action
- Adding Middleware
- Using the Redux Devtools
- Executing Asynchronous Code
- Introducing Action Creators
- Action Creators & Async Code
- Handling Asynchronous Code
- Restructuring Actions
- Using Utility Functions
Module 6 React JWT Authentication
- Create Services
- Authentication service
- Data service
- Create React Components for Authentication
- Form Validation overview
- Login Page
- Register Page
- Profile Page
- Create React Components for accessing Resources
- Home Page
- Role-based Pages
- Add Navbar and define Routes
- Add CSS style for React Components
- Configure Port for React JWT Auth Client with Web API
Module 7 React Hooks กับ Firebase CRUD
- What is firebase
- FireBase Connection with React
- Sending Data to firebase
- Retriving The Data from Firebase
- Modifying the retrived data from firebase
- FireBase CRUD Demo
- Designing AddUser component
- Sending User Data to firebase
- Retreving userslist from firebase
- FireBase CRUD Delete User
- Adding Sweetalert Animation
Module 8 React Firebase Authentication
- Firebase Authentication Demo
- Firebase Authentication - Design
- Firebase Authentication Implementation
Module 9 React Deployment
- Connecting to Online DB & Preparing for deploy
- Push project to GitHub
- Deploying Strapi CMS frameworks on Heroku
- Deploying React js on Heroku
- Deploying React js on Vercel
- Deploying React js on Firebase Web hosting
ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ
ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ
ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770
ສຳລັບອົງກອນ — In-house / Private Training
- ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
- ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
- ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້
ວິທະຍາກອນຜູ້ສອນ
ຄຳຖາມທີ່ພົບເລື້ອຍ
หลักสูตร Advanced React JS (ขั้นสูง) เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน
เหมาะกับ นักเรียนนักศึกษา · ครู อาจารย์ วิทยากรที่สนใจ · นักวิชาการ นักไอที หรือผู้ดูและระบบ พื้นฐานที่ผู้เรียนควรมี ในหลักสูตรนี้เป็นการต่อยอดเนื้อหาจากหลักสูตร React JS Basic สำหรับผู้เริ่มต้น เพื่อให้ผู้เรียนได้มีทักษะความรู้ในหัวข้อที่สำคัญๆ อีกหลายประเด็น หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449
หลักสูตร Advanced React JS (ขั้นสูง) ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง
ราคาปกติ 9,500 บาท (โปรโมชันปัจจุบันเหลือ 8,550 บาท) ใช้เวลาอบรม 18 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้
เรียนจบได้รับ Certificate หรือไม่
ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้
อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่
เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449
ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่
มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449
สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร
สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius