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

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

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

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

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

12+

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

ทุกวันเสาร์

เวลาเรียน

120 นาที

ครั้งละ

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

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

เมื่อโปรเจคต์ของเราเริ่มใหญ่ขึ้น ปัญหาที่เราต้องเริ่มขบคิดก็จะขยายขอบเขตออกไปจากการ "จะเขียนหน้านี้ยังไง" ไปเป็นเซตคำถาม "จะเชื่อมระหว่างสองหน้านี้ยังไงดีนะ" "จะทำให้หน้าเว็บของเราโหลดเร็วขึ้นได้ยังไง" "จะจัดลำดับชั้นโครงสร้างของเว็บไซต์ยังไงดี" "เราจะดึงข้อมูลผู้ใช้มาได้ยังไงกันนะ" ยินดีต้อมรับเข้าสู่โลกของ 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 ร่วมกับมหาวิทยาลัย Harbour.Space และหนอนหนังสือที่นอนกลิ้นอ่านไปวัน ๆ

เกียรติบัตร

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

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

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

เวลาเรียน

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

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

คอร์สต่อไป

เริ่ม 13 ต.ค. 2567

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

พี่เว

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

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

ราคา

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

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

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

฿6000

  • เรียนสดตลอด 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