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

เส้นทางในการเรียนซีรีย์ 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, HTML หรือภาษาอื่นๆ
• ผู้ที่ต้องการออกแบบการแสดงผลหน้าเว็บไซด์ของตัวเอง
• ผู้ที่ต้องการเปลี่ยนสายงานเข้าสู่การทำงานตำแหน่ง Front End Developer
• นักเรียน นักศึกษา สาย IT ที่กำลังทำโปรเจคจบ หรือพอร์ตรวบรวมผลงาน

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

• ผู้เรียนเข้าใจ Components แบบต่างๆ รวมถึงความแตกต่างของแต่ละแบบ
• ผู้เรียนเรียนรู้วิธีการ Render ข้อมูล Array ใน JSX โดยใช้ฟังก์ชัน Map และเรียนรู้การใช้ Array เป็นแบบ State
• ผู้เรียนเข้าใจว่า Key ในการ Render Array ใน JSX คืออะไรและมีความสำคัญอย่างไร รวมถึงเรียนรู้กฏของ Key และวิธีการใช้งาน Key ในตัวอย่างที่ต่างๆ
• ผู้เรียนรู้วิธีการแสดงผลตามเงื่อนไขโดยใช้เครื่องมือต่างๆ รวมถึงการแสดงผลตามเงื่อนไขกับคอมโพเนนต์ต่างๆ
• ผู้เรียนรู้วิธีการใช้งาน JSX ใน use case ต่างๆ

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

• มีความรู้พื้นฐานในภาษา HTML, CSS, JavaScript หรือ ผ่านคอร์สเรียน “สร้างเว็บไซต์จากเริ่มต้นจนถึงมือโปร ด้วย HTML5/CSS3/JavaScript” ของ Futureskill
• ผ่านคอร์ส Basic React - 2: การจัดการ State และ Events (States and Events handling)

Course Highlight

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

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

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