คอร์สการใช้ Next.js เพื่อพัฒนาเว็บและ API ด้วย TypeScript, React, Next.js, Routes, Zustand, Tailwind CSS และ React Query

สอนการใช้ Next.js, TypeScript, React, Next.js, Next.js API Routes, Zustand, React Query, Tailwind CSS และ Shadcn

สามารถเลือกการเรียนแบบใดแบบหนึ่ง คือ

รอบสอนสดออนไลน์

8,950 ฿

(วันอบรม 23 - 24, 28 - 30 พ.ย. 2566)

วิดีโอบันทึกการสอน

6,950 ฿

รายละเอียด

ความคิดเห็น

รายละเอียดคอร์ส

Next.js หนึ่งในเครื่องมือพัฒนา Fullstack ที่สามารถพัฒนาได้ทั้งเว็บและ API ในชุดเครื่องมือเดียวกัน นั่นจึงทำให้ง่ายต่อการพัฒนาแอปเพียงแค่รู้ภาษา JavaScript / TypeScript ก็สามารถสร้าง Fullstack Web ได้อย่างรวดเร็ว

คอร์สเรียนนี้ผู้เรียนจะได้ทราบถึงการใช้งาน React ควบคู่กับ Next.js 14 เพื่อพัฒนาเว็บและ API บนภาษา TypeScript พร้อมด้วยการตกแต่งหน้าเว็บผ่าน Tailwind CSS และ Shadcn UI โดยใช้ Zustand เป็นเครื่องมือจัดการ state บนเว็บ พร้อมกับการใช้ React Query (Tanstack Query) เป็นเครื่องมือแคชข้อมูลจาก API บนเว็บเบราว์เซอร์ สุดท้ายจึงอาศัย Docker เป็นเครื่องมือสำหรับการตั้งค่าและการ deploy โค้ดสู่ production ทั้งหมดนี้เรียนรู้ผ่านการปฏิบัติจริงด้วยเวิร์คชอประบบจัดการวันลาออนไลน์

ส่วนแรกจะเป็นการทบทวนการใช้งาน JavaScript และ TypeSciript สำหรับ Front-End และ Back-End ยุคใหม่ รวมถึงเทรนด์และเทคนิคต่าง ๆ ของการพัฒนาเว็บและ API ในยุค 2023 - 2024 พร้อมทั้งปูพื้นฐานการใช้ React และ Next.js อย่างง่าย เพื่อให้เห็นภาพรวมคร่าว ๆ ของการใช้งานเป็นเบื้องต้น

ส่วนถัดมาคือการพูดถึงการใช้งาน React ทั้งหลักการของ Component-Based Design หลักการวางโครงสร้างโปรเจคเพื่อให้ง่ายต่อการใช้งานและบำรุงรักษา รวมไปถึงหลักการอื่นที่จำเป็น เช่น React Hooks เป็นต้น จากนั้นจึงเข้าสู่บนเรียนของการใช้ Next.js เพื่อพัฒนาเว็บ โดยเริ่มต้นจากการใช้งานโครงสร้างแบบ App Router ทั้งส่วนของ page layout error loading การจัดการ Routes ทั้งแบบ static และ dynamic การเปลี่ยนผ่านหน้าเพจด้วย Link และ Hooks ต่าง ๆ ในแพคเกจ next/navigation รวมไปถึงการแจกแจงความแตกต่างของ React Server Copmponent (RSC) และ Client Component รวมถึงการพิจารณาใช้ user client และ use server เป็นต้น

Next.js นั้นจำแนกประเภทการแสดงผลได้หลายรูปแบบ โดยแต่ละรูปแบบมีความเหมาะสมกับงานเว็บที่แตกต่างกัน หัวข้อนี้ผู้เรียนจะได้เข้าถึงหลักการเลือกรูปแบบที่เหมาะสมในการแสดงผลเพื่อให้ได้ประสิทธิภาพสูงสุด ได้แก่ Client-Side Rendering (CSR) Server-Side Rendering (SSR) Static-Site Generation (SSG) Incremental Static Regeneration (ISR) รวมถึงความเข้าใจในระบบแคชของ Next.js และ การใช้การตั้งค่าบน Route ผ่าน Route Segment Config เช่นตัวแปร revalidate และ dynamic เป็นต้น สุดท้ายจึงกล่าวถึงการใช้งาน Server Action และ revalidatePath เพื่อเปลี่ยนแปลงค่าแคชบนเซิฟเวอร์

เพื่อให้หน้าเว็บของเรามีการแสดงผลที่สวยงาม CSS จึงเป็นแกนหลักที่สำคัญของส่วนประกอบนี้ คอร์สนี้เราจะแนะนำการใช้งาน Tailwind CSS ไลบรารี่แบบ Utility Classes ยอดนิยมพร้อมด้วยการใช้งาน Shadcn UI ที่ทำให้การสร้าง UI บนหน้าเว็บเป็นเรื่องง่ายขึ้นด้วยการใช้งานคอมโพแนนท์สำเร็จรูปที่ไลบรารี่จัดเตรียมไว้ให้แล้ว

ส่วนของการพัฒนา API นั้นเราใช้ API Routes บนระบบของ Next.js เอง ผู้เรียนจะได้ทราบถึงการดักจับ request ที่เกิดขึ้นบน HTTP Methods ต่าง ๆ เชน GET, POST, PATCH, DELETE รวมถึงการเข้าถึงส่วนของพารามิเตอร์ต่าง ๆ การรับไฟล์และข้อมูลผ่าน Form Data การตรวจสอบความถูกต้องของข้อมูลด้วย Zod การจัดการข้อผิดพลาดของ API และการส่งกลับ response ในรูปแบบ JSON เป็นต้น

เว็บแอปพลิเคชันโดยทั่วไปแล้วต้องมีการจัดเก็บข้อมูลลงฐานข้อมูล บทเรียนของเราจะสอนการใช้ Prisma ORM เพื่อเป็นตัวช่วยในการติดต่อและจัดการกับฐานข้อมูล พร้อมด้วยการพูดถึงหลักการต่าง ๆ ที่สำคัญเช่น การออกแบบ Database Schema กระบวนการของ Database Migration การเตรียมข้อมูลสำหรับทดสอบด้วยผ่าน Seed Data การสร้างความสัมพันธ์ระหว่างตารางด้วย Database Relations และการดำเนินการ CRUD บนข้อมูล เป็นต้น

เมื่อข้อมูลของเรามีความพร้อมในการใช้งานแล้ว เราจึงเรียนรู้การร้องขอข้อมูลบนเว็บผ่าน API ที่พัฒนาขึ้นมาจากนั้นจึงแคชข้อมูล และ revalidate ข้อมูลอย่างเหมาะสมผ่าน React Query (Tanstack Query) สำหรับการทำงานแบบ SSR, SSG และ ISR ผู้เรียนจะได้ทราบถึงการเชื่อมต่อฐานข้อมูลโดยตรงและแสดงผลข้อมูลตั้งแต่ที่เซิฟเวอร์ผ่าน React Server Component (RSC) ก่อนดำเนินการจัดส่งข้อมูลกลับสู่เว็บเบราว์เซอร์

เพื่อให้ข้อมูลใหม่ถูกเพิ่มเข้าระบบได้ การรับส่งข้อมูลผ่านฟอร์มจึงเป็นเรื่องสำคัญ ในบทเรียนนี้ผู้เรียนจะได้ทราบถึงการใช้งาน React Hook Form เพื่อจัดการฟอร์มและดึงข้อมูลออกจากฟอร์มก่อนจัดส่งไปยังเซิฟเวอร์ รวมถึงการตรวจสอบความถูกต้องของข้อมูลในฟอร์มผ่านการใช้ Zod และการอัพโหลดไฟล์เช่นรูปภาพผ่านฟอร์ม เป็นต้น

เว็บแอปพลิเคชันไม่ได้มีการแสดงผลเพียงหน้าเพจเดียว หากแต่มีหลายเพจหลายคอมโพแนนท์มาประกอบรวมกัน เมื่อมีข้อมูลหนึ่งเกิดขึ้น แต่ต้องการให้ข้อมูลนี้ไปปรากฎหรือใช้งานที่คอมโพแนนท์หรือเพจอื่น เราต้องหาวิธีในการจัดการ จัดเก็บ และส่งต่อข้อมูลนี้ไปยังส่วนประกอบอื่น หน้าที่ในการจัดการสถานะของข้อมูลนี้เป็นหน้าที่ของสิ่งที่เรียกว่า Client State Management สำหรับคอร์สนี้ผู้เรียนจะได้ทราบถึง การใช้งาน Zustand เพื่อเป็น State Management ของเว็บแอปพลิเคชัน

ความปลอดภัยขั้นพื้นฐานอย่างหนึ่งของเว็บคือการตรวจสอบสิทธิ์การเข้าถึงของผู้ใช้งาน คอร์สนี้จึงกล่าวถึงการสร้างกระบวนการยืนยันตัวตนของผู้ใช้่งาน (Authentication) การกำหนดสิทธิ์ (Role) ให้กับผู้ใช้งาน และการตรวจสอบสิทธิ์ของผู้ใช้งาน (Authorization) ทั้งแบบ Role-Based Access Control (RBAC) และ Attributed-Based Access Control (ABAC) ผ่านการใช้งานไลบรารี่คือ Auth.js (NextAuth.js)

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

สุดท้ายเมื่อกระบวนการพัฒนาเสร็จสิ้น ผู้เรียนจะได้ทราบถึงการใช้งาน Docker และ Docker Compose เพื่อเตรียมความพร้อม และนำส่งแอปพิลเคชันของเราสู่ Production

เนื้อหาบทเรียน

คอร์สนี้เป็นหลักสูตรอบรม 5 วัน ประกอบด้วยเนื้อหาตามวันดังต่อไปนี้

วันที่: 1

Unit

แนะนำ React, Next.js และการสร้าง API บน Next.js

React คืออะไร รู้จักคุณสมบัติและการใช้งาน React กับ Next.js พร้อมทำความเข้าใจการสร้าง API บน Next.js

React คืออะไร มีรูปแบบการเขียนอย่างไร

บทบาทของ Next.js ในโลกของ React

เข้าใจความแตกต่างของ CSR, SSR, SSG และ ISG

การสร้าง API บน Next.js

TypeScript Ecosystems

ทบทวนการใช้งาน Node.js เบื้องต้น

Unit

ทบทวนการใช้งาน JavaScript / TypeScript ยุคใหม่

เพื่อให้การเรียน React / Next.js เป็นไปอย่างราบลื่น บทเรียนนี้จะทำการทบทวนการใช้งาน Node.js พร้อมทั้งไวยากรณ์ของ JavaScript / TypeScript สมัยใหม่

การประกาศตัวแปรด้วย let และ const

การใช้งาน Template Literals

ทบทวนการใช้งานออบเจ็กต์และอาร์เรย์

Destructuring Assignment

Optional Chaining

การกระจายข้อมูลด้วย Spread Operator

Arrow Functions

การใช้งาน map และ filter กับอาร์เรย์

Short-Circuit Evaluation

การจัดการโมดูลด้วย ES Module

ชนิดข้อมูลพื้นฐานใน TypeScript

Type และ Interface

Readonly และ Optional Properties

ฟังก์ชันและการจัดการชนิดข้อมูล

Generic Types

Utility Types

วันที่: 2

Unit

การใช้งาน React บน Next.js

เรียนรู้การใช้งาน Next.js พร้อมหลักการสำคัญของ React เช่น Component-Based Design เป็นต้นบน Next.js

React คืออะไร มีรูปแบบการเขียนอย่างไร

สร้างโปรเจค Next.js พร้อม API ด้วย Create Next App

เข้าใจการใช้งาน JSX

การจัดการ state และ event ใน React

การแบ่งแยกคอมโพแนนท์ และการใช้งาน props

การจัดการ Dynamic List ใน React

ความหมายของ Reconciliation

Unit

การใช้งาน React Hooks

กลุ่มของฟังก์ชันที่สำคัญต่อการจัดการ state และช่วงชีวิตของคอมโพแนนท์ใน React หรือที่เราเรียกว่า React Hooks คือสิ่งที่เราจะได้เรียนรู้ในบทเรียนนี้ ทั้ง useState, useEffect และ useRef นอกจากนี้ผู้เรียนยังจะได้เรียนรู้การสร้าง Hooks ด้วยตนเองอีกด้วย

จัดการ state ในคอมโพแนนท์ด้วย useState

ควบคุม Life Cycle ของคอมโพแนนท์ด้วย useEffect

การเข้าถึงอีลีเมนต์ด้วย useRef

การสร้างและใช้งาน Custom Hooks

Parent-Child Communication

Children และ Spread Attributes

React Developer Tools

Error Boundaries

การกำหนดค่า Environment Variables

Unit

Next.js และระบบ App Router

เพื่อความเข้าใจระบบ Routing และการจัด Layout ของ Next.js แบบใหม่ หัวข้อนี้ผู้เรียนจะได้ทราบถึงการทำงานของระบบ App Router ของ Next.js

React Server Components

ระบบ App Router ของ Next.js

ระบบ Routes และโครงสร้าง Directories

Pages และการจัดการ Layout

การเปลี่ยนหน้าเพจและการทำลิงก์

next/navigation

Dynamic Routes

การรวมกลุ่มของ Routes

หน้าจอ Loading

การจัดการ Errors

Unit

การแสดงผลแบบต่าง ๆ ของ Next.js

เข้าใจหลักการทำงานของ Next.js แบบ Client-Side Rendering (CSR), Server-Side Rendering (SSR), Static-Site Generation (SSG), Incremental Static Regeneration (ISR) และระบบ Route บน Next.js

Client-Side Rendering

Server-Side Rendering

Static-Side Generation

Incremental Static Regeneration

Route Segment Config และการแคชค่าเพจ

วันที่: 3

Unit

ตกแต่ง CSS และจัดหน้าเพจด้วย Tailwind CSS และ Shadcn UI

บทเรียนนี้ผู้เรียนจะได้เรียนรู้การใช้งาน CSS ใน React ด้วย Tailwind CSS และ Shadcn UI อันเป็นเฟรมเวิร์คยอดนิยมของการจัดการ CSS ในปัจจุบัน

Utility Classes ใน Tailwind CSS

Theming

การสร้าง Custom Components และการใช้ @layer

Plugins และ Presets

การติดตั้งและใช้งาน Shadcn UI

การใช้งานคอมโพแนนท์ของ Shadcn UI

Unit

การสร้างและออกแบบคอมโพแนนท์แบบจำเพาะ

บทเรียนนี้ผู้เรียนจะได้เรียนรู้การใช้ React และ Tailwind CSS เพื่อออกแบบคอมโพแนนท์ที่มีการแสดงผล UI ตามความต้องการของเราเอง

React HTMLAttributes

ref, useRef และการใช้ forwardRef

การกำหนดชนิดข้อมูลของ props แบบ Generic

ชนิดข้อมูล props แบบมีเงื่อนไข

การอ้างอิงค่า props จากคอมโพแนนท์อื่น

หลักปฏิบัติที่ดีในการกำหนดชนิดข้อมูลของคอมโพแนนท์ด้วย TypeScript

Unit

จัดการ Back-End API ด้วย Next.js API Routes

เราใช้ React เป็นส่วนของ Front-End ที่จะไปดึงข้อมูลจาก API โดยส่วนของ API นี้จะทำงานบน Next.js เช่นกัน

การประกาศ Routes ผ่าน Route Handlers

การใช้งาน Zod เพื่อทำ Data Validation

การจัดการการอัพโหลดไฟล์และการส่งข้อมูลแบบ Form Data

การบันทึกไฟล์

Higher Order Route

Unit

การใช้งานฐานข้อมูลด้วย Prisma

เรียนรู้การใช้งาน Prisma อันเป็น ORM ยอดนิยมในโลกของ Node.js เพื่อใช้เข้าถึงข้อมูลในฐานข้อมูล พร้อมเรียนรู้หลักการอื่น ๆ ที่สำคัญ เช่น Database Migration และ Seeding เป็นต้น

Prisma Schema

Database Migration

Database Seeding

การจัดการ CRUD

Relations

วันที่: 4

Unit

React Query และการจัดการแคชบน Client

การทำงานแบบ Client-Side Rendering นั้นเราสามารถดึงข้อมูลจาก API ผ่าน Fetch API ได้ โดยอาศัยการใช้งาน React Query เพื่อทำการแคชค่าข้อมูล

React Query คืออะไร

useQuery

useMutation

การจัดการแคชและ Devtools

Optimistic Updates

Unit

การจัดการฟอร์มด้วย Zod และ React Hook Form

เรียนรู้หลักการ Validate ข้อมูลในฟอร์มด้วย Zod และจัดการสถานะของฟอร์มด้วย React Hook Form

การสร้างฟอร์มด้วย React Hook Form ผ่าน useForm

ตรวจสอบความถูกต้องของฟอร์มด้วย Zod

การใช้งาน React Hook Form ร่วมกับ Tailwind CSS

File Upload

Form Data และการอัพโหลดฟอร์ม

Unit

การจัดการ Client State ในแอพพลิเคชันด้วย Zustand

Zustand เป็นเครื่องมือจัดการ State (State Management) ที่มีขนาดเล็ก ทำงานได้เร็ว และเป็นที่นิยมใช้งานในปัจจุบัน หัวข้อนี้เราจะเรียนรู้การใช้ Zustand เพื่อจัดการ State ในแอพพลิเคชันของเรา

Zustand คืออะไร ทำไมจึงสำคัญ

Zustand Principles

การสร้าง Store และ Actions

Middleware

Immer Middleware

Devtools

วันที่: 5

Unit

Authentication และ Authorization

เรียนรู้หลักการทำงานของ Authentication และ Authorization ด้วย React

ขั้นตอนการทำงานของ Authentication ใน Next.js

Auth.js (NextAuth)

ความปลอดภัยของ Cookie

ขั้นตอนการทำงานของ Authorization ใน Next.js และ Auth.js

Role-Based Access Control (RBAC)

Protected Link

Protected Route

Auth Error Handling

Unit

Optimization

React นั้นมีการทำงานที่รวดเร็วอยู่แล้ว แต่เราสามารถปรับปรุงประสิทธิภาพให้ดีขึ้นกว่าเดิมได้ ไม่ว่าจะเป็นการลดขนาดไฟล์ที่ผู้ใช้งานต้องโหลดก่อนเปิดหน้าเพจ หรือการลดการ Render ซ้ำของคอมโพแนนท์ เป็นต้น

React memo

useMemo

useCallback

การ Debug โปรแกรม

SEO เบื้องต้น

Image Optimization

Font Optimization

Lazy Loading

Unit

Deployment

เมื่อการพัฒนาโปรเจคเสร็จสิ้นก็ถึงกระบวนการ Build และ Deployment นั่นคือหัวใจสำคัญของบทเรียนนี้

การเตรียมการสำหรับ Production

Docker

Docker Compose

Build และ Deployment

ตัวอย่าง Workshop

คอร์สของเรานอกจากจะสอนทฤษฎีและตัวอย่างการใช้งานทั่วไปแล้ว ยังมี Workshop เป็นระบบจัดการวันลาออนไลน์ ที่มีทั้งส่วนแสดงผลสำหรับผู้ใช้งานทั่วไปและส่วนจัดการสำหรับ Admin

Articles App

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

ระบบ Authentication เช่น การสมัครสมาชิก การเข้าสู่ระบบ และการออกจากระบบ ถูกรวมเข้าเป็นส่วนหนึ่งของ Workshop นี้เช่นกัน

Auth

โดยระบบจัดการวันลาออนไลน์นี้จะมีส่วนสำหรับ Admin เพื่อเข้าจัดการวันลาตามสิทธิ์ที่ตนมี ผู้เรียนจะได้เรียนรู้การทำ Authorization เพื่อจัดการสิทธิ์และตรวจสอบสิทธิ์สำหรับการเข้าถึง API และหน้าเพจต่าง ๆ ได้อย่างถูกต้อง

Auth

การทำงานกับฟอร์มก็เป็นส่วนสำคัญ Workshop นี้ได้แสดงถึงการสร้างฟอร์ม การอัพโหลดไฟล์พร้อมแสดงผลตัวอย่างรูปภาพที่อัพโหลด การตรวจสอบข้อมูลในฟอร์ม และการส่งข้อมูลในฟอร์มทั้งแบบ JSON และ Form Data

Form

นอกเหนือจากนี้ Workshop ดังกล่าวยังรวมกับจัดการ Global State ในแอพพลิเคชันผ่าน Zustand การปรับปรุงประสิทธิภาพของแอพพลิเคชันด้วยเทคนิคต่าง ๆ รวมถึงการทำ SEO และการ Deploy แอพพลิเคชันด้วย Docker

ขอใบเสนอราคา

หากต้องการขอใบเสนอราคา ใบแจ้งหนี้ หนังสือชี้ชวนการเข้าอบรม และเอกสารอื่น ๆ รบกวนคุณลูกค้าติดต่อ เพจ Babel Coder หรือทางอีเมล์ babelcoder@gmail.com ได้ครับ

จุดประสงค์การเรียนรู้

ผู้เรียนเข้าใจการออกแบบเว็บด้วยหลักการ Component-Based Design
ผู้เรียนเข้าใจการสร้างและใช้งาน Component ด้วย React และ TypeScript บน Next.js ได้
ผู้เรียนสามารถสร้างและใช้งานเว็บแอพพลิเคชันด้วย React บน Next.js ได้อย่างมีประสิทธิภาพ
ผู้เรียนสามารถสร้าง Back-End บน Next.js ผ่าน API Routes ได้
ผู้เรียนเข้าใจหลักการของการทำ Authentication และ Authorization บน Next.js และ Auth.js
ผู้เรียนเข้าใจหลักการของ Client-Side Management ด้วย Zustand
ผู้เรียนเข้าใจกระบวนการ Build และ Deploy แอพพลิเคชันที่พัฒนาด้วย Docker ได้

คอร์สนี้เหมาะกับใคร

ผู้เรียนที่ต้องการศึกษาวิธีสร้างโปรเจคได้ไวด้วยโค้ดชุดเดียวแต่ได้ทั้ง Front-End และ Back-End
ผู้เรียนที่มีพื้นฐาน HTML CSS และ JavaScript อยู่แล้ว โดยในคอร์สจะมีการทบทวน JavaScript และ TypeScript สมัยใหม่ที่จำเป็นต่อการใช้งาน Next.js
ผู้เรียนที่ไม่เคยเขียน React / Next.js มาก่อน และต้องการสร้างเว็บด้วย React / Next.js
ผู้เรียนที่เคยเขียน React / Next.js อยู่ก่อนแล้ว แต่ต้องการอัพเดทความรู้ React / Next.js สมัยใหม่
ผู้เรียนที่ต้องการอัพเดทเทรนด์การใช้ React ให้เป็นปัจจุบันตามปี 2023 - 2024
ผู้เรียนที่ต้องการเรียนรู้ไลบรารี่สมัยใหม่ในการใช้งานกับ React เช่น Next.js, React Hook Form, Zod, Tailwind CSS, Shadcn UI และ Zustand
ผู้เรียนที่ต้องการศึกษาการใช้ Next.js เพื่อสร้างทั้ง Front-End และ Back-End
ผู้เรียนที่ต้องการเรียนรู้การใช้งาน Next.js API Routes
ผู้เรียนที่ต้องการศึกษาการทำงานทั้งระบบตั้งแต่ Front-End, Back-End การทำงานของ Authentication และ Authorization โดยใช้โค้ดชุดเดียวกัน

ผู้สอน

Nuttavut Thongjor

นักพัฒนาซอฟต์แวร์ประสบการณ์กว่า 10 ปี ผู้ก่อตั้ง Babel Coder วิทยากรอบรมการพัฒนาซอฟต์แวร์และผู้ให้คำปรึกษาในบริษัทชั้นนำ

คำถามพบบ่อย

คำถาม: จำเป็นต้องมีพื้นฐานอะไรบ้าง
คำตอบ: ผู้เรียนจำเป็นต้องมีพื้นฐาน HTML CSS และ JavaScript อยู่แล้ว

คำถาม: ระยะเวลาศึกษาของหลักสูตรนี้
คำตอบ: หลักสูตรนี้เป็นหลักสูตร 5 วัน เวลาสอนต่อวันคือ 6 ชั่วโมง (ตลอดหลักสูตรรวม 30 ชั่วโมง) เวลา 10.00 - 17.00 น.

คำถาม: รูปแบบการอบรมเป็นอย่างไร
คำตอบ: หลักสูตรนี้จำหน่ายสองรูปแบบ คือ แบบหลักสูตรอบรมออนไลน์สอนสดผ่านเว็บ (แพคเกจนี้รวมบันทึกการสอนย้อนหลังแล้ว) และแบบวิดีโอบันทึกการสอน โดยหลักสูตรนี้จะสอนเน้นทั้งทฤษฎีและปฏิบัติจริงผ่าน Workshop

คำถาม: สามารถขอใบเสนอราคา ใบแจ้งหนี้ หนังสือชี้ชวนการเข้าอบรมได้อย่างไร
คำตอบ: รบกวนคุณลูกค้าติดต่อ เพจ Babel Coder หรือทางอีเมล์ babelcoder@gmail.com เพื่อขอเอกสารต่าง ๆ ครับ

สอบถามเพิ่มเติมโปรดติดต่อ เพจ Babel Coder