After Songkran Sale ลดราคา 17-19 เม.ย. เท่านั้น

React.js 2: State และ Components

Intermediate

Beginner

Expert

หลักสูตรนี้ถูกออกแบบมาเพื่อนำเสนอฟีเจอร์ล่าสุดและการปรับปรุงใหม่ๆใน JavaScript ที่สำคัญสำหรับนักพัฒนาเว็บและแอปพลิเคชันในยุคปัจจุบัน เพื่อช่วยให้ผู้เรียนอัปเดตความรู้และทักษะของตนให้ทันสมัยและนำฟีเจอร์ใหม่ๆไปใช้ในโปรเจกต์ของตนได้อย่างมีประสิทธิภาพ

ทดลองเรียนฟรี
6
 ชั่วโมง
177
 นาที
1
 การบ้าน
2
 ข้อสอบ
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ 2-3/สัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

หลักสูตร

หลักสูตรได้ถูกออกแบบมาเพื่อนำเสนอฟีเจอร์ล่าสุดและการปรับปรุงใหม่ๆใน JavaScript ที่สำคัญสำหรับนักพัฒนาเว็บและแอปพลิเคชันในยุคปัจจุบัน หลักสูตรนี้จะช่วยให้ผู้เรียนสามารถอัปเดตความรู้และทักษะของตนเองให้ทันสมัย ตลอดจนเข้าใจและนำฟีเจอร์ใหม่ๆเหล่านี้ไปใช้ในโปรเจกต์ของตนได้อย่างมีประสิทธิภาพ

รายละเอียดบทเรียน

Introduction

แอปของเรา

การตั้งค่าแอป

Event System

รายละเอียด Events

Event Handlers

Quiz: Events

Challenge: ฝึกใช้ Events

State System (Part 1)

State System (Part 2)

Quiz: State และ Events

สร้างแอปต่อ

Random Element

Lists

Images

SVGs

เพิ่มขนาดภาพ

Custom CSS

ปรับสไตล์ให้สมบูรณ์

สรุปและทบทวน

Feedback

00:17

02:18

06:01

07:25

12:18

09:28

2 questions

00:06

12:46

11:35

2 questions

03:22

08:32

12:42

00:01

08:26

07:16

05:45

08:39

05:35

3 questions

1

State

ในโมดูล Arrays คุณจะเรียนรู้เกี่ยวกับการใช้ Array การเข้าถึงข้อมูลใน Array Nested Array และ Array Methods ในขณะที่ในโมดูล Objects คุณจะทำความเข้าใจ Object การเข้าถึงข้อมูลใน Object และการแก้ไข Object และในโมดูล Loops คุณจะได้เรียนรู้เกี่ยวกับการใช้ Loops รวมถึง For Loop Object/Array Looping For..of Loop และ While Loop

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Introduction

แอปของเรา

การตั้งค่าแอป

Event System

รายละเอียด Events

Event Handlers

Quiz: Events

Challenge: ฝึกใช้ Events

State System (Part 1)

State System (Part 2)

Quiz: State และ Events

สร้างแอปต่อ

Random Element

Lists

Images

SVGs

เพิ่มขนาดภาพ

Custom CSS

ปรับสไตล์ให้สมบูรณ์

สรุปและทบทวน

Feedback

00:17

02:18

06:01

07:25

12:18

09:28

2 questions

00:06

12:46

11:35

2 questions

03:22

08:32

12:42

00:01

08:26

07:16

05:45

08:39

05:35

3 questions

2

Hooks

หลักสูตรนี้จะทำให้คุณเข้าใจ React Hook และวิธีติดตั้งและเซ็ตอัพ React เพื่อเพิ่มความเข้าใจในการทำงานแรกเริ่มของ React โดยเรียนรู้การติดตั้ง React Library เซ็ตอัพ Layout สำหรับการเรียนรู้ Hook และเข้าใจหลักการทำงานของ React Hook อย่างลึกซึ้ง

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Learning Goals

useState คืออะไร

การสร้าง Project React โดยการใช้ Vite

Counter useState

Components Counter

useEffect คืออะไร

useEffect (Part 1)

useEffect (Part 2)

useContext

useReducer

Feedback

3 questions

Certificate

00:08

02:05

05:22

03:59

03:18

02:50

07:00

11:00

08:30

10:25

3 questions

3

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
4

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
5

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
6

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
7

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

ฟังเสียงจริงจากนักเรียนของเรา

นักเรียนที่เคยเผชิญความท้าทายในการเปลี่ยนสายงาน แต่สามารถบรรลุเป้าหมายและประสบความสำเร็จได้ด้วยการเรียนกับเรา

มากกว่าคอร์สออนไลน์ธรรมดา

เรียนรู้สกิลไอทีหลากหลาย ทั้งคอร์สเรียน IT เส้นทางทักษะ อีเวนท์สด และการทำโปรเจ็คจริง มีการันตีงาน 100%

พูดคุยกับเมนเทอร์ในชั่วโมงปรึกษา

เมนเทอร์ของเราพร้อมประจำการเพื่อช่วยเหลือคุณระหว่าง 6-10 ชั่วโมง/วัน ผ่านวีดิโอคอนเฟอเรนซ์

สอบถามและคุยกับเพื่อนๆบน ออนไลน์ Community

มีคำถามหรือต้องการแบ่งปันอะไรบ้างไหม ส่งข้อความถึงเพื่อนๆ และผู้ช่วยสอนในชุมชนของเรา

เราจะตรวจการบ้านและโปรเจกต์ของคุณทั้งหมด

ส่งงานของคุณมาและรอรับฟีดแบ็ก ซึ่งเราจะพยายามตอบกลับภายในเวลาไม่เกิน 7 วัน

การเรียนแบบสดผ่าน Bootcamp

รูปแบบการเรียนแบบ Flipped Learning ผ่านวิดีโอบทเรียนสำหรับการเรียนเองในวันธรรมดาและมีการเรียนสดในวันสุดสัปดาห์

LinkedIn, Resume และ พอร์ตโฟลิโอรีวิว

สร้างความประทับใจให้กับ HR และบริษัทด้วยโปรไฟล์ที่โดดเด่น

เข้าร่วมอีเวนท์ออนไลน์และออนไซต์

ไม่ว่าจะเป็นเวิร์คช็อป ผู้บรรยายพิเศษ หรือกิจกรรมอื่นๆ คุณสามารถเข้าร่วมกิจกรรมมากมาย

พบกับผู้สอนและเมนเทอร์ของคุณ

ครูผู้สอนที่มีความเชี่ยวชาญในสาขานั้นๆ หลักสูตรสอนโดยผู้เชี่ยวชาญในสายงาน IT ที่มีความรู้และประสบการณ์มากมาย

Pakkaphong Akbhut

Application Engineer at Hitachi eBworx

Job Guarantee ของเราคืออะไร?

เรารับประกันคืนเงิน 100% หากคุณไม่ได้งานด้านเทคโนโลยีภายใน 6 เดือนหลังจากสำเร็จการศึกษา

เรียนรู้เพิ่มเติม
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ทุกสัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

คำถามที่พบบ่อย

WeStride Plus แตกต่างจาก WeStride ธรรมดาอย่างไร? 
BootcampPlus ของเราจะให้บริการแบบ unlimited โดยจะไม่จำกัดบริการไม่ว่าจะเป็น การให้คำปรึกษาจาก Mentor และ Career coachแบบตัวต่อตัว ซึ่งในขณะที่ Bootcamp ในรูปแบบใหม่จะมีการเรียนรู้ผ่านวิดีโอตลอด วันจันทร์ถึงศุกร์และมีคลาสสดในวันเสาร์อาทิตย์ ทำให้คุณได้เรียนรู้ทั้งแบบเดี่ยวและเป็นกลุ่ม
Bootcamp แตกต่างจาก Career Track อย่างไร? 
A: Bootcamp จะให้ประสบการณ์การเรียนรู้ในรูปแบบการสอนสดในช่วงวันเสาร์และอาทิตย์ โดยจะมีการบ้านเสริมและโปรเจกต์ให้ทำเพื่อเสริมทักษะในการทำงานให้กับนักเรียน แต่ในทางกลับกันในส่วนของ Career Track จะเป็นการจัดการสอนออนไลน์แบบไม่ประสานเวลา (Asynchronous learning) โดยผู้เรียนสามารถเรียนรู้ได้ด้วยตนเอง
ฉันต้องจ่ายเพิ่มสำหรับ ชั่วโมงปรึกษา, Events, Bootcamp หรือสิ่งอื่นๆ ไหม? 
ไม่เลย! ทุกสิ่งที่เรานำเสนอชั่วโมงปรึกษา , Events และ Bootcamp ไม่มีค่าใช้จ่ายเพิ่มเติม ซึ่งในส่วนนี้เป็นบริการที่เรามีกับให้นักเรียนทุกคน
ถ้าฉันมีคำถาม ฉันควรถามใคร?
คุณสามารถสอบถามทาง Mentor ได้ที่ ชั่วโมง Office Hours Communityออนไลน์ของเรา Events และคลาสสด
ฉันสามารถขอคืนเงินได้ไหม? 
ขออภัย เราไม่สามารถให้บริการคืนเงินได้
การรับประกันงานของเราคืออะไร? 
WeStride เรามีความมั่นใจในคุณภาพการฝึกอบรมจนกล้ารับประกันคืนเงิน 100% หากคุณไม่ได้งานในด้านเทคโนโลยีภายใน 6 เดือนหลังจากจบการศึกษาทางสถาบันยินดีคืนเงินเต็มจำนวน โดยการรับประกันกันงานจะมีข้อกำหนดและเงื่อนไขโดยสามารถอ่านรายละเอียดได้ที่นี่
Skill Track แตกต่างจาก Career Track อย่างไร? 
Career Track จะมุ่งเน้นไปในส่วนของอาชีพโดยตรง แต่ในขณะที่ Skill Track เน้นทักษะเฉพาะทางที่ใช้ในการทำงานได้จริง แต่ถึงแม้ว่าหลายหลักสูตรใน Career Track จะครอบคลุมทักษะที่มีใน Skill Track แต่ Skill Track จะให้ความยืดหยุ่นให้กับนักเรียนที่ต้องการเพิ่มทักษะเฉพาะเช่นการใช้ Microsoft Excel ก็สามารถเข้าไปเรียนรู้เพิ่มเติมได้อีกด้วย
เมื่อฉันทำการบ้านเสร็จ ใครจะตรวจ? 
หากนักเรียนได้ทำการส่งแบบฝึกหัด จะมีทีมงาน Mentor ของเราจะตรวจการบ้านและให้คำแนะนำกับคุณภายใน 5-7 วัน
LinkedIn, Portfolio และ Resume Review คืออะไร? 
คุณจะได้รับการทบทวน LinkedIn, Portfolio และ Resume ของคุณให้มีความน่าเชื่อถือและน่าสนใจมากที่สุด โดยการตรวจเช็คจะตรวจโดยผู้เชี่ยวชาญ 1 ครั้งต่อ 1 คน
ฉันสามารถเรียนคอร์สหรือ Skill Track ใดก็ได้หรือไม่? มีข้อจำกัดหรือไม่?
คุณมีอิสระที่จะเรียนรู้ทุกคอร์สและทุก Skill Track ที่เราเสนอโดยไม่มีข้อจำกัด เราอยากให้คุณสามารถสำรวจและเพิ่มทักษะได้อย่างไม่มีขอบเขต