DKS
Fast replySignature workshopLast updated: Feb 8, 2026, 16:31

Pixel Pioneers: Next.js and React Masterclass

Pixel Pioneers: Next.js and React Masterclass course is a learning experience focused on the basics of developing web applications using ReactJS, a JavaScript library used for building user interfaces. Participants will learn about the React structure, component creation, state management, API integration, and routing in web applications.

Ask or Reserve via LINE

There is currently no training session open for registration. The information below refers to the most recent session.

If you are interested in this course, please contact our team or check back later.

Why This Course
Highlight 01

Lunch and refreshments.

Highlight 02

If you are unable to attend the training session this time, you can reschedule your participation according to the training schedule.

Why This Course

Why this course is worth learning

A quick overview of the key reasons this course works well for learners who want practical, job-ready skills.

Benefit 01

Hands-on by design

The course moves from principles to practical execution, so learners can apply it immediately after class.

Benefit 02

Structured for working teams

Topics are sequenced to reduce cognitive overload and help teams identify the most important takeaways quickly.

Benefit 03

A clearer decision path

Consultation and registration are placed at the right moments, creating a more confident conversion path.

Learning Outcomes

OBJECTIVES

A clear summary of what you will understand and be able to apply after the course.

3 learning goals
  • To provide participants with an understanding of the basics of ReactJS and web application development using React.
  • To empower participants to create and manage various components in web applications using React.
  • To enable participants to fetch data from APIs and manage the state of the application in the React framework.
Included

ALL PARTICIPANTS WILL RECEIVE

6 items
  • Training manuals/documentation.
  • Lunch and refreshments.
  • Certification upon completion of the Pixel Pioneers: Next.js and React Masterclass course.
  • Excellent care and attention from instructors and staff.
  • Unlimited attendance to the Pixel Pioneers: Next.js and React Masterclass course (limited to 5 repeat attendees per training session; if you wish to attend the workshop again, please contact our Facebook Page, Line, Email, or other channels to reserve your seat).
  • If you are unable to attend the training session this time, you can reschedule your participation according to the training schedule.
Fit & Preparation

Who should join, and what should they prepare beforehand

See at a glance who this course is for and what background is recommended before joining.

Who Should Join

WHO SHOULD ATTEND?

  • Software developers looking to learn about ReactJS and web application development.
  • Developers with experience in website development who seek to understand the usage of ReactJS.
  • Individuals interested in learning how to create efficient web applications using ReactJS.
Prerequisites

PREREQUISITES

  • Participants in the course should have basic knowledge of programming with JavaScript.
  • Participants in the course should also have fundamental knowledge of web application development.
  • Participants should have a basic understanding of HTML, CSS and JavaScript to better grasp the content.
  • Preparation of necessary development tools such as Node.js and npm (Node Package Manager) for building and managing React projects.
  • Ability to use Command Line Interface (CLI) for creating React projects and managing dependencies using npm.
  • A computer equipped with programming tools such as a Text Editor or Integrated Development Environment (IDE) suitable for React development.
  • Enthusiasm for learning and collaborating with others during the course. Working with team members helps participants gain valuable experience through knowledge exchange and collaboration.
Curriculum

OUTLINE

The curriculum is organized into modules so you can scan the overall structure first, then open the details you care about.

24 modules
01

History of Web Frontend Development

1 topics inside this module

View details
  • The evolution of web application development before the separation of Backend and Frontend.
02

Pros and Cons

1 topics inside this module

View details
  • Advantages and disadvantages of developing web applications with separated Backend and Frontend.
03

System Architecture Overview

1 topics inside this module

View details
  • An overview of current web application design with Backend and Frontend separation, including case studies.
04

ECMAScript and TypeScript

1 topics inside this module

View details
  • Modern JavaScript writing and fundamentals of TypeScript.
05

What is React? And why Next.js?

1 topics inside this module

View details
  • Introduction to React and React-powered frameworks.
06

Workshop 1

1 topics inside this module

View details
  • Creating a Next.js app.
07

Project Structure

1 topics inside this module

View details
  • Introduction to the basic structure of Next.js.
08

HTML and JSX

2 topics inside this module

View details
  • What is JSX?
  • Differences and precautions between HTML tags and JSX.
09

Component Concept

4 topics inside this module

View details
  • Explanation of functions and various necessary roles in developing web applications with React
  • Creating components to separate frequently used parts
  • Component exporting and importing
  • Passing values to components (Component Props).
10

Workshop 2

1 topics inside this module

View details
  • My First Component.
11

Tailwind CSS

1 topics inside this module

View details
  • Introduction to basic usage of Tailwind CSS
12

Workshop 3

1 topics inside this module

View details
  • My Home Page.
13

State: A Component's Memory

1 topics inside this module

View details
  • Explanation of useState function and basic usage.
14

Workshop 4

1 topics inside this module

View details
  • Carousel banner.
15

Reacting to Input with State

1 topics inside this module

View details
  • Using State with Input.
16

Workshop 5

1 topics inside this module

View details
  • Search box.
17

Sharing State Between Components

1 topics inside this module

View details
  • Explanation of using State with other components.
18

Workshop 6

1 topics inside this module

View details
  • Search results.
19

Next.js Routing

3 topics inside this module

View details
  • Explanation of creating Route Paths in various formats
  • Page and Layout structures
  • page navigation (Linking and Navigating).
20

Workshop 7

1 topics inside this module

View details
  • New search page.
21

Workshop 8

1 topics inside this module

View details
  • Products and Details.
22

Server Components and Client Components

2 topics inside this module

View details
  • Explanation of differences and usage of Server Components and Client Components
  • Case studies.
23

Next.js Data Fetching

3 topics inside this module

View details
  • Explanation of API calls
  • Creating and using Server Actions and Mutations
  • Using formData and useFormStatus.
24

Workshop 9

1 topics inside this module

View details
  • Register.
Schedule & Registration

Public Training Schedule

Review upcoming sessions, key logistics, and registration details in one place.

Past Sessions

There is currently no training session open for registration. The information below refers to the most recent session.

If you are interested in this course, please contact our team or check back later.

ENDEDPast Session 1
Organized by AC Academys

Pixel Pioneers: Next.js and React Masterclass - 1/2569

Date
Feb 21, 2026 - Feb 22, 2026
Time
09:00 - 17:00
Location
Airport Rail Link Ladkrabang
ENDEDPast Session 2
Organized by AC Academys

Pixel Pioneers: Next.js and React Masterclass - 3/2568

Date
Jul 26, 2025 - Jul 27, 2025
Time
09:00 - 17:00
Location
COMING SOON
ENDEDPast Session 3Online
Organized by AC Academys

Pixel Pioneers: Next.js and React Masterclass - 2/2564

Date
Nov 2, 2024 - Nov 3, 2024
Time
09:00 - 17:00
Location
Online
ENDEDPast Session 4Online
Organized by AC Academys

Pixel Pioneers: Next.js and React Masterclass - 1/2564

Date
Oct 7, 2024 - Oct 8, 2024
Time
09:00 - 17:00
Location
Online