Webdev 4: สร้าง Website ของตนเองด้วย Next.JS

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

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

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

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

12+

เหมาะกับผู้เรียนอายุ

ทุกวันเสาร์

เวลาเรียน

2 ชั่วโมง

ครั้งละ

ภาพรวมของคอร์ส

เร็วขึ้น ง่ายขึ้น สะดวกขึ้น!

เมื่อโปรเจคต์ของเราเริ่มใหญ่ขึ้น ปัญหาที่เราต้องเริ่มขบคิดก็จะขยายขอบเขตออกไปจากการ "จะเขียนหน้านี้ยังไง" ไปเป็นเซตคำถาม "จะเชื่อมระหว่างสองหน้านี้ยังไงดีนะ" "จะทำให้หน้าเว็บของเราโหลดเร็วขึ้นได้ยังไง" "จะจัดลำดับชั้นโครงสร้างของเว็บไซต์ยังไงดี" "เราจะดึงข้อมูลผู้ใช้มาได้ยังไงกันนะ" ยินดีต้อมรับเข้าสู่โลกของ Framework เมื่อโลกด้านหน้า (front end) และโลกเบื้องหลัง (backend) ถูกเชื่อมเข้าหากัน

หลักสูตร

Introduction to a Real Life

เรียนวิธีการขั้นสูงสำหรับการเขียนเว็บไซต์แบบ Full Stack Development ทั้ง Framework อย่าง NextJs, SSR จนไปถึงการ Deploy

  • Chapter 1
    ทำความรู้จักกับ Next.JS
    • ภาพรวมของ Next.JS
    • การตั้งค่าและการเตรียมพื้นที่ทำงาน
    • ความแตกต่างระหว่าง Next.JS และ React ทั่วไป
    • การใช้งาน CSS ภายในระบบ Next.JS
  • Chapter 2
    Server-Side Rendering
    • หลักการของ Server-Side Rendering
    • การสร้างเว็บเพจด้วยเทคนิค SSR
    • การจัดการข้อมูลด้วย getServerSideProps
  • Chapter 3
    Dynamic Routing
    • การใช้งานไฟล์และโฟลเดอร์ใน Next.JS
    • การสร้าง Dynamic Routing
    • การใช้งาน getStaticPaths และ getStaticProps
  • Chapter 4
    การทำงานกับ API และการจัดการข้อมูล
    • การสร้าง API Routes ใน Next.JS
    • การจัดการข้อมูลด้วย API
    • การเชื่อมต่อกับฐานข้อมูล
  • Chapter 5
    Optimization
    • Images
    • Fonts
    • Metadata
    • Lazy Loading
  • Chapter 6
    การเผยแพร่เว็บไซต์ (Deployment)
    • Production Build
    • Next.JS and Vercel
    • Node.JS Server
    • Docker
    • Static HTML

สร้างห้องเรียนที่ดีที่สุดสำหรับทุกคน

สิ่งที่รวมอยู่ในคอร์ส

เพื่อให้นักเรียนทุกคนได้เก็บเกี่ยวความรู้และประสบการณ์ในแต่ละคอร์สกลับไปอย่างเต็มที่ เราจึงได้รวบรวมสิ่งเหล่านี้เอาไว้

คอร์สเรียนสด

เรียนรู้กับผู้สอนโดยตรงพร้อมโอกาสในการ ถามคำถามและแลกเปลี่ยนความคิดเห็นกับนักเรียนคนอื่น ๆ

คอร์สเรียนโจทย์ปัญหา

ตลอดการเรียนกับเรา เราได้เตรียมโจทย์และ โปรเจ็กต์ต่าง ๆ เอาไว้ให้นักเรียนได้ลองฝึกทำ จริง ๆ

การเรียนตัวต่อตัว

นักเรียนสามารถจองเวลาในการปรึกษา และพูดคุยกับผู้สอนของเราได้แบบตัวต่อตัว

สังคมแห่งการเรียนรู้

นักเรียนทุกคนสามารถเข้า Discord ของเราเพื่อทำกิจกรรมและแลกเปลี่ยนข่าวสารต่าง ๆ ในโลกเทคโนโลยีกันได้

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

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

เกียรติบัตร

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

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

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

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

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

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

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

เกียรติบัตร

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

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

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

เวลาเรียน

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

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

คอร์สต่อไป

เริ่ม 17 เม.ย. 2569

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

พี่ดิว

คลาสสด ทุกวันเสาร์ 10:00 - 12:00 น.

*หมายเหตุ เราจะเป็นผู้จัดแบ่งห้องเรียนของนักเรียนเอง ผู้สอนอาจจะมีการเปลี่ยนแปลงตามความ เหมาะสม
*หากจำนวนนักเรียนที่ลงทะเบียนน้อยกว่า 8 คน สถาบันจะขอยกเลิกการเปิดคอร์สนั้น ๆ และทำการคืน เงินให้เต็มจำนวน

ราคา

เราการันตีความโปร่งใส

กับคอร์สที่จะเตรียมความพร้อมให้ทุกคนก้าวทันโลกปัจจุบันไปพร้อม ๆ กันในราคาย่อมเยา

จ่ายครั้งเดียวหรือผ่อนชำระ

฿6000

  • เรียนสดตลอด 12 สัปดาห์

  • ดูย้อนหลังได้ตลอด

  • ปรึกษาตัวต่อตัวกับผู้สอน

  • เกียรติบัตร

  • เข้าร่วมคอมมิวนิตี้ของพวกเรา

คำถามที่พบบ่อย

มีข้อสงสัยเพิ่มเติม?

หากมีข้อสงสัยลองดูว่าคำตอบด้านล่างช่วยคุณได้หรือไม่ หรือสามารถติดต่อพวกเราโดยตรงได้เลย

  • นักเรียนอายุเท่าไหร่ถึงจะเริ่มเรียนได้?

    นักเรียนที่มีอายุ 12 ปีขึ้นไปสามารถเริ่มเรียนกับ Leagues of Code TH ได้ อย่างไรก็ตามเราไม่จำกัดอายุผู้เรียนแต่อย่างใด สามารถโทรสอบถามข้อมูลเพิ่มเติมได้หากอยู่นอกเกณฑ์อายุที่ระบุข้างต้น

  • จำนวนนักเรียนต่อห้องจะเป็นอย่างไร?

    ในหนึ่งห้อง เราพยายามจำกัดจำนวนนักเรียนไม่ให้เกิน 25 คน

  • ต้องมีพื้นฐานมาก่อนหรือไม่ ถึงจะสมัครได้?

    ทุกคนไม่จำเป็นต้องมีพื้นฐานใด ๆ ก็สามารถเริ่มฝึกเขียนโปรแกรมกับเราได้ หากเพียงมีบางหัวข้อที่จำเป็นในการเรียน เช่น พีชคณิตพื้นฐาน (บวกลบคูณหาร) เท่านั้น

  • ต้องใช้อุปกรณ์อะไรในการเรียน?

    เราแนะนำให้ใช้คอมพิวเตอร์ส่วนตัว (โน้ตบุ๊ค/Laptop) ที่มีระบบปฏิบัติการ Windows หรือ MacOS อย่างไรก็ตาม เราไม่แนะนำให้ใช้อุปกรณ์ที่ไม่ได้มีระบบปฏิบัติการดังกล่าวติดตั้งไว้ เช่น IPad, Smart phone และอื่น ๆ

  • ต้องติดตั้งระบบอะไรบ้างเพื่อเริ่มเรียนกับ Leagues of Code TH?

    สำหรับนักเรียนที่สมัครคอร์สเริ่มต้นเราจะส่งข้อมูลการติดตั้งโปรแกรมต่าง ๆ ให้ก่อนเริ่มเรียน และในคาบเรียนแรกเราจะมีการแนะนำการใช้งานโปรแกรมสำหรับนักเรียนที่ไม่คุ้นเคย หากนักเรียนมีปัญหาใด ๆ ทีมงานของเราก็พร้อมที่จะช่วยเหลือใน Discord

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

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

  • C/C++ 1
    พื้นฐานสำหรับการแข่งขัน