SECTION_TITLE.OVERVIEW
คอร์สนี้เป็นส่วนหนึ่งอยู่ในหลักสูตร Web Development Bootcamp รุ่นที่ 1
หลักสูตร 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.INSTRUCTOR
SECTION_TITLE.COURSE_OUTLINE
JSX and Components
[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
Interactive Components
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 Topics
(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:
สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com
Q:
วิธีขอใบกำกับภาษีในนามนิติบุคคลและใบกำกับภาษีสำหรับบุคคลทั่วไป
A:
กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด
Q:
คอร์สออนไลน์สามารถกลับมาเรียนซ้ำได้หรือไม่
A:
สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี
Q:
สามารถแก้ไขใบกำกับภาษีจากในนามนิติบุคคลเป็นใบกำกับภาษีบุคคลทั่วไป และ ใบกำกับภาษีบุคคลทั่วไปเป็นใบกำกับภาษีในนามนิติบุคคลได้หรือไม่
A:
หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้