ONLINECOURSE.HEADER

React Jumpstart: Hands-On Learning for Beginners

เรียนรู้ React Framework เพื่อพัฒนาเว็บแอปพลิเคชันที่ซับซ้อนได้อย่างมือโปร

1,990.00
บาท
4.5
2-3 ชั่วโมง
ควรมีพื้นฐานการเขียนโปรแกรม
เรียนจบรับ Certificate

SECTION_TITLE.INSTRUCTOR

ศิริวัชร์ คุณาพร (Staff Software Engineer, MUI ) | Skooldio Instructor
ศิริวัชร์ คุณาพร
Staff Software Engineer, MUI

SECTION_TITLE.OVERVIEW

คอร์สนี้เป็นส่วนหนึ่งอยู่ในหลักสูตร Web Development Bootcamp รุ่นที่ 1

Web Development Bootcamp by Skooldio

หลักสูตร 4 เดือน รูปแบบ Hybrid (Online+Onsite) ที่จะช่วยพัฒนาคุณให้ก้าวสู่การเป็น Front-End Developer โดยเน้นด้านการ “พัฒนาเว็บไซต์” อย่างเข้มข้น ไม่ว่าคุณจะเป็นคนย้ายสาย หรือ ไม่มีพื้นฐานเริ่มจาก 0 ก็สามารถมาอัปสกิลให้เก่งขึ้น ทำงานได้จริง อ่านรายละเอียดเพิ่มเติม

Promotion

  • ซื้อเป็น Pack Bundle คุ้มกว่า! กับ 'React Bundle Zero to Hero' รวม 2 คอร์ส React + 1 Guided Project ในราคาเพียง 3,990 บาท จากราคารวม 3 คอร์ส 4,470 บาท สมัครเรียนแบบแพ็กเลย

คอร์สออนไลน์ React Jumpstart: Hands-On Learning for Beginners

สำหรับการพัฒนาเว็บไซต์ React คือ Javascript library ที่สำคัญ อีกหนึ่งทักษะที่ควรศึกษาหากคุณต้องการพัฒนาเว็บไซต์ที่มี UI ที่มีลูกเล่นการใช้งานที่ซับซ้อน เพื่อสร้างความน่าสนใจตอบโจทย์การใช้งานแก่ User และ Product

คอร์สนี้จะพาเรียนรู้การเขียน React ตั้งแต่ 4 คอนเซปต์พื้นฐานได้แก่

  • JSX syntax - วิธีเขียน UI ด้วยภาษา Javascript ในรูปแบบที่คล้ายกับ HTML
  • Component - การแบ่ง Code ออกเป็นส่วนย่อย ๆ ให้ทำงานได้อย่างอิสระและสามารถนำไปใช้ซ้ำได้
  • State - การเก็บข้อมูลภายใน Component เพื่อแสดงผลลัพธ์บนหน้า UI
  • Props (Properties) - การส่งข้อมูลไปยัง Component ส่วนต่าง ๆ

โดยเริ่มตั้งแต่เข้าใจการใช้ JSX syntax, ES5 และ ES6+ ไปใช้งานเพื่อสร้างอินเตอร์เฟซใน React และใช้งาน Module และ Library ต่าง ๆ, การใช้งาน Component แบบ Function และ Class ใน React จนถึงการใช้งาน State เพื่อจัดการข้อมูลภายใน Component สามารถนำไปประยุกต์ใช้ในการพัฒนาเว็บแอปพลิเคชั่นที่ซับซ้อนมากขึ้นในอนาคตได้

ภายในคอร์สจะสอนกระบวนการ Coding ตั้งแต่ Fundamental ไปจนถึงวิธีการเลือกใช้เครื่องต่างๆ ใน React ให้เหมาะสมกับ Project หรือ Product ของตัวเอง สอนโดย คุณศิริวัชร์ คุณาพร - Staff Software Engineer, MUI และเจ้าของเพจ "React ไปวันๆ"

สิ่งที่ได้รับหลังจากได้เรียนคอร์สนี้

  • ทำความรู้จักกับสร้างความคุ้นเคยกับ React Framework ยอดนิยมของ Front End Developer
  • เข้าใจหลักการและสามารถประยุกต์นำไปใช้งานในการสร้าง Interface และ Module ต่าง ๆ ให้เหมาะสมกับโปรเจกต์ React ของตัวเอง
  • สามารถสร้างและใช้งาน Component แบบ Function และ Class ใน React โดยใช้ state เพื่อจัดการข้อมูลภายใน Component
  • เข้าใจและสามารถใช้งาน Props ในการส่งค่าระหว่าง Component ในแอปพลิเคชัน React และการใช้งานการ Render Component ร่วมกับ Props
  • ได้เรียนรู้แนวคิดและเทคนิคที่จำเป็นในการพัฒนาแอปพลิเคชัน React อย่างมีประสิทธิภาพในมุมของโลกการทำงานจริง
  • สามารถต่อยอดศึกษากับเทคโนโลยีการพัฒนาเว็บแอปพลิเคชันอื่น ๆ และนำไปปรับใช้ในโปรเจกต์ React ของตัวเองได้อย่างมีความเข้าใจ

คอร์สออนไลน์นี้เหมาะสำหรับ

  • ผู้ที่มีพื้นฐานภาษา HTML, CSS หรือ JavaScript มาก่อน
  • Software Engineer, Web Programmer, Web Developer ที่สนใจใช้ React ในการพัฒนาเว็บ
  • นักเรียน นักศึกษา ที่มีพื้นฐานการพัฒนาเว็บ
  • ผู้ที่เคยใช้ Angular หรือ Vue มาก่อนและเริ่มสนใจในการพัฒนาเว็บไซต์ด้วย React
  • ไม่เหมาะสำหรับคนที่ไม่เคยเขียนโปรแกรมมาก่อน

ความรู้ที่ต้องมี

  • พื้นฐาน JavaScript
  • พื้นฐาน HTML / CSS

สอบถามข้อมูลเพิ่มเติม

  • Facebook ของ Skooldio
  • สำหรับท่านที่ต้องการสมัครในนามบริษัท 5 ท่านขึ้นไป ติดต่อรับส่วนลด bulk discount ได้ที่ hello@skooldio.com

SECTION_TITLE.COURSE_OUTLINE

01

Introduction to React.js

Welcome to Class

[Pre-Test] Introduction to React.js

Course Materials

Why You Should Learn React?

3:47

History of React

5:14

วิธีการติดตั้ง VSCode

Setting Up Your Development Environment

0:46

วิธีการติดตั้ง Node.js และ Yarn

Vite Setup

2:49

วิธีการติดตั้ง Vite สำหรับ npm

Hello World in React

0:43

[Post-Test] Introduction to React.js

[Pre-Test] JSX and Component

JSX

2:10

Why Component?

0:42

Requirements

0:44

Code Examples

First Component

Basic JSX

4:37

JSX Syntax

2:46

SelfIntroduction Component

4:16

Default Parameter

3:41

Conditional Rendering

4:51

Render Array

7:50

Using .map

7:00

Component Children

4:17

Resilient Component

7:31

CSS in JSX

2:38

[Recap] JSX and Component

1:26

[Post-Test] JSX and Component

Let’s Write Interactive Component

Create an Input

6:37

Rerender

3:31

Save State

7:18

Challenge "Do the same for dateOfBirth"

0:40

Challenge "Do the same for dateOfBirth"

เฉลย Challenge "Do the same for dateOfBirth"

4:36

Challenge "Make the input type date"

0:49

Challenge "Make the input type date"

เฉลย Challenge "Make the input type date"

2:55

Install Other Libraries to Format Date in Thai

3:08

How to Read Errors

4:48

Interactive Hobbies (Start with Full Demo)

0:58

Start with State and HTML Markup

11:25

Add Another Hobby

5:28

Add Edit Functionality

11:52

Fix bug htmlFor

2:39

Challenge Implement Delete Hobby

5:18

Make the UI Looks Good with pico.css

11:11

(Bonus) Arrow & Normal Function Syntax

5:29

(Bonus) Class & Function Component

4:06

(Bonus) ES5 & ES6 JavaScript

3:48

Course Summary

0:44

SECTION_TITLE.FAQS

Q:

วิธีขอใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคล

A:

หากต้องการใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคลสามารถส่งรายละเอียดดังนี้

  • คอร์สที่สนใจและจำนวนผู้เรียน
  • ชื่อ-นามสกุล, เบอร์โทรผู้ติดต่อ
  • ชื่อ-ที่อยู่บริษัท, เลขประจำตัวผู้เสียภาษี
  • จำนวนภาษีหัก ณ ที่จ่าย (ถ้ามี)

มาที่ hello@skooldio.com โดยใช้ระยะเวลาดำเนินการไม่เกิน 1 วันทำการ (จันทร์-ศุกร์)

A:

สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com

A:

กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด

A:

สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี

A:

หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้

SECTION_TITLE.RELATED_ONLINE_COURSES