หลักสูตรออนไลน์ 2022 คอร์สสอน React และ NextJS Frontend ภาษาไทย

สอน reactjs/nextjs ตั้งแต่พื้นฐาน อัดแน่นด้วยความรู้ ไม่ต้องไปอ่านเอง ลองผิดลองถูกเอง ให้เสียเวลา

สั่งซื้อได้ที่ LINE: @geekstart (899 THB เท่านั้น)

เพิ่มเพื่อน LINE: @geekstart

เมื่อสั่งซื้อแล้ว จะได้รับ Approve ให้ Join Facebook Group พิเศษ สำหรับดูวีดีโอทั้งหมด

รวมถึงวีดีโอ ความรู้รอบตัว โปรแกรมเมอร์ channel Sakko sama แบบไม่มีโฆษณามารบกวน

ทำไมต้องเรียนกับเรา

ทดลองดูก่อนได้

เราให้ดูฟรีผ่าน youtube 3 lessons ไม่ต้องเสี่ยงว่าจะไม่ชอบและเรายังมี content อื่นๆ ให้ดูแบบไม่มีโฆษณาคั่นอีกด้วย

เรียนเฉพาะทาง

เพราะเราเชื่อว่า การ Focus เรื่องใดเรื่องหนึ่งสำคัญกว่าทำเป็นทุกอย่าง เรียน React ก็ต้อง Focus ที่ Frontend ไม่นอกเรื่อง

มีพื้นฐาน ต่อยอดได้

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

Table of Contents

ได้พื้นฐานทั้งหมดตามนี้ ก็หางานเกี่ยวกับ React Frontend ได้แล้ว

สามารถดูตัวอย่างได้ที่ Youtube

ReactJS on NextJS 00 - ติดตั้ง NodeJS บน MacOS ด้วย NVM เตรียมเครื่อง ไม่ต้องกลัวลงผิด Version
ReactJS on NextJS 00 - ติดตั้ง NodeJS บน Windows ด้วย NVM เตรียมเครื่อง ไม่ต้องกลัวลงผิด Version
ReactJS on NextJS 00 - ใช้ Docker รัน Node ง่ายๆ เอาไป npm run dev เครื่องไหนก็ได้ชิลๆ
ReactJS on NextJS 01 - วิธีสร้าง project แบบ clean สุดๆ เข้าใจง่าย
ReactJS on NextJS 02 - ทำความเข้าใจ pages คืออะไร ง่าย สนุก อยากทำต่อ
ReactJS on NextJS 03 - สนุกกับการสร้าง component เบื้องต้น Layout แยก page ได้ แค่ไม่กี่บรรทัด
ReactJS on NextJS 04 - Import Global CSS ไม่ยาก ไม่น่าเบื่ออย่างที่คิด ใส่ที่เดียวจบ
ReactJS on NextJS 05 - HTML Structure ของ NextJS พร้อมการ Import Script แบบ Global ผ่าน _document
ReactJS on NextJS 06 - ใช้ CSS แยกแต่ละ Page แต่ละ Component แบบหาง่าย ไม่สับสน
ReactJS on NextJS 07 - สร้าง Path แบบ Dynamic และดึงค่าจาก Path Params / Query String มาใช้อย่างไรด้วย useRouter
ReactJS on NextJS 08 - แก้ปัญหา import dynamic path จุดๆๆๆๆๆๆๆ เยอะเกินไป ปวดหัวด้วย jsconfig
ReactJS on NextJS 09 - เริ่มใช้ React Component ง่ายๆกับ Event / Function / onClick กันดีกว่า
ReactJS on NextJS 10 - Children และ Props ทำอะไรได้บ้างใน React ง่ายๆ สรุปมาให้แล้ว
ReactJS on NextJS 11 - ส่ง Function เข้าไปใน Props ได้ด้วยหรอ? พร้อมตัวอย่าง
ReactJS on NextJS 12 - state + useState hook เก็บค่าใน component อย่างไร ด้วย getter และ setter
ReactJS on NextJS 13 - การวน Loop เพื่อสร้าง Component List ตามจำนวน Array และการใช้ key ให้ถูกต้อง
ReactJS on NextJS 14 - state ใน form input และการ submit form แบบง่ายๆ
ReactJS on NextJS 15 - ตัวอย่าง useEffect Hook ใช้อย่างไร สรุปมาให้แล้ว ไม่ต้องไปอ่านเอง
ReactJS on NextJS 16 - วิธีการ import UI Library mui material design มาใช้แบบง่ายมาก
ReactJS on NextJS 17 - วิธีการสร้าง layout สำหรับ sidebar drawer แบบ slide เข้ามาด้วย mui material แบบเลือกหน้าได้
ReactJS on NextJS 18 - ทดลองดึงข้อมูลจาก API ด้วย fetch และนำมาแสดงผลผ่าน @mui
ReactJS on NextJS 19 - ดึงข้อมูลจาก API มาทำ Server-side rendering เช่นใส่ title, meta เพื่อให้ดีต่อ seo และ social sharing
ReactJS on NextJS 20 - ใช้ redux ทำ state แบบใช้ได้ทุก component แค่ไม่กี่ file
ReactJS on NextJS 21 - LAB Login Page - Redux - useSWR - custom Hook - localStorage - custom authentication token ในบทเดียว
ReactJS on NextJS 22 - Login เสร็จแล้ว มาทำ CRUD ต่อกันดีกว่า
ReactJS on NextJS 23 - React useState Snapshot คืออะไร ทำไมค่าไม่เปลี่ยน?
ReactJS on NextJS 24 - useState ต่อ queue กันอัพเดทแบบมีอารยธรรม ไม่แย่งกัน
ReactJS on NextJS 25 - useState กับ Object ทำไมมีปัญหาไม่อัพเดท mutable vs Immutable
ReactJS on NextJS 26 - useState กับ Array และ Object วุ่นวายจริงๆกับ mutable vs Immutable
ReactJS on NextJS 27 - ใช้ state ให้รอบคอบ อย่าไป Duplicate มันไม่งั้นแก้ให้ตาย บัคก็ไม่หมด
ReactJS on NextJS 28 - useRef กับ useState ต่างกันนะ ใช้ให้ถูก app จะได้ไม่ render โดยไม่จำเป็น
ReactJS on NextJS 29 - สร้าง Backend CRUD API ง่ายๆด้วย Sequelize และ Code First DB Migration
ReactJS on NextJS 30 - หัดสร้าง Login API โดยใช้ JWT พร้อมดูวิธีเก็บ password ด้วย bcrypt
ReactJS on NextJS 31 - ย้าย check JWT จาก API มาไว้ใน middleware จะได้ reuse ง่ายๆ
ReactJS on NextJS 32 - สร้าง Database+API+UI login ด้วย iron-session บริหารจัดการ Cookie ง่ายๆ
ReactJS on NextJS 33 - useEffectOnce แก้ปัญหา useEffect call เบิ้ล 2 ที
ReactJS on NextJS 99.1 - มา Deploy โปรแกรมขึ้น Server แบบ Serverless ผ่าน Vercel กันดีกว่า
ReactJS on NextJS 99.2- Deploy Serverless บน Google Cloud Run ด้วย Docker และ Cloud Build
ReactJS on NextJS 99.3 - ติดตั้ง node postgres nginx pm2 letsencrypt ssl บน ubuntu

สั่งซื้อได้ที่ LINE: @geekstart (899 THB เท่านั้น)

เพิ่มเพื่อน

เมื่อสั่งซื้อแล้ว จะได้รับ Approve ให้ Join Facebook Group พิเศษ สำหรับดูวีดีโอสอน reactjs และ nextjs ทั้งหมด

รวมถึงวีดีโอ ความรู้รอบตัว โปรแกรมเมอร์ channel Sakko sama แบบไม่มีโฆษณามาคั่น