Basic React 1 : ความรู้พื้นฐานสำหรับ Components และ JSX

เส้นทางในการเรียนซีรีย์ Become a Front-end Developer : React เรียงตามลำดับดังนี้

1. Basic​ Java​script​ for​ Frontend​ Developer

• https://futureskill.co/course/detail/516

2. Basic React 1 : ความรู้พื้นฐานสำหรับ Components และ JSX

• https://futureskill.co/course/detail/466

3.Basic React 2 : การจัดการ State และ Events (States and Events handling)

• https://futureskill.co/course/detail/467

4.Basic React 3 : การแสดงผลตามข้อมูลมีการเปลี่ยนแปลง (Dynamic rendering)

• https://futureskill.co/course/detail/552

5.Basic React 4 : ฟังก์ชัน Hook พื้นฐาน (Basic React Hooks)

• https://futureskill.co/course/detail/553

คอร์สเรียนนี้เหมาะกับใคร

• ผู้สนใจที่มีทักษะเขียนโปรแกรม JavaScript ในระดับกลาง
• ผู้ที่ต้องการใช้ React มาปรับ performance Web Application
• Front End Developer ที่ไม่เคยเรียนรู้ React มาก่อน
• นักเรียน นักศึกษา สาย IT ที่กำลังทำโปรเจคจบ หรือพอร์ตรวบรวมผลงาน

วัตถุประสงค์ของการเรียนคอร์สนี้

• ผู้เรียนเข้าใจพื้นฐานของ React และข้อดีของมัน
• ผู้เรียนสามารถตั้งค่าโปรเจค React และเข้าใจโครงสร้างของ React
• ผู้เรียนเข้าใจอิลิเมนต์, JSX และวิธีการเพิ่ม CSS และตัวแสดงในคอมโพเนนต์
• ผู้เรียนเข้าใจคอมโพเนนต์และข้อดีของมัน
• ผู้เรียนสามารถส่งข้อมูลผ่าน Props, เพิ่มตรรกะในคอมโพเนนต์ และแบ่งคอมโพเนนต์ออกเป็นคอมโพเนนต์ย่อยได้

ทำไมต้องเรียนคอร์สนี้

• เรียนพื้นฐานของ React เพื่อให้สามารถต่อยอดในบทถัดไปได้ และสามารถเขียนเว็บไซต์โดยใช้ React เบื้องต้นได้

Course Highlight

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

พื้นฐานที่จำเป็น?/สิ่งที่ต้องมี/ทักษะที่ต้องมี:

• ต้องมีพื้นฐาน HTML, CSS, JavaScript
• การประกาศตัวแปรเบื้องต้น
• ประเภทข้อมูลพื้นฐานของ JavaScript
• Creating functions 
• Function Expression
• Passing Argument 
• Function Return
• Arrow functions
• Object and array 
• Destructuring Objects
• Destructuring Arrays
• Spread Operator

โปรแกรมที่ต้องใช้

• Visual Studio Code (ฟรี)
• Google Chrome Web Browser (ฟรี)