Webdev 3: การใช้งาน React Library และ Node.JS

เรียนรู้ตัวช่วยที่จะทำให้เราเขียนเว็บใหญ่ ๆ ได้เร็วขึ้น!

ภาพปกสำหรับคอร์ส Web Development 3

ออนไซต์และออนไลน์

รูปแบบการสอน

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 ของเราเพื่อทำกิจกรรมและแลกเปลี่ยนข่าวสารต่าง ๆ ในโลกเทคโนโลยีกันได้

วิดีโอย้อนหลัง

เรามีการบันทึกวิดีโอการเรียนทุกครั้งเพื่อ ให้นักเรียนสามารถกลับมาทบทวนได้ เรื่อย ๆ

เกียรติบัตร

รับเกียรติบัตรหลังเรียนจบเพื่อยืนยันว่า นักเรียนได้ผ่านการเรียนรู้กับเรามา แล้วจริง ๆ

ผู้สอนของเรา

เรียนกับครูและพี่ ๆ มากประสบการณ์

ภาพกลุ่มจาก Leagues of Code summer camp ปีสาม

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

รูปโปรไฟล์พี่เว เวทิต
พี่เว

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

รูปโปรไฟล์พี่ดิว รุจิภาส
พี่ดิว

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

เกียรติบัตร

รับเกียรติบัตรหลังเรียนจบ

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

ตัวอย่างเกียรติบัตร Leagues of Code TH

เวลาเรียน

รีบจองก่อนที่ที่นั่งจะหมด!

ในปัจจุบันคอร์สทั้งหมดของเราจะจัดขึ้นในเวลาเดียวกัน

คอร์สต่อไป

เริ่ม 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

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

Webdev 1
พื้นฐานสำหรับผู้เริ่มต้น

ฝึกฝนทักษะการเพิ่มประสิทธิภาพของโปรแกรมผ่านการเรียนรู้พัฒนาการของสองอัลกอริทึมสำคัญในแวดวงคอมพิวเตอร์

C/C++ 4
ฝึกฝนทักษะการแก้ปัญหา 1 (Searching & Sorting)

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

Basic Computational Thinking