Webdev 3: การใช้งาน React Library และ Node.JS
เรียนรู้ตัวช่วยที่จะทำให้เราเขียนเว็บใหญ่ ๆ ได้เร็วขึ้น!

ออนไซต์และออนไลน์
รูปแบบการสอน
12+
เหมาะกับผู้เรียนอายุ
ทุกวันเสาร์
เวลาเรียน
120 นาที
ครั้งละ
ภาพรวมของคอร์ส
JavaScript ก็ดี แต่แอบยุ่งยากไปหน่อยนะ
HTML, CSS, JavaScript เป็นเครื่องมือที่เพียงพอสำหรับการสร้างเว็บไซต์ทุกรูปแบบบนโลกใบนี้แล้ว (ไม่รวมส่วนของการเชื่อมต่อฐานข้อมูลน่ะนะ) เหมือนเรามีค้อนกับตะปูและวัสดุก่อสร้าง เราก็พอจะสร้างบ้านได้ทุกหลัง แต่เราจะใช้แค่ค้อนกับตะปูเพื่อสร้างบ้านทุกหลังก็ใช่เรื่อง เราจึงมี Library ต่าง ๆ เช่น React เพื่อมาช่วยจัดการกับงานเฉพาะยิบย่อยให้เหมาะสมเป็นงาน ๆ ไป
หลักสูตร
สร้าง Dynamic เว็บไซต์ได้ง่าย ๆ ด้วย React
HTML, CSS, Javascript คือพื้นฐานที่จำเป็นก่อนจะขยับขึ้นมาเรียนในระดับนี้ นักเรียนจะได้ทำความรู้จักกับ React Library รูปแบบการเขียนโค้ดที่ผนวก Javascript และ HTML เข้าด้วยกัน และฝึกมองเว็บไซต์เป็นส่วนย่อย ๆ (Modular) ที่ประกอบเข้าด้วยกัน
- Chapter 1
ทำความรู้จักกับ React- Node.JS คืออะไร
- ภาพรวมของ React และความสำคัญของมัน
- การตั้งค่าและการเตรียมพื้นที่ทำงาน
- ทำความรู้จักกับ JSX (JavaScript XML)
- Chapter 2
คอมโพเนนต์ใน React (React Component)- การสร้างคอมโพเนนต์
- ความแตกต่างระหว่างฟังก์ชันคอมโพเนนต์และคลาสคอมโพเนนต์
- การใช้งาน Props และ State
- Chapter 3
การจัดการสถานะ (State Management)- การใช้งาน State ในคอมโพเนนต์
- การส่งข้อมูลระหว่างคอมโพเนนต์
- การใช้งาน Context API
- Chapter 4
Component Lifecycle- สถานะต่าง ๆ ของคอมโพเนนต์
- React Hook (useEffect, useRef, etc.)
- การทำงานกับ event และ form
- Chapter 5
Routing and Navigation- การใช้งาน React Router
- Dynamic Routing
- Chapter 6
การเข้าถึง API และการจัดการข้อมูล- การเรียกใช้งาน API ด้วย Axios หรือ Fetch
- การจัดการข้อมูลจากเซิร์ฟเวอร์
- การใช้งาน Hooks สำหรับการเข้าถึงข้อมูล
สร้างห้องเรียนที่ดีที่สุดสำหรับทุกคน
สิ่งที่รวมอยู่ในคอร์ส
เพื่อให้นักเรียนทุกคนได้เก็บเกี่ยวความรู้และประสบการณ์ในแต่ละคอร์สกลับไปอย่างเต็มที่ เราจึงได้รวบรวมสิ่งเหล่านี้เอาไว้
คอร์สเรียนสด
เรียนรู้กับผู้สอนโดยตรงพร้อมโอกาสในการ ถามคำถามและแลกเปลี่ยนความคิดเห็นกับนักเรียนคนอื่น ๆ
คอร์สเรียนโจทย์ปัญหา
ตลอดการเรียนกับเรา เราได้เตรียมโจทย์และ โปรเจ็กต์ต่าง ๆ เอาไว้ให้นักเรียนได้ลองฝึกทำ จริง ๆ
การเรียนตัวต่อตัว
นักเรียนสามารถจองเวลาในการปรึกษา และพูดคุยกับผู้สอนของเราได้แบบตัวต่อตัว
สังคมแห่งการเรียนรู้
นักเรียนทุกคนสามารถเข้า Discord ของเราเพื่อทำกิจกรรมและแลกเปลี่ยนข่าวสารต่าง ๆ ในโลกเทคโนโลยีกันได้
วิดีโอย้อนหลัง
เรามีการบันทึกวิดีโอการเรียนทุกครั้งเพื่อ ให้นักเรียนสามารถกลับมาทบทวนได้ เรื่อย ๆ
เกียรติบัตร
รับเกียรติบัตรหลังเรียนจบเพื่อยืนยันว่า นักเรียนได้ผ่านการเรียนรู้กับเรามา แล้วจริง ๆ
ผู้สอนของเรา
เรียนกับครูและพี่ ๆ มากประสบการณ์

ผู้สอนมากประสบการณ์จากเวทีการแข่งขันระดับ ประเทศและระดับนานาชาติอย่าง TOI และ IOI และผู้มีประสบการณ์การทำงานจริง ซึ่งพร้อมจะสอนในสิ่งที่ยากให้เข้าใจได้ง่าย และให้ความช่วยเหลือผ่านทาง Discord ตลอดเวลา

พี่เว
ผู้ก่อตั้งและร่วมสร้างสถาบัน Leagues of Code TH ร่วมกับมหาวิทยาลัย Harbour.Space

พี่ดิว
ผู้ก่อตั้งและร่วมสร้างสถาบัน Leagues of Code TH ร่วมกับมหาวิทยาลัย Harbour.Space และหนอนหนังสือที่นอนกลิ้งอ่านไปวัน ๆ
เกียรติบัตร
รับเกียรติบัตรหลังเรียนจบ
หลังเรียนจบนักเรียนสามารถขอเกียรติบัตรจากเราเพื่อนำไปเป็นหลักฐานยืนยันความรู้และทักษะที่ได้รับจากเรากับคนอื่น ๆ ได้

เวลาเรียน
รีบจองก่อนที่ที่นั่งจะหมด!
ในปัจจุบันคอร์สทั้งหมดของเราจะจัดขึ้นในเวลาเดียวกัน
คอร์สต่อไป
เริ่ม 18 ม.ค. 2568

พี่เว
คลาสสด ทุกวันเสาร์ 10:00 - 12:00
*หมายเหตุ เราจะเป็นผู้จัดแบ่งห้องเรียนของนักเรียนเอง ผู้สอนอาจจะมีการเปลี่ยนแปลงตามความ เหมาะสม
*หากจำนวนนักเรียนที่ลงทะเบียนน้อยกว่า 8 คน สถาบันจะขอยกเลิกการเปิดคอร์สนั้น ๆ และทำการคืน เงินให้เต็มจำนวน
ราคา
เราการันตีความโปร่งใส
กับคอร์สที่จะเตรียมความพร้อมให้ทุกคนก้าวทันโลกปัจจุบันไปพร้อม ๆ กันในราคาย่อมเยา
จ่ายครั้งเดียวหรือผ่อนชำระ
฿5000
เรียนสดตลอด 12 สัปดาห์
ดูย้อนหลังได้ตลอด
ปรึกษาตัวต่อตัวกับผู้สอน
เกียรติบัตร
เข้าร่วมคอมมิวนิตี้ของพวกเรา
คำถามที่พบบ่อย
มีข้อสงสัยเพิ่มเติม?
หากมีข้อสงสัยลองดูว่าคำตอบด้านล่างช่วยคุณได้หรือไม่ หรือสามารถติดต่อพวกเราโดยตรงได้เลย
- นักเรียนอายุเท่าไหร่ถึงจะเริ่มเรียนได้?
นักเรียนที่มีอายุ 12 ปีขึ้นไปสามารถเริ่มเรียนกับ Leagues of Code TH ได้ อย่างไรก็ตามเราไม่จำกัดอายุผู้เรียนแต่อย่างใด สามารถโทรสอบถามข้อมูลเพิ่มเติมได้หากอยู่นอกเกณฑ์อายุที่ระบุข้างต้น
- จำนวนนักเรียนต่อห้องจะเป็นอย่างไร?
ในหนึ่งห้อง เราพยายามจำกัดจำนวนนักเรียนไม่ให้เกิน 25 คน
- ต้องมีพื้นฐานมาก่อนหรือไม่ ถึงจะสมัครได้?
ทุกคนไม่จำเป็นต้องมีพื้นฐานใด ๆ ก็สามารถเริ่มฝึกเขียนโปรแกรมกับเราได้ หากเพียงมีบางหัวข้อที่จำเป็นในการเรียน เช่น พีชคณิตพื้นฐาน (บวกลบคูณหาร) เท่านั้น
- ต้องใช้อุปกรณ์อะไรในการเรียน?
เราแนะนำให้ใช้คอมพิวเตอร์ส่วนตัว (โน้ตบุ๊ค/Laptop) ที่มีระบบปฏิบัติการ Windows หรือ MacOS อย่างไรก็ตาม เราไม่แนะนำให้ใช้อุปกรณ์ที่ไม่ได้มีระบบปฏิบัติการดังกล่าวติดตั้งไว้ เช่น IPad, Smart phone และอื่น ๆ
- ต้องติดตั้งระบบอะไรบ้างเพื่อเริ่มเรียนกับ Leagues of Code TH?
สำหรับนักเรียนที่สมัครคอร์สเริ่มต้นเราจะส่งข้อมูลการติดตั้งโปรแกรมต่าง ๆ ให้ก่อนเริ่มเรียน และในคาบเรียนแรกเราจะมีการแนะนำการใช้งานโปรแกรมสำหรับนักเรียนที่ไม่คุ้นเคย หากนักเรียนมีปัญหาใด ๆ ทีมงานของเราก็พร้อมที่จะช่วยเหลือใน Discord

Webdev 1
พื้นฐานสำหรับผู้เริ่มต้น
เริ่มต้นเขียนเว็บไซต์ในภาษา HTML และ CSS พื้นฐานที่ทุกเว็บไซต์มีร่วมกัน

C/C++ 4
ฝึกฝนทักษะการแก้ปัญหา 1 (Searching & Sorting)
ฝึกฝนทักษะการเพิ่มประสิทธิภาพของโปรแกรมผ่านการเรียนรู้พัฒนาการของสองอัลกอริทึมสำคัญในแวดวงคอมพิวเตอร์

Basic Computational Thinking
ฝึกกระบวนการคิดสำหรับผู้ที่ต้องการพัฒนาทักษะเชิงตรรกะ เตรียมพร้อมสำหรับการคิดอย่างเป็นระบบในการเขียนโปรแกรม