강의

멘토링

커뮤니티

Programming

/

Front-end

React bắt đầu với Next.js

Mới bắt đầu với React? Bạn cần suy nghĩ về cách học nhanh trong khi vẫn củng cố vững chắc các khái niệm cơ bản của React. Hãy bắt đầu với Next.js và JavaScript với kiến thức tối thiểu. Chúng ta hãy cùng phát triển các ví dụ thiết yếu cần thiết cho công việc phát triển thực tế. Ví dụ Todo rất quan trọng nên phải phát triển 2 lần. Một lần tập trung vào component, lần tiếp theo tập trung vào routing xử lý theo đường dẫn của trình duyệt! Hãy sử dụng Zustand cho đăng nhập! Bạn có thể xử lý state toàn cục với lượng code thực sự ít ỏi.

(4.9) 9 đánh giá

115 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

  • zk202308a5410
JavaScript
JavaScript
React
React
Web Application
Web Application
Ajax
Ajax
JavaScript
JavaScript
React
React
Web Application
Web Application
Ajax
Ajax

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.9

5.0

체스

100% đã tham gia

Sau khi nghe bài giảng, tôi đã có phần nào tự tin với React.js. Tôi có vẻ hiểu tại sao phải sử dụng (), {}, state, set, arrow function, các chức năng cơ bản của hook ...vv.

5.0

Codingbear

100% đã tham gia

Bài giảng về các khái niệm cốt lõi đơn giản thật tuyệt vời.

5.0

마사오

81% đã tham gia

Khóa học này đã cho tôi - một người mới bắt đầu với React (Next) - thêm dũng khí và như ngọn hải đăng giữa biển khơi tăm tối.

Bạn sẽ nhận được điều này sau khi học.

  • Cách cấu thành component và component

  • Trạng thái (state) và thuộc tính (props) của component

  • Ứng dụng React tích hợp với API server

  • Xử lý định tuyến bằng Next.js

  • Quản lý trạng thái với Zustand

Bắt đầu phát triển ứng dụng web nhanh chóng với React và Next.js!
Khởi đầu phát triển ứng dụng web nhanh chóng với React và Next.js!

Hoàn thành nhanh chóng với chỉ những tính năng thiết yếu trong thực tế.


Bạn mới bắt đầu với React và cảm thấy bối rối?
Hãy xây dựng nền tảng vững chắc từ cơ bản với Next.js và JavaScript,
học tập tập trung vào các ví dụ thực tế để xây dựng nền tảng phát triển vững chắc.


Bắt đầu với React
Khóa học thực chiến học nhanh những kiến thức cốt lõi của React với Next.js

JavaScript, React, Next.js 16, App Router, React 19, Zustand
Làm chủ hoàn toàn component, quản lý state, routing thông qua các ví dụ thực tế cần thiết.



Dựa trên nội dung đã học trong khóa học, bạn sẽ tự tay hoàn thiện
ứng dụng web ở mức độ dịch vụ thực tế với tính năng danh sách Todođăng nhập.



Tích hợp JSONPlaceholder API, quản lý trạng thái toàn cục với Zustand, thực hành routing Next.js
Trải nghiệm toàn bộ quy trình phát triển frontend và nâng cao kỹ năng của bạn.

React và Next.js
Chương trình học cho người mới bắt đầu

Phần 1 - Bắt đầu với React và Next.js

Khóa học này hướng dẫn người mới bắt đầu với React cách khởi động dự án bằng framework Next.js. Dựa trên kiến thức JavaScript cơ bản và nền tảng phát triển web, bạn sẽ học các khái niệm cốt lõi của React như Component, Props, State, và thực hành các ví dụ thiết yếu cần thiết cho phát triển thực tế.

Phần 2 - Học sâu về Component

Học chi tiết về cách tạo và kiểm soát các functional component, sử dụng vòng lặp, quản lý dữ liệu thông qua Props và State. Ngoài ra, hiểu về phương thức giao tiếp giữa các component và mô hình Container/Presentation component, đồng thời nâng cao khả năng thiết kế component thông qua bài tập thực hành tách biệt counter component.

Phần 3 - Triển khai ứng dụng Todo trên một trang đơn

Phát triển ứng dụng quản lý danh sách Todo bằng cách sử dụng các tính năng xử lý mảng của React (toán tử spread, filter). Triển khai các chức năng đăng ký, xóa và sửa đổi các mục Todo, đồng thời cải thiện thiết kế giao diện để hoàn thiện UI thân thiện với người dùng. Trong phần này, bạn sẽ trải nghiệm việc áp dụng thực tế phát triển dựa trên component.

Phần 4 - Ứng dụng Todo tích hợp API bên ngoài

Hiểu khái niệm giao tiếp bất đồng bộ và học cách tích hợp với RESTful API bên ngoài bằng cách sử dụng Fetch API. Tăng cường khả năng xử lý dữ liệu thời gian thực thông qua việc xử lý đường dẫn động, sử dụng Link component, và triển khai các thao tác CRUD dữ liệu bằng các phương thức POST, PUT, DELETE.

Phần 5 - Quản lý trạng thái toàn cục với Zustand

Học cách quản lý hiệu quả dữ liệu toàn cục như trạng thái đăng nhập bằng cách sử dụng Zustand, một thư viện quản lý trạng thái toàn cục nhẹ. Nâng cao năng lực quản lý trạng thái của ứng dụng thông qua việc tạo store, tích hợp local storage sử dụng tính năng Persist, thiết kế cấu trúc component không phụ thuộc và triển khai chức năng đăng xuất.

Bạn đang bối rối không biết nên bắt đầu từ đâu với React và Next.js?
Khóa học này được tạo ra dành riêng cho những người như bạn.


✔️ Người mới bắt đầu tiếp cận React và Next.js lần đầu

  • Những người muốn nắm vững các khái niệm cơ bản của React mà chỉ lý thuyết thôi là chưa đủ, cùng với Next.js

  • Những người muốn bắt đầu dự án React nhanh chóng với kiến thức tối thiểu

  • Những người muốn học các nguyên lý cốt lõi như cấu trúc Component, Props, State một cách dễ dàng và rõ ràng

✔️ Người học muốn tích lũy kinh nghiệm phát triển web hướng tới thực tế

  • Những người muốn tập trung học tập thông qua các ví dụ thiết yếu thường được sử dụng trong thực tế

  • Những người muốn tự tay triển khai các tính năng cần thiết trong dịch vụ thực tế như danh sách Todo, đăng nhập, v.v.

  • Những người muốn trải nghiệm tích hợp API và quản lý trạng thái sử dụng Zustand

✔️ Những người muốn trở thành lập trình viên Frontend

  • Người có thể hiểu hệ thống routing của Next.js và xử lý cấu hình đường dẫn động

  • Người học các nguyên tắc thiết kế để viết clean code như tách component, tái sử dụng, v.v.

  • Người có kinh nghiệm trực tiếp thiết kế và triển khai UI hấp dẫn bằng cách sử dụng Tailwind CSS


Đừng còn do dự vì khó khăn trong việc học React nữa.
Thông qua khóa học này, bạn có thể trở thành một lập trình viên frontend với kỹ năng vững chắc cùng với Next.js.

Lưu ý trước khi học


Môi trường thực hành

  • Hệ điều hành: Có thể sử dụng Windows, macOS, Linux.

  • Các chương trình cần thiết phải cài đặt: Node.js (khuyến nghị phiên bản LTS mới nhất), VS Code hoặc trình soạn thảo code khác

  • Cấu hình khuyến nghị: Để có môi trường phát triển mượt mà, khuyến nghị sử dụng ổ cứng SSD và RAM từ 8GB trở lên.

Kiến thức cần có và lưu ý

  • Cần có hiểu biết về cú pháp JavaScript cơ bản (biến, hàm, đối tượng, mảng).

  • Có kiến thức cơ bản về phát triển web sẽ giúp ích cho việc học tập.

  • Bạn có thể bắt đầu ngay cả khi chưa có kinh nghiệm với framework React.

  • Next.js 15 phiên bản và App Router sẽ được sử dụng làm tiêu chuẩn học tập.

Tài liệu học tập

  • 알겠습니다. 강의 슬라이드 PDF 파일을 기다리고 있겠습니다. 파일을 업로드하시면 한국어에서 베트남어로 전문적인 번역을 제공하겠습니다. 번역 시 다음 사항들을 특별히 주의하겠습니다: - 슬라이드의 모든

  • Bạn có thể tự viết code và chạy thử thông qua các ví dụ thực hành.

  • Bao gồm bài thực hành tích hợp API sử dụng JSONPlaceholder.


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người muốn bắt đầu học React lần đầu

  • Người mới bắt đầu với Next.js

  • Những người muốn học nhanh các khái niệm về React

  • Người muốn tìm hiểu về cấu trúc và vai trò của Frontend và Backend

  • Người muốn áp dụng Zustand vào React

Cần biết trước khi bắt đầu?

  • Kiến thức cơ bản về JavaScript (biến, câu lệnh điều khiển, mảng, hàm)

Xin chào
Đây là

2,210

Học viên

161

Đánh giá

287

Trả lời

4.8

Xếp hạng

5

Các khóa học

Goo-mung-ga-ge Coding Team là một cộng đồng được thành lập từ năm 2015 dành cho những người làm việc trong các lĩnh vực liên quan đến phát triển phần mềm.

Khóa học hiện đang được dẫn dắt bởi Cookie Manager, người đang điều hành Gumung-gage Coding.

Tôi bắt đầu công việc phát triển từ năm 2000 và đã có kinh nghiệm làm việc tại các doanh nghiệp mạo hiểm, doanh nghiệp vừa và nhỏ, tập đoàn lớn cũng như làm freelancer.

Từ những năm 2010, tôi chủ yếu thực hiện các công việc giảng dạy và tư vấn cho các doanh nghiệp.

Naver Cafe

Các tác phẩm chính

Dự án Spring Web học qua mã nguồn

Học Spring Boot qua mã nguồn

Học React qua mã nguồn

Triển khai máy chủ RESTful API

Dự án Spring 6 Legacy

Sổ tay phát triển Web Java

React Native in Action (Bản dịch)

Phát triển/Giảng dạy

Làm việc tại đội ngũ phát triển Samsung SDS

Làm việc tại Công ty Cổ phần SK Customer Happiness

Giảng dạy tại các doanh nghiệp như KT / SK / POSDATA / Kyobo Life / Shinsegae / Asiana / Công đoàn Quản lý Bảo hiểm Y tế, v.v.

Chương trình giảng dạy

Tất cả

37 bài giảng ∙ (8giờ 6phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

9 đánh giá

4.9

9 đánh giá

  • 123ddd님의 프로필 이미지
    123ddd

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    • c01님의 프로필 이미지
      c01

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Sau khi nghe bài giảng, tôi đã có phần nào tự tin với React.js. Tôi có vẻ hiểu tại sao phải sử dụng (), {}, state, set, arrow function, các chức năng cơ bản của hook ...vv.

      • codingbeer님의 프로필 이미지
        codingbeer

        Đánh giá 11

        Đánh giá trung bình 4.2

        Đã chỉnh sửa

        5

        100% đã tham gia

        Bài giảng về các khái niệm cốt lõi đơn giản thật tuyệt vời.

        • zk202308a5410
          Giảng viên

          Lâu rồi không gặp. 😭😭

      • moomgyucha8486님의 프로필 이미지
        moomgyucha8486

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        32% đã tham gia

        • wtkim님의 프로필 이미지
          wtkim

          Đánh giá 28

          Đánh giá trung bình 4.9

          5

          32% đã tham gia

          411.310 ₫

          Khóa học khác của zk202308a5410

          Hãy khám phá các khóa học khác của giảng viên!

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!