ติดสปีดเว็บไซต์ด้วย

Course Online

React & Next JS

  • React Hooks และการจัดการสถานะ
  • Server-side Rendering ด้วย Next.js
  • ออกแบบ UI Components ด้วย React
  • การใช้งาน React ร่วมกับ Next.js และ API

** พิเศษ แถมฟรีคอร์ส Node.js ให้เรียนเพิ่ม!

  • The Guardian
  • marketplus

    ไลบรารีสำหรับสร้าง UI บนเว็บไซต์มีแนวคิด component-based และ virtual DOM ในการเพิ่มประสิทธิภาพ และมีการนำ JSX มาใช้ในการเขียนโค้ด ใช้งานง่าย สนับสนุน functional programming และมี ecosystem ที่ใหญ่มาก

    มาทำความรู้จักกับ 3 เครื่องมือที่ออกแบบมาเพื่อการเป็นนักพัฒนาเว็บไซต์

    React

    เป็น full-stack framework สำหรับ React สำหรับพัฒนาเว็บไซต์ที่รองรับ server-side rendering และ static site generation ซึ่งช่วยให้เว็บไซต์มีประสิทธิภาพและเป็นมิตรกับ SEO มากขึ้น มีคุณสมบัติสำคัญ เช่น file-based routing, code splitting, bundling และการ optimize ต่างๆ

    Next.js

    ระบบปฏิบัติการโอเพนซอร์สที่ใช้ JavaScript ในการรันบนเซิร์ฟเวอร์ มีจุดเด่นที่ event-driven, non-blocking I/O ทำให้มีประสิทธิภาพสูง เหมาะกับแอปเรียลไทม์ มี package manager ขนาดใหญ่ รันบนหลายแพลตฟอร์ม โดยใช้ JavaScript ทั้ง frontend/backend

    Node.js

ImageImageImage

เรียนหลักสูตร React & Next JS จบแล้ว ทำอะไรได้บ้าง?

  • เพิ่มประสิทธิภาพในการพัฒนาเว็บและแอปพลิเคชัน
  • ปรับปรุงการจัดการโค้ดและการทำงานร่วมกันของทีมพัฒนา
  • รองรับปริมาณการใช้งานที่หนาแน่น
  • รองรับปริมาณการใช้งานที่หนาแน่น
  • ลดเวลาในการพัฒนาเว็บและแอปพลิเคชั่น
  • สร้างประสบการณ์ผู้ใช้ที่ดีขึ้น

พัฒนา Performance ได้ถึง 2 เท่า

Image
ImageImageImage

React & Next JS for front End Dev

  • รายละเอียดโปรแกรม
  • Visual Studio Code (ฟรี)
  • Google Chrome Web Browser (ฟรี)
  • Postman (ฟรี)Git Version Control (ฟรี)
  • NodeJS (ฟรี)tailwind CSS (ฟรี)
  • MongoDB (on cloud)( ฟรี)
  • Web browser (ฟรี)

หลักสูตรสอนอะไรบ้าง

100 บทเรียน

43 Workshop

3 ผู้สอน

24 ชั่วโมง

พื้นฐานที่ต้องมี

HTML / CSS / JavaScript

Learning Outcome :

  • Basic Javascript for Frontend DeveloperSetup และสร้าง React เบื้องต้นได้
  • สามารถแยกแยะระหว่าง Uncontrolled/Controlled/Stateful และ Stateless Components ได้มีความเข้าใจในการ Render ข้อมูล Array ใน JSX และสามารถใช้งานฟังก์ชัน Map ได้เป็นอย่างดี
  • เข้าใจถึงความสำคัญของการใช้ Keys ในการ Render Arrays ใน JSX และสามารถใช้
  • Keys ในโค้ดของตนเองได้เข้าใจ Event ใน React รู้วิธีการใส่ Event สามารถเชื่อมต่อ Event กับ Function
  • เข้าใจ Form Input ใน React และเทคนิคอื่นๆที่ใช้ สามารถสร้าง
  • และใช้ Form Input ใน React ได้และรับข้อมูลจาก User Input ไปใช้ต่อได้ สามารถใช้ Event และ State ร่วมกันใน React ได้
  • เข้าใจฟังก์ชัน Map ของ Array ประโยชน์ของมัน และ นำไปใช้งานได้เข้าใจความหมายและวิธีการใช้งาน React Context ในการส่งค่าไปยัง Component อื่นๆ ในลักษณะที่เปลี่ยนแปลงได้
  • เข้าใจ Hooks เช่น Forward Refs และกฏของการใช้ Hooks และสามารถนำไปใช้ในการพัฒนา React application ได้อย่างถูกต้อง
  • ได้ Project “บันทึกรายรับรายจ่าย”
  • ได้ทำ Project Web form

React

  • ผู้เรียนได้ทำเว็บไซด์อย่างง่าย 4 หน้า คือ หน้า Home / About / Blog และ Contact
  • ได้เรียนรู้การทำ Frontend Project ด้วย NextJS และเทคนิคต่างๆ สำหรับการพัฒนาเว็บ Frontend เช่น การจัดหน้า การทำฟอร์ม การค้นหาข้อมูล
  • มีทักษะการแปลงรูปภาพจากการออกแบบเว็บ Mockup ให้ขึ้นเป็นหน้าเว็บโดยใช้ Next.js
  • ได้เรียนรู้การทำ Full-Stack Project ด้วย NextJS และเทคนิคต่างๆ สำหรับการพัฒนาเว็บ Full-Stack
  • สามารถทำ Authentication ได้สร้าง API โดยใช้ Node.js ได้
  • สามารถเชื่อมต่อ Backend และ Frontend ได้
  • Deploy Web application ที่ใช้ Next.js ทั้งส่วนของ Frontend และส่วนของ Backend
  • ได้ทำเว็บไซด์อย่างง่าย เป็นระบบค้นหา Pokemon
  • ได้ทำหน้า UI ของ Dashboard

Next.js

Node.js

  • เข้าใจพื้นฐานการสร้าง Backend ด้วย Node.js เบื้องต้น
  • รู้จักเครื่องมือที่นิยมใช้ในปัจจุบัน เพื่อการพัฒนาด้วย Node.js มากขึ้น
  • เพิ่มความเข้าใจในวิธีการพัฒนาระบบหลังบ้านด้วย Node js แบบพื้นฐาน
  • เพื่อให้ผู้เรียน จะได้รู้จักเครื่องมือที่สำคัญ VScode และ Postman ในการพัฒนาระบบหลังบ้าน
  • เพื่อช่วยให้ผู้เรียนเข้าใจพื้นฐานการสร้างระบบหลังบ้านด้วย Nodejs และ ExpressJs
  • เพื่อช่วยให้ผู้เรียนเข้าใจการเชื่อมข้อมูลกับ Database (Mongodb)
  • การติดตั้ง Environment Setup และ รู้จักกับเครื่องมือที่ใช้ในการพัฒนาระบบหลังบ้าน
  • พื้นฐานเบื้องต้นสำหรับการพัฒนา Back-end ด้วย Node.js และ expressjs
  • การเชื่อมต่อกับ Database (MongoDB)
  • พัฒนาระบบหลังบ้านให้สามาถเขียนโปรแกรมได้สั้นและรวดเร็วมากยิ่งขึ้น
  • ผู้เรียนสามารถนำ Workshop หรือ Project เพิ่มใน Portfolio ได้

ดูวีดีโอ / เนื้อหาคอร์ส / ผู้สอน คลิกปุ่มด้านล่าง

Learning Outcome :

ดูวีดีโอ / เนื้อหาคอร์ส / ผู้สอน คลิกปุ่มด้านล่าง

Learning Outcome :

ดูวีดีโอ / เนื้อหาคอร์ส / ผู้สอน คลิกปุ่มด้านล่าง

ImageImageImageImage

ผลงานที่คุณจะได้รับ

ตัวอย่างผลงานจากผู้เรียนจริง

ImageImageImageImage

เรียนรู้พร้อมลงมือทำจริง

บอกเล่าประสบการณ์จากผู้เรียน

ขอบคุณความไว้วางใจ และความตั้งใจในการพัฒนาทักษะ

2024-02-18

"สอนดีครับ เข้าใจง่าย"

taweesak

"สอนดีครับ เริ่มจากพื้นฐานเลย"

2024-03-08

Thanakorn

"ดีเยี่ยมเข้าใจง่าย สอนแบบละเอียดทำได้จริงค่ะ"

2023-04-20

เด่นเดือน

"ได้ความรู้เพิ่มเติมกับ เทคนิคมาเยอะเลยคับ"

2023-06-16

Poramat

Special Bonus

Certificate

รับรอง

ใช้อัปโปรไฟล์ได้จริง

พัฒนาเว็บ React Portfolio ตั้งแต่เริ่มต้นจนขึ้น Deplay

แลกซื้อคอร์สต่อยอด

รับสิทธิ์แลกซื้อคอร์สนี้ใน

ราคา 990 บาทเท่านั้น

จากปกติ 2,198 บาท

PDF เอกสารประกอบการเรียน

ให้โหลดฟรีทุกคอร์ส

มูลค่า 1,890 บาท

FREE

FREE

ImageImageImage
ImageImageImage

ซื้อคอร์สนี้แถมฟรี!

คอร์ส หลักการออกแบบ UI Design

ด้วยโปรแกรม Figma

ImageImage

** ทุกการสั่งซื้อในโปรโมชั่นนี้รับฟรี E-Book คู่มือเปลี่ยนสายงาน **

รหัสคอร์สแถมและ E-book จะได้รับภายในวันที่ 11 ตุลาคม

** ทุกการสั่งซื้อในโปรโมชั่นนี้

รับฟรี E-Book คู่มือเปลี่ยนสายงาน **

รหัสคอร์สแถมและ E-book จะได้รับภายในวันที่ 11 ตุลาคม

ดูรายละเอียดแพ็กเกจรายปี

แจกความคุ้มทุกคำสั่งซื้อ ตั้งแต่วันนี้ - 20 ธันวาคม 2567

ImageImage

Basic Package

เมื่อมีการสั่งซื้อไม่เกิน 3,590.-

ImageImageImage
  • ฟรี! E-Book คู่มือย้ายสายงาน ที่เหมาะสำหรับทุกสายอาชีพ 1 เล่ม
  • ไม่จำกัดระยะเวลาเรียน
  • ทบทวนได้ไม่จำกัดจำนวนครั้ง
  • มีเจ้าหน้าที่ซัพพอร์ตทุกข้อสงสัย
  • ส่วนลดพิเศษของคอร์ส React & Next JS จากราคาเต็มเหลือเพียง 2,590 บาท

Premium Package

เมื่อมีการสั่งซื้อ 3,590.- ขึ้นไป

หรืออัwเกรดเป็นแพ็กเกจรายปี

  • สิทธิพิเศษทุกรายการใน Basic Package
  • ฟรี! หนังสือ Skill Before Passion 1 เล่ม (มูลค่า 290.-)
  • ฟรี! E-Book คู่มือย้ายสายงาน ที่เหมาะสำหรับทุกสายอาชีพ 1 เล่ม
  • ส่วนลดแพ็กเกจรายปี 55% เหลือเพียง 4,476.- (โปรดอ่านเงื่อนไขรายปีอย่างละเอียด)
ImageImage

คอร์สที่จะช่วยเพิ่มประสิทธิภาพให้กับเว็บไซต์ของคุณ

React & Next JS

For Front-End Developer

  • จ่ายครั้งเดียว เรียนได้ตลอดชีพ
  • ลงมือทำ Workshop สำหรับทำงานจริง
  • มีทีม Support คอยตอบคำถามระหว่าง
  • เรียนมั่นใจ ด้วยแบบทดสอบหลังจบการเรียนรู้

จากราคาเต็ม 6,890 บาท

2,590.-

ราคา

แถมฟรีคอร์ส Node.js มูลค่า 3,500 บาท

โดยการสั่งซื้อจะถือว่าคุณยอมรับใน ข้อตกลงการใช้บริการ ,นโยบายความเป็นส่วนตัวและ นโยบายการคืนเงิน เรียบร้อยแล้ว

ช่องทางการชำระเงิน

COD

ชำระปลายทาง

โอนชำระ QR Code / ตัดบัตร

ชำระผ่านบัตรเครดิต

ใบกำกับภาษีเต็มรูปแบบ

ImageImageImageImage

แพลทฟอร์มการเรียนรู้ทักษะธุรกิจ เทคโนโลยี และครีเอทีฟได้อย่างไม่จำกัดทุกที่ทุกเวลา ในราคาที่คุ้มค่าและมีคุณภาพที่สุด

ติดต่อ: 126/5 อาคาร ไทย ศรี ชั้น 2, ถนน กรุงธนบุรี แขวง บางลำภูล่าง เขต คลองสาน กรุงเทพมหานคร 10600

อีเมล: [email protected]

© 2022 Like me Co., Ltd. All Right Reserved

LINE ID: @futureskill

Facebook: futureskill.co