inflearn logo

Khóa học

Chia sẻ kiến thức
inflearn logo
BEST
Programming

/

Front-end

[React Phần 2] Các chủ đề nâng cao và Hook

Giờ đây, bạn sẽ thực sự bắt đầu ‘thấy’ và hiểu rõ về React. Hãy cùng học các khái niệm nâng cao và Hooks một cách dễ dàng và chính xác nhất.

(4.9) 34 đánh giá

795 học viên

Độ khó Trung cấp trở lên

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

React Context
React Context
react-hooks
react-hooks
React
React
JavaScript
JavaScript
Web Application
Web Application
React Context
React Context
react-hooks
react-hooks
React
React
JavaScript
JavaScript
Web Application
Web Application

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

4.9

5.0

Changmin Lee

100% đã tham gia

Sau phần 1, tôi rất hài lòng với bài giảng. Tôi thích nó hơn vì đây là lớp học mà bạn hiểu các nguyên tắc bằng cách đặt câu hỏi tại sao nó lại cần thiết, thay vì chỉ đơn giản là học cách sử dụng nó. (Tôi đặc biệt thích cách điều này nổi bật khi so sánh giữa các thành phần lớp và hàm.) Ngoài ra, còn có thời gian để sắp xếp lại những gì chúng tôi đã làm ở giữa, điều này giúp ích rất nhiều trong việc nhớ lại nội dung lớp học và theo dõi. (Tôi nghĩ nó sẽ tốt để xem xét sau.) Như bạn đã nói trong phần tóm tắt cuối cùng, tôi nghĩ phương pháp học này sẽ giúp ích rất nhiều khi xem các thư viện khác hoặc áp dụng nó ở nơi khác. Cảm ơn bạn rất nhiều vì đã chuẩn bị một bài giảng tuyệt vời như vậy.

5.0

dohyun_lim

100% đã tham gia

Đây là một bài giảng được chuẩn bị kỹ lưỡng. Có một quá trình để hiểu sâu hơn bằng cách không chỉ đơn giản là học cách sử dụng React hook mà còn tuân theo quá trình triển khai nội bộ tương tự. p.s) Cảm ơn bạn đã luôn trả lời câu hỏi của tôi.

5.0

e1li0t

93% đã tham gia

단순히 React hook chức năng giải thích mà còn thực hiện và giải thích nguyên lý hoạt động, vì vậy có thể hiểu tốt hơn! Tôi cũng rất vui vì có thể học được cách thiết kế tốt. Bạn có kế hoạch đưa ra phần 3 với nội dung sâu hơn hoặc quá trình thực hành khác không? Cảm ơn vì những bài giảng tuyệt vời!

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

  • Kỹ thuật thiết kế component trong React

  • Các chủ đề nâng cao và ứng dụng React

  • React Hooks

Chúng tôi sẽ hướng dẫn bạn một cách chắc chắn về các chủ đề React nâng cao và Hook.


Mục tiêu của khóa học này

  • Thành thạo kỹ thuật thiết kế component dựa trên 'Tư duy trong React' (Thinking in React)

  • Hiểu các chủ đề nâng cao của React không được đề cập trong phần 1 như Context, Ref, Higher-Order Component (HOC), Controlled Component, v.v.

  • Hiểu rõ sáu loại hook được sử dụng nhiều trong thực tế, bao gồm Hook cơ bản và Hook bổ sung.


Đặc điểm bài giảng

  • Hiểu cấu trúc thông qua việc trực tiếp tạo ra các khái niệm cốt lõi của React

  • Huấn luyện cách sử dụng React ở cấp độ thực tế thông qua việc xây dựng ứng dụng giao hàng


Nội dung chính

  1. Tư duy theo React

    • Tóm tắt nội dung phần 1, thiết lập môi trường thực hành, giới thiệu thành phẩm

    • Thiết kế và triển khai các thành phần (component) có khả năng bảo trì.

  2. Chủ đề nâng cao

    • Tìm hiểu về React Context, Higher-Order Component (HOC) pattern, Refs và Portals

    • Phát triển module Router và Dialog sử dụng các kiến thức này

  3. Hook 1

    • So sánh giữa Class Component và Function Component, bối cảnh ra đời của Hook


    • Tìm hiểu và ứng dụng Hook trạng thái (State Hook), Hook hiệu ứng phụ (Effect Hook) và Hook ngữ cảnh (Context Hook)

  4. Hook 2

    • Component điều khiển (Controlled Component), phát triển module form sử dụng component này

    • Tìm hiểu và sử dụng Ref Hook, Reducer Hook, Memoization Hook

Tài liệu lớp học





Giới thiệu giảng viên

Kim Jeong-hwan

Một nhà phát triển thực thụ, người yêu thích việc học hỏi và hệ thống hóa các công nghệ web

Tôi vận hành một blog kỹ thuật chia sẻ về công nghệ web và những suy nghĩ của mình với tư cách là một nhà phát triển.

Xem bài giảng. Tôi tập hợp những công nghệ đã học và bí quyết đúc kết từ thực tế để chia sẻ dưới hình thức thuyết trình hoặc bài giảng.

Tôi làm việc với tư cách là nhà phát triển Front-end tại Woowa Brothers.


Giải đáp thắc mắc dành cho học viên

Q. Đây có phải là bài giảng mà người không chuyên cũng có thể theo học không?

Không ạ. Bạn cần phải có một chút kinh nghiệm về phát triển web.

Q. Tôi có nhất thiết phải tham gia lớp học trước đó không?

Vâng, vì đây là phần tiếp nối của lớp học phần 1, nên tốt nhất bạn nên tham gia sau khi đã hiểu rõ nội dung trước đó.

Q. Tại sao nên học React?

Trên thị trường tuyển dụng gần đây, các công ty đang tìm kiếm những nhà phát triển có kiến thức về Modern Web Framework. Trong số đó, nếu bạn sở hữu kỹ năng React - công nghệ phổ biến nhất hiện nay, bạn sẽ trở thành nhân tài được nhiều công ty săn đón.

Hỏi: Học React có lợi ích gì?

React giải quyết được phần lớn các vấn đề chung trong việc phát triển giao diện người dùng. Điều này có nghĩa là các nhà phát triển có thêm một công cụ để tập trung hơn vào việc phát triển logic kinh doanh và có thể tạo ra sản phẩm một cách nhanh chóng.

Q. Có cần chuẩn bị gì trước khi nghe giảng không?

Bạn cần phải có ít nhất một lần kinh nghiệm về phát triển web thì việc tham gia khóa học mới thực sự có ý nghĩa. Bởi vì khóa học được tiến hành dựa trên tiền đề là bạn đã nắm vững cú pháp HTML và JavaScript. Những ai còn thiếu kiến thức cơ bản về web, tôi khuyên bạn nên học trước rồi mới đăng ký khóa học này.

Q. Nội dung khóa học ở trình độ nào?

Nội dung này được chuẩn bị dựa trên phần Hướng dẫn nâng cao (Advanced Guides) và Hooks trong tài liệu chính thức của React. Khóa học sẽ đề cập đến những phần có thể coi là cốt lõi của React.

Q. Có lưu ý nào liên quan đến việc tham gia khóa học không?

Có bốn công cụ sẽ được sử dụng trong lớp học: Node.js, trình soạn thảo mã nguồn, trình duyệt web và Git. Bạn cũng có thể kiểm tra trong bài học xem trước. (Thiết lập môi trường thực hành)


Bài học trước

[React Phần 1] Học React thông qua việc tạo và so sánh

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

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

  • Những người đang mơ ước nâng tầm kỹ năng phát triển lên một bước tiến mới bằng cách trang bị năng lực thiết kế component.

  • Những người muốn trở thành lập trình viên có năng lực cạnh tranh bằng cách không chỉ học cách sử dụng React mà còn học cả cấu trúc và nguyên lý của nó.

  • Những người muốn hiểu nguyên lý hoạt động của các thư viện bên thứ ba và trang bị năng lực vận dụng chúng một cách đúng đắn.

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

  • Hiểu biết ở mức độ các khái niệm cơ bản của React hoặc tương đương với nội dung phần 1 của khóa học React.

Xin chào
Đây là jeonghwan

14,256

Học viên

908

Đánh giá

600

Trả lời

4.8

Xếp hạng

9

Các khóa học

Nếu có bất kỳ thắc mắc nào trong giờ học, vui lòng đăng lên mục câu hỏi.
Tôi sẽ kiểm tra và trả lời mỗi ngày một lần.

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

Tất cả

167 bài giảng ∙ (19giờ 47phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

34 đánh giá

4.9

34 đánh giá

  • wingwin19884720님의 프로필 이미지
    wingwin19884720

    Đánh giá 26

    ∙

    Đánh giá trung bình 4.2

    5

    62% đã tham gia

    Cảm ơn bạn đã chia sẻ về các hoạt động bên trong của các API React, tôi cảm thấy hiểu biết về framework đã được nâng cao. Cảm ơn bạn.

    • jeonghwan
      Giảng viên

      Hiểu được cách hoạt động bên trong của React thực sự giúp thay đổi rất nhiều góc nhìn về toàn bộ framework. Rất vui và có ý nghĩa khi biết rằng phần này đã giúp ích cho bạn. Cảm ơn bạn đã để lại đánh giá.

  • absa0939님의 프로필 이미지
    absa0939

    Đánh giá 5

    ∙

    Đánh giá trung bình 4.6

    Đã chỉnh sửa

    5

    87% đã tham gia

    Mọi thứ đều thực sự tốt nhưng bạn hay mắc lỗi đánh máy và thiếu mã code nhiều quá.

    • jeonghwan
      Giảng viên

      Chào bạn ab kim. Tôi rất xin lỗi vì những lỗi đánh máy trong giờ học chắc hẳn đã khiến bạn cảm thấy rất bất tiện. Nội dung bài học vốn đã không dễ lại còn có nhiều phần thực hành nên tôi hiểu rằng bạn có thể đã khá bối rối. Trong buổi học tới, tôi sẽ lưu ý điểm này và chuẩn bị thật kỹ lưỡng để người học không bị nhầm lẫn nữa.

  • jihoson94님의 프로필 이미지
    jihoson94

    Đánh giá 16

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Nội dung thực sự rất hay và sâu sắc.

    • jeonghwan
      Giảng viên

      Cảm ơn bạn rất nhiều vì những lời tốt đẹp của bạn.

  • walter님의 프로필 이미지
    walter

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Đây là một sự đổi mới.

    • jeonghwan
      Giảng viên

      Cảm ơn bạn đã đánh giá.

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    Đánh giá 13

    ∙

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    Tôi nhớ đã tham gia Phần 1 một cách thỏa đáng đến nỗi tôi đã trả tiền cho khóa học này ngay lập tức mà không hề do dự!! Kết luận vẫn thỏa mãn! Trên hết, tôi không biết liệu người hướng dẫn có phải là người duy nhất cảm thấy điều đó hay không, nhưng anh ấy rất dễ thương haha. Cách anh ấy khoe thiết bị của mình và những lời nhận xét uh-huh khi gặp phải những lỗi ngoài ý muốn khiến tôi cảm thấy sảng khoái khi xem. bài giảng!! Tôi mong đợi nhiều bài giảng hay hơn nữa trong tương lai. Cảm ơn bạn~

    • jeonghwan
      Giảng viên

      Tôi rất vui khi biết rằng bạn hài lòng với Phần 2 của bài giảng. Tôi nghĩ nội dung có thể nặng nề. Cảm ơn bạn đã xem xét những khía cạnh này ngoài nội dung khóa học.

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

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

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)Hình thu nhỏ khóa học

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

jeonghwan

1.437.585 ₫

Trung cấp trở lên / Node.js, Webpack, Babel, ESLint

4.9

(216)

3,000+

Tôi có thể hiểu môi trường phát triển đã được thiết lập. Tôi có thể tự mình tạo môi trường phát triển từ đầu.

Trung cấp trở lên

Trung cấp trở lên

Node.js, Webpack, Babel

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)Hình thu nhỏ khóa học

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

jeonghwan

1.437.585 ₫

Trung cấp trở lên / Node.js, Webpack, Babel, ESLint

4.9

(216)

3,000+
Nắm vững hoàn hảo HTTP - cốt lõi của phát triển web!Hình thu nhỏ khóa học

Nắm vững hoàn hảo HTTP - cốt lõi của phát triển web!

jeonghwan

1.144.200 ₫

Cơ bản / Ajax, https, cors, cookie, Network

5.0

(22)

400+

Tìm hiểu kiến thức mạng web developer cần biết: HTTP cơ bản, yêu cầu dữ liệu, giao tiếp real-time, bảo mật, tối ưu hiệu suất.

Cơ bản

Cơ bản

Ajax, https, cors

Nắm vững hoàn hảo HTTP - cốt lõi của phát triển web!Hình thu nhỏ khóa học

Nắm vững hoàn hảo HTTP - cốt lõi của phát triển web!

jeonghwan

1.144.200 ₫

Cơ bản / Ajax, https, cors, cookie, Network

5.0

(22)

400+
[React Phần 1] Học React thông qua việc tạo ra và so sánhHình thu nhỏ khóa học

[React Phần 1] Học React thông qua việc tạo ra và so sánh

jeonghwan

1.144.200 ₫

Cơ bản / React, MVC, JavaScript, Web Application

4.8

(122)

2,000+

Giờ, hãy học React thật bài bản. So sánh với JavaScript thuần, khóa học giúp dễ hiểu nhất đặc điểm và vai trò của React!

Cơ bản

Cơ bản

React, MVC, JavaScript

[React Phần 1] Học React thông qua việc tạo ra và so sánhHình thu nhỏ khóa học

[React Phần 1] Học React thông qua việc tạo ra và so sánh

jeonghwan

1.144.200 ₫

Cơ bản / React, MVC, JavaScript, Web Application

4.8

(122)

2,000+
Tìm hiểu các kỹ năng thực hành front-end của Vuejs, Vuex và Vue-Router thông qua phát triển TrelloHình thu nhỏ khóa học

Tìm hiểu các kỹ năng thực hành front-end của Vuejs, Vuex và Vue-Router thông qua phát triển Trello

jeonghwan

1.144.200 ₫

Trung cấp trở lên / JavaScript, Vue.js

4.8

(85)

1,400+

Bạn có thể tìm hiểu các công nghệ Vuejs trung cấp (Vuex, Vue-Router, Http) thông qua quá trình triển khai các ứng dụng web khác bằng chính đôi tay của mình. Đây là bài giảng nơi bạn có thể trải nghiệm cách cộng tác vì việc xuất bản kết quả, máy chủ API và tài liệu đều được định cấu hình sẵn.

Trung cấp trở lên

Trung cấp trở lên

JavaScript, Vue.js

Tìm hiểu các kỹ năng thực hành front-end của Vuejs, Vuex và Vue-Router thông qua phát triển TrelloHình thu nhỏ khóa học

Tìm hiểu các kỹ năng thực hành front-end của Vuejs, Vuex và Vue-Router thông qua phát triển Trello

jeonghwan

1.144.200 ₫

Trung cấp trở lên / JavaScript, Vue.js

4.8

(85)

1,400+
Tạo phần mềm JS vững chắcHình thu nhỏ khóa học

Tạo phần mềm JS vững chắc

jeonghwan

586.769 ₫

Trung cấp trở lên / Software Test, TDD, jasmine

4.8

(97)

1,100+

Ngay cả khi tạo cùng một hàm, mã giữa một lập trình viên mới vào nghề vừa học cú pháp JavaScript và một lập trình viên cao cấp có kinh nghiệm cũng khá khác nhau. Tất nhiên, kết quả thì giống nhau. Mã sau được công nhận vì thiết kế có cấu trúc tốt và khả năng mở rộng để đáp ứng với những thay đổi. Bài giảng này sẽ hướng dẫn bạn cách tạo ra đoạn mã tốt như vậy.

Trung cấp trở lên

Trung cấp trở lên

Software Test, TDD, jasmine

Tạo phần mềm JS vững chắcHình thu nhỏ khóa học

Tạo phần mềm JS vững chắc

jeonghwan

586.769 ₫

Trung cấp trở lên / Software Test, TDD, jasmine

4.8

(97)

1,100+
Tìm hiểu cách phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực hànhHình thu nhỏ khóa học

Tìm hiểu cách phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực hành

jeonghwan

909.493 ₫

Cơ bản / JavaScript, Vue.js

4.7

(128)

2,200+

Chúng ta sẽ tìm hiểu cách phát triển VueJS bằng cách tạo trang tìm kiếm trung tâm mua sắm bằng cách sử dụng JavaScript thuần túy và thư viện giao diện người dùng có tên VueJS. Bạn có thể phát triển bằng JavaScript và VueJ thuần túy, đồng thời tìm hiểu sự khác biệt giữa từng lần phát triển cũng như sự khác biệt giữa các mẫu thiết kế MVC và MVVM.

Cơ bản

Cơ bản

JavaScript, Vue.js

Tìm hiểu cách phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực hànhHình thu nhỏ khóa học

Tìm hiểu cách phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực hành

jeonghwan

909.493 ₫

Cơ bản / JavaScript, Vue.js

4.7

(128)

2,200+
Máy chủ API NodeJS được tạo thông qua phát triển dựa trên thử nghiệm (TDD)Hình thu nhỏ khóa học

Máy chủ API NodeJS được tạo thông qua phát triển dựa trên thử nghiệm (TDD)

jeonghwan

616.108 ₫

Cơ bản / TDD, Node.js, Express, REST API, Software Test

4.7

(185)

2,200+

Trong bài giảng này, bạn sẽ học NodeJS, cho phép phát triển back-end bằng ngôn ngữ Javascript và phát triển máy chủ API bằng NodeJS bằng phương pháp phát triển dựa trên thử nghiệm (TDD). Bạn cũng có thể hiểu các nguyên tắc cơ bản của ExpressJS, khung web đại diện của NodeJS và tìm hiểu cách phát triển API REST được sử dụng trong các dịch vụ web và di động.

Cơ bản

Cơ bản

TDD, Node.js, Express

Máy chủ API NodeJS được tạo thông qua phát triển dựa trên thử nghiệm (TDD)Hình thu nhỏ khóa học

Máy chủ API NodeJS được tạo thông qua phát triển dựa trên thử nghiệm (TDD)

jeonghwan

616.108 ₫

Cơ bản / TDD, Node.js, Express, REST API, Software Test

4.7

(185)

2,200+

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!

Bắt đầu React ngay bây giờHình thu nhỏ khóa học

Bắt đầu React ngay bây giờ

The Oreum

2.259.062 ₫

Cơ bản / React, Redux

4.6

(30)

600+

🤔 Bạn không muốn học React từ A đến Z mà muốn có code để áp dụng ngay? Bạn đến đúng chỗ rồi đấy! Nếu bạn muốn học từ A đến Z, hãy mua các khóa học hay khác, còn ở đây hãy lấy những thứ thiết thực thôi nhé! Ngay bây giờ! Hãy học các khái niệm cơ bản và cách sử dụng React thông qua khóa học này để tạo ra dự án của riêng bạn một cách dễ dàng và nhanh chóng.

Cơ bản

Cơ bản

React, Redux

Bắt đầu React ngay bây giờHình thu nhỏ khóa học

Bắt đầu React ngay bây giờ

The Oreum

2.259.062 ₫

Cơ bản / React, Redux

4.6

(30)

600+
[React Phần 1] Học React thông qua việc tạo ra và so sánhHình thu nhỏ khóa học

[React Phần 1] Học React thông qua việc tạo ra và so sánh

jeonghwan

1.144.200 ₫

Cơ bản / React, MVC, JavaScript, Web Application

4.8

(122)

2,000+

Giờ, hãy học React thật bài bản. So sánh với JavaScript thuần, khóa học giúp dễ hiểu nhất đặc điểm và vai trò của React!

Cơ bản

Cơ bản

React, MVC, JavaScript

[React Phần 1] Học React thông qua việc tạo ra và so sánhHình thu nhỏ khóa học

[React Phần 1] Học React thông qua việc tạo ra và so sánh

jeonghwan

1.144.200 ₫

Cơ bản / React, MVC, JavaScript, Web Application

4.8

(122)

2,000+
[Renewal] Tạo NodeBird SNS bằng ReactHình thu nhỏ khóa học

[Renewal] Tạo NodeBird SNS bằng React

zerocho

1.818.985 ₫

Trung cấp trở lên / React, Redux, Node.js, Express, Next.js

4.9

(178)

3,700+

Chúng tôi sẽ tạo ra một dịch vụ SNS tương tự như Twitter bằng stack React & Next & Redux & Redux-Saga & Express. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi sẽ triển khai lên AWS.

Trung cấp trở lên

Trung cấp trở lên

React, Redux, Node.js

[Renewal] Tạo NodeBird SNS bằng ReactHình thu nhỏ khóa học

[Renewal] Tạo NodeBird SNS bằng React

zerocho

1.818.985 ₫

Trung cấp trở lên / React, Redux, Node.js, Express, Next.js

4.9

(178)

3,700+

Bộ thư viện thực chiến React “một miếng” - Zustand, Tanstack Query, TailwindCSS

winterlood

410.739 ₫

Cơ bản / React, Web Application, TailwindCSS, react-query, zustand

5.0

(15)

300+
Phản hồi thường xuyên
Phản hồi thường xuyên

Hãy nâng cấp ứng dụng React của bạn với Zustand, Tanstack Query và Tailwind CSS! Chúng tôi sẽ hướng dẫn bạn những khái niệm cốt lõi và cách sử dụng các công cụ đa dạng, giúp bạn có thể chinh phục cả những dự án phức tạp.

Cơ bản

Cơ bản

React, Web Application, TailwindCSS

Bộ thư viện thực chiến React “một miếng” - Zustand, Tanstack Query, TailwindCSS

winterlood

410.739 ₫

Cơ bản / React, Web Application, TailwindCSS, react-query, zustand

5.0

(15)

300+
Phản hồi thường xuyên
Phản hồi thường xuyên
Tạo game dò mìn theo hướng dẫn with HTML/CSS/JSHình thu nhỏ khóa học

Tạo game dò mìn theo hướng dẫn with HTML/CSS/JS

silverjade

234.708 ₫

Nhập môn / HTML/CSS, JavaScript, vanilla-javascript

5.0

(1)

Hãy tạo trò chơi dò mìn từng được cài đặt mặc định trên Windows cũ bằng HTML, CSS, JS.

Nhập môn

Nhập môn

HTML/CSS, JavaScript, vanilla-javascript

Tạo game dò mìn theo hướng dẫn with HTML/CSS/JSHình thu nhỏ khóa học

Tạo game dò mìn theo hướng dẫn with HTML/CSS/JS

silverjade

234.708 ₫

Nhập môn / HTML/CSS, JavaScript, vanilla-javascript

5.0

(1)

HTML/CSS tiếp theo là JavaScript! Kiến thức cơ bản về JavaScript cho phát triển webHình thu nhỏ khóa học

HTML/CSS tiếp theo là JavaScript! Kiến thức cơ bản về JavaScript cho phát triển web

ezweb

293.385 ₫

Cơ bản / HTML/CSS, JavaScript, css-flexbox, vanilla-javascript

5.0

(1)

Update
Update

Nếu bạn đã học HTML/CSS, giờ là lúc làm cho trang web hoạt động bằng JavaScript. Hãy nắm vững các kiến thức nền tảng về JavaScript để tiếp tục học frontend như React, từ những kiến thức lập trình cơ bản như biến, hàm, mảng, câu lệnh điều kiện, vòng lặp đến việc điều khiển các phần tử DOM, xử lý sự kiện và triển khai các UI như tab, accordion.

Cơ bản

Cơ bản

HTML/CSS, JavaScript, css-flexbox

HTML/CSS tiếp theo là JavaScript! Kiến thức cơ bản về JavaScript cho phát triển webHình thu nhỏ khóa học

HTML/CSS tiếp theo là JavaScript! Kiến thức cơ bản về JavaScript cho phát triển web

ezweb

293.385 ₫

Cơ bản / HTML/CSS, JavaScript, css-flexbox, vanilla-javascript

5.0

(1)

Update
Update
Học qua thực hành chuỗi bài Node, React - Tạo trang web thương mại điện tử [Đổi mới toàn diện]Hình thu nhỏ khóa học

Học qua thực hành chuỗi bài Node, React - Tạo trang web thương mại điện tử [Đổi mới toàn diện]

John Ahn

704.123 ₫

Trung cấp trở lên / React, Redux, Node.js, Web Application, MongoDB

4.8

(160)

3,100+

Thông qua bài giảng này, bạn có thể tạo ra một website thương mại điện tử từ đầu từng bước một.

Trung cấp trở lên

Trung cấp trở lên

React, Redux, Node.js

Học qua thực hành chuỗi bài Node, React - Tạo trang web thương mại điện tử [Đổi mới toàn diện]Hình thu nhỏ khóa học

Học qua thực hành chuỗi bài Node, React - Tạo trang web thương mại điện tử [Đổi mới toàn diện]

John Ahn

704.123 ₫

Trung cấp trở lên / React, Redux, Node.js, Web Application, MongoDB

4.8

(160)

3,100+
Tạo website cùng AI - Dự án thực tế với Stitch · Figma Make · ReactHình thu nhỏ khóa học

Tạo website cùng AI - Dự án thực tế với Stitch · Figma Make · React

ezweb

352.062 ₫

Cơ bản / React, Figma, stitch, AI

4.8

(8)

Update
Update

Trong thời đại AI, nhà phát triển web không chỉ cần biết lập trình mà còn phải có khả năng sử dụng AI để biến ý tưởng thành sản phẩm thực tế. Hãy trải nghiệm toàn bộ quy trình từ thiết kế UI bằng Stitch và Figma Make đến triển khai bằng React và đưa sản phẩm lên môi trường thực tế, qua đó phát triển năng lực xây dựng web với AI có thể áp dụng vào công việc thực tế và portfolio.

Cơ bản

Cơ bản

React, Figma, stitch

Tạo website cùng AI - Dự án thực tế với Stitch · Figma Make · ReactHình thu nhỏ khóa học

Tạo website cùng AI - Dự án thực tế với Stitch · Figma Make · React

ezweb

352.062 ₫

Cơ bản / React, Figma, stitch, AI

4.8

(8)

Update
Update
Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bảnHình thu nhỏ khóa học

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

1.144.200 ₫

Cơ bản / React Native, React, ES6

4.6

(128)

1,900+

Mục tiêu là có được kiến ​​thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

Cơ bản

Cơ bản

React Native, React, ES6

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bảnHình thu nhỏ khóa học

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

1.144.200 ₫

Cơ bản / React Native, React, ES6

4.6

(128)

1,900+
[PROKIT] Vibe Coding/Bộ bài tập thực hành Frontend: Tạo ứng dụng hẹn giờHình thu nhỏ khóa học

[PROKIT] Vibe Coding/Bộ bài tập thực hành Frontend: Tạo ứng dụng hẹn giờ

nybs

586.769 ₫

Nhập môn / React

Nhiệm vụ
Nhiệm vụ

Đây là nội dung nhiệm vụ dành cho dự án phát triển. Chúng tôi cung cấp tài liệu kế hoạch PRD, thiết kế Figma và các điểm cuối API (API endpoints) để bạn có thể thực hành dự án bằng cách tự mình triển khai ứng dụng hẹn giờ có tên là DevTime. Hãy biến những kiến thức đã học thành của riêng mình một cách hoàn hảo thông qua việc thực hiện một dự án có cấp độ tương đương với dịch vụ thực tế nhé 🚀

Nhập môn

Nhập môn

React

[PROKIT] Vibe Coding/Bộ bài tập thực hành Frontend: Tạo ứng dụng hẹn giờHình thu nhỏ khóa học

[PROKIT] Vibe Coding/Bộ bài tập thực hành Frontend: Tạo ứng dụng hẹn giờ

nybs

586.769 ₫

Nhập môn / React

Nhiệm vụ
Nhiệm vụ
Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]Hình thu nhỏ khóa học

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

909.493 ₫

Cơ bản / React, Firebase, Web Application

4.7

(43)

1,000+

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

Cơ bản

Cơ bản

React, Firebase, Web Application

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]Hình thu nhỏ khóa học

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

909.493 ₫

Cơ bản / React, Firebase, Web Application

4.7

(43)

1,000+
Chỉ cần biết HTML/CSS/JS là OK! Dự án thực tiễn hoàn thiện bằng React và FirebaseHình thu nhỏ khóa học

Chỉ cần biết HTML/CSS/JS là OK! Dự án thực tiễn hoàn thiện bằng React và Firebase

ezweb

410.739 ₫

Cơ bản / React, Firebase, firebase-database, firebase-firestore

Update
Update

Ngay cả trong thời đại AI, nhà phát triển vẫn cần khả năng hiểu mã nguồn và hoàn thiện các dịch vụ thực tế. Hãy xây dựng năng lực phát triển web thực tiễn bằng cách tự mình triển khai mọi thứ, từ đăng nhập, quản lý dữ liệu, tải hình ảnh lên đến triển khai ứng dụng, sử dụng React và Firebase trên nền tảng kiến thức cơ bản về HTML/CSS/JavaScript.

Cơ bản

Cơ bản

React, Firebase, firebase-database

Chỉ cần biết HTML/CSS/JS là OK! Dự án thực tiễn hoàn thiện bằng React và FirebaseHình thu nhỏ khóa học

Chỉ cần biết HTML/CSS/JS là OK! Dự án thực tiễn hoàn thiện bằng React và Firebase

ezweb

410.739 ₫

Cơ bản / React, Firebase, firebase-database, firebase-firestore

Update
Update
Làm [ứng dụng R sáng bóng] từ bố tôiHình thu nhỏ khóa học

Làm [ứng dụng R sáng bóng] từ bố tôi

jeehyoung

Miễn phí

Cơ bản / Web Application, R

4.9

(35)

1,300+

R Shiny cho phép bạn triển khai các chức năng vô hạn của R trong các ứng dụng web, khiến nó trở thành cách đơn giản nhất để sử dụng và tìm hiểu.

Cơ bản

Cơ bản

Web Application, R

Làm [ứng dụng R sáng bóng] từ bố tôiHình thu nhỏ khóa học

Làm [ứng dụng R sáng bóng] từ bố tôi

jeehyoung

Miễn phí

Cơ bản / Web Application, R

4.9

(35)

1,300+
[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)Hình thu nhỏ khóa học

[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)

codecamp

3.403.262 ₫

Trung cấp trở lên / React, Next.js, cursor, prompt engineering, Vibe Coding

4.8

(71)

600+

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

Trung cấp trở lên

Trung cấp trở lên

React, Next.js, cursor

[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)Hình thu nhỏ khóa học

[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)

codecamp

3.403.262 ₫

Trung cấp trở lên / React, Next.js, cursor, prompt engineering, Vibe Coding

4.8

(71)

600+
Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển webHình thu nhỏ khóa học

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

codecamp

997.508 ₫

Cơ bản / React, Next.js, expo, React Native

4.4

(5)

100+

Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

Cơ bản

Cơ bản

React, Next.js, expo

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển webHình thu nhỏ khóa học

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

codecamp

997.508 ₫

Cơ bản / React, Next.js, expo, React Native

4.4

(5)

100+
# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)Hình thu nhỏ khóa học

# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)

dakgangjung123

704.123 ₫

Cơ bản / React, Electron, GUI, cross-platform, zustand

4.4

(8)

100+
Nhiệm vụ
Nhiệm vụ

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

Cơ bản

Cơ bản

React, Electron, GUI

# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)Hình thu nhỏ khóa học

# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)

dakgangjung123

704.123 ₫

Cơ bản / React, Electron, GUI, cross-platform, zustand

4.4

(8)

100+
Nhiệm vụ
Nhiệm vụ
Thu thập dữ liệu web bằng Node.jsHình thu nhỏ khóa học

Thu thập dữ liệu web bằng Node.js

zerocho

1.144.200 ₫

Trung cấp trở lên / JavaScript, Node.js, Web Crawling, Puppeteer

4.9

(34)

900+

Thu thập dữ liệu các trang web như Naver, Amazon, Twitter, YouTube, Facebook, Instagram và unsplash.com và áp dụng chúng vào thực tế.

Trung cấp trở lên

Trung cấp trở lên

JavaScript, Node.js, Web Crawling

Thu thập dữ liệu web bằng Node.jsHình thu nhỏ khóa học

Thu thập dữ liệu web bằng Node.js

zerocho

1.144.200 ₫

Trung cấp trở lên / JavaScript, Node.js, Web Crawling, Puppeteer

4.9

(34)

900+
Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PCHình thu nhỏ khóa học

Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

jeong4726

616.108 ₫

Cơ bản / HTML/CSS, JavaScript, Clone Coding

5.0

(1)

Thông qua khóa học này, sinh viên sẽ có thể tạo một dịch vụ web tương tự như Instagram bằng cách sử dụng HTML, CSS và JS. (Chỉ triển khai front-end! Việc xây dựng máy chủ back-end sẽ được quay trong bài giảng sau.)

Cơ bản

Cơ bản

HTML/CSS, JavaScript, Clone Coding

Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PCHình thu nhỏ khóa học

Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

jeong4726

616.108 ₫

Cơ bản / HTML/CSS, JavaScript, Clone Coding

5.0

(1)

Giao tiếp P2P sử dụng WebRTC mà không ai nói cho bạn biếtHình thu nhỏ khóa học

Giao tiếp P2P sử dụng WebRTC mà không ai nói cho bạn biết

July

968.169 ₫

Nhập môn / Go, webrtc, p2p, JavaScript, Socket.io

4.0

(10)

100+

Bạn có thể học về giao tiếp giữa webcam và peer được triển khai bằng cách sử dụng WebRTC.

Nhập môn

Nhập môn

Go, webrtc, p2p

Giao tiếp P2P sử dụng WebRTC mà không ai nói cho bạn biếtHình thu nhỏ khóa học

Giao tiếp P2P sử dụng WebRTC mà không ai nói cho bạn biết

July

968.169 ₫

Nhập môn / Go, webrtc, p2p, JavaScript, Socket.io

4.0

(10)

100+
Khóa học nhập môn AI Vibe Coding dành cho cả người không chuyên ngànhHình thu nhỏ khóa học

Khóa học nhập môn AI Vibe Coding dành cho cả người không chuyên ngành

itconnect

2.611.124 ₫

Nhập môn / HTML/CSS, Java, Web Application, Cursor AI, claude

💡 Ngay cả người không phải lập trình viên cũng có thể cùng AI từ MVP khởi nghiệp chỉ trong 10 giờ đến dịch vụ tạo doanh thu! 💰 Chi phí thuê ngoài hàng chục triệu won cần thiết cho phát triển giờ đây được giải quyết hoàn toàn chỉ với 120,000 won 🎯 Hoàn thành 5 dự án kinh doanh thực tế từ nhận diện danh thiếp, phân tích cảm xúc đến phân tích vị trí 🔥 Nếu bạn là người lập kế hoạch, marketer, người chuẩn bị khởi nghiệp thì có thể hiện thực hóa ý tưởng mà không cần lập trình viên ⚡ Bắt đầu ngay bây giờ để có được khả năng tự lập phát triển dùng cả đời!

Nhập môn

Nhập môn

HTML/CSS, Java, Web Application

Khóa học nhập môn AI Vibe Coding dành cho cả người không chuyên ngànhHình thu nhỏ khóa học

Khóa học nhập môn AI Vibe Coding dành cho cả người không chuyên ngành

itconnect

2.611.124 ₫

Nhập môn / HTML/CSS, Java, Web Application, Cursor AI, claude

Giảm 25% cho thành viên mới

1.188.207 ₫

25%

1.584.277 ₫