Webdev 4: สร้าง Website ของตนเองด้วย Next.JS
เรียนรู้ตัวช่วยที่จะทำให้เราเขียนเว็บใหญ่ ๆ ได้เร็วขึ้น!

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

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

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

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

เวลาเรียน
รีบจองก่อนที่ที่นั่งจะหมด!
ในปัจจุบันคอร์สทั้งหมดของเราจะจัดขึ้นในเวลาเดียวกัน
คอร์สต่อไป
เริ่ม 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

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

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

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