inflearn logo
inflearn logo

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

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!

(4.8) 수강평 120개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

React
React
MVC
MVC
JavaScript
JavaScript
Web Application
Web Application
React
React
MVC
MVC
JavaScript
JavaScript
Web Application
Web Application

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.8

5.0

mosara999

100% 수강 후 작성

Tôi đã nghe một bài giảng rất hay. Từ góc độ của một người mới bắt đầu phát triển, tôi đã tham gia khóa học và chỉ với một lần hoàn thành thôi thì chưa thể tiêu hóa hết toàn bộ nội dung có trong bài giảng. Tuy nhiên, nhờ dòng chảy tổng thể của bài giảng rất tốt nên tôi có thể theo dõi nội dung mà không hề cảm thấy nhàm chán. Tôi cũng sẽ nghe tốt phần 2 về React mà anh đã cung cấp. Một lần nữa cảm ơn anh đã cung cấp bài giảng hay như vậy.

5.0

jaeu choi

100% 수강 후 작성

Tôi cảm thấy đó là một bài giảng thực sự khiến tôi phải suy nghĩ rất nhiều. Tôi cảm thấy phần JavaScript MVC-Vanilla lúc đầu tốt hơn. Điều này là do React rất dễ học và sử dụng nhanh chóng nên rất khó tìm thấy các ví dụ về cách triển khai mẫu MVC chỉ bằng JavaScript. Vì vậy, thật ấn tượng khi dần dần chuyển đổi giao diện người dùng tương tự thành React với một nhóm so sánh và tôi cảm thấy đó là một bài giảng hay. Tuy nhiên, cá nhân tôi thích mô hình MVC và OOP hơn React, và nó trở thành cơ hội để tôi bị thu hút bởi nó.

5.0

장승요

100% 수강 후 작성

Tôi nghĩ đây là khóa học front-end tốt nhất mà tôi từng thấy. Tôi thực sự đồng cảm với những lời giải thích chi tiết của người hướng dẫn về các tình huống có thể có vấn đề và sự nhấn mạnh của anh ấy về tầm quan trọng của 'cơ bản' và 'vanilla', những điều khó tìm thấy ở những người hướng dẫn React hiện có.

강의상세_배울수있는것_타이틀

  • Hiểu các khái niệm cốt lõi của React.js qua thực hành phát triển ứng dụng web.

  • So sánh phát triển JS thuần túy và React

  • Lợi ích áp dụng Design Pattern qua thực hành

Thực hành front-end phổ biến nhất, React,
Chắc chắn sẽ hiểu chỉ sau một bài giảng! 🚩

Nếu bạn đang có những lo lắng này, hãy chú ý! 💡

Trường hợp 1
Người ta nói React là phổ biến nhất, nhưng tôi không biết nên bắt đầu từ đâu!

"React, công cụ phổ biến nhất trong thị trường tuyển dụng front-end,
Nhưng khi thực sự bắt đầu, tôi không biết phải bắt đầu từ đâu hoặc phải làm gì."

Trường hợp 2
Tôi không chắc chắn về quy trình phát triển React của mình.

"Bằng cách nào đó tôi đã phát triển được nó bằng React,
Tôi không biết phương pháp này có hiệu quả không .


Chúng tôi sẽ dạy bạn mọi thứ từ kiến thức cơ bản về React cho đến cách sử dụng thực tế 🎯

Ồ, câu chuyện đó. Nghe giống chuyện của tôi quá nhỉ? Vậy thì bạn nên tham gia buổi thuyết trình này đi!
Mục tiêu của bài giảng này như sau:

  • Bằng cách tạo kết quả trong phiên bản JS và React , bạn có thể hiểu được vai trò và lợi thế của React ngay từ cái nhìn đầu tiên.
  • Bạn có thể học lý thuyết bằng cả thể chất và trí óc thông qua các ứng dụng thực tế về lập trình và 12 bài tập.

Những người như thế này sẽ thích nghe điều này! 🧑‍🎓

  • Ngay cả sau khi đọc tài liệu chính thức của React, tôi vẫn không biết nên bắt đầu từ đâu.
  • Một người thực hành thích bắt đầu bằng Hello World hơn là lý thuyết.
  • Tôi đã thử sử dụng React, nhưng nó hơi khó hiểu và khó giải thích chính xác ưu điểm của nó.

Những điểm độc đáo trong bài giảng của tôi 😎

  • Bạn có thể hiểu rõ các tính năng của React.js!
    • So sánh phát triển JavaScript thuần túy và React để hiểu rõ hơn về các tính năng của React.
  • Một khóa học chuyên sâu dựa trên tài liệu chính thức của React!
    • Đây là "Khóa học cốt lõi về React" dựa trên các khái niệm chính được đề cập trong tài liệu chính thức của React.
  • Đây là bài giảng tập trung vào việc thực hành kỹ lưỡng!
    • Bạn có thể học trực tiếp bằng cách tạo màn hình tìm kiếm trung tâm mua sắm thông qua mã hóa trực tiếp và giải quyết 12 nhiệm vụ thực tế.
  • Tôi đã chuẩn bị một nhánh Git cho mỗi video.
    • Đối với những người gặp khó khăn trong quá trình đào tạo thực hành hoặc tham gia lớp học mà không có đào tạo thực hành, tôi đã chuẩn bị một nhánh Git cho mỗi video.
    • Bạn có thể dễ dàng xem mã được sử dụng trong mỗi video bằng cách di chuyển đến một nhánh.
  • Ghi chú bài giảng được cung cấp để bạn có thể xem ngay sau khi xem lại!
    • Tất cả các ghi chú bài giảng được sử dụng trong lớp học đều có sẵn trên blog. (Liên kết: 🖋Blog của Kim Jeong-hwan )
    • Đọc lướt qua toàn bộ văn bản trước khi đến lớp là một ý tưởng hay. Xem trước👍
    • Sẽ còn tuyệt hơn nữa nếu bạn đọc nó sau giờ học. Đánh giá👍👍

Tìm hiểu về những điều này 📖

  1. Sự chuẩn bị
    • Chúng ta hãy xem qua các tài liệu phân tích yêu cầu và thiết kế để có cái nhìn tổng quan về những sản phẩm chúng ta sẽ tạo ra trong lớp học.
    • Khi tôi tạo kết quả bằng JavaScript thuần túy và mẫu thiết kế MVC, tôi nhận ra nhu cầu về một thư viện UI.
  2. Giới thiệu
    • Bạn có thể tìm hiểu về các khái niệm DOM phản ứng và DOM ảo của React và lý do nên sử dụng React.
    • Tìm hiểu vai trò và cách sử dụng một số công cụ được sử dụng trong phát triển React và chuẩn bị thực hành.
  3. Hướng dẫn sử dụng 1
    • Bạn có thể học các khái niệm cơ bản của React bằng cách triển khai kết quả từ đầu bằng React.
    • Bạn có thể hiểu các nguyên tắc cốt lõi của React, chẳng hạn như Trạng thái, xử lý sự kiện, kết xuất có điều kiện, biểu mẫu, danh sách và khóa.
  4. Hướng dẫn sử dụng 2 (Thành phần)
    • Chúng tôi giới thiệu các thành phần React và cải thiện các kết quả đã tạo ở phần trước thành các thành phần React.
    • Bạn có thể tìm hiểu về các vấn đề gặp phải khi làm việc với các thành phần, chẳng hạn như thành phần lớp/hàm, nâng cao trạng thái, kế thừa và hợp thành.

Màn hình chính

Màn hình kết quả tìm kiếm

Màn hình tìm kiếm gần đây

Bài giảng tiếp theo


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

Giới thiệu bản thân 🧑‍🏫

Kim Jung-hwan

Một nhà phát triển đang làm việc, yêu thích việc tìm hiểu và sắp xếp các công nghệ web.
Tôi điều hành một blog công nghệ về công nghệ web và suy nghĩ của tôi với tư cách là một nhà phát triển.

Chúng tôi cũng chia sẻ những kỹ năng đã học được và bí quyết đã học được trong thực tế dưới hình thức thuyết trình hoặc bài giảng.

Tôi làm việc với vai trò là nhà phát triển giao diện người dùng tại Elegant Brothers.

Tôi cũng viết nội dung liên quan đến công nghệ React.


Hỏi & Đáp dành cho sinh viên 🙋

H. Đây có phải là bài giảng mà sinh viên không chuyên ngành cũng có thể tham gia không?

Không, bạn cần có một số kinh nghiệm về phát triển web để tham gia khóa học này.

H. Tại sao tôi nên học React?

Thị trường việc làm hiện nay đang tìm kiếm các nhà phát triển có kiến thức về các nền tảng web hiện đại.

Nếu bạn có những kỹ năng React phổ biến nhất, bạn sẽ được nhiều công ty săn đón.

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

React giải quyết nhiều vấn đề phổ biến trong phát triển giao diện người dùng.

Các nhà phát triển có thể tập trung nhiều hơn vào việc phát triển logic kinh doanh và có khả năng tạo ra sản phẩm nhanh hơn.

H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?

Nếu bạn có bất kỳ kinh nghiệm nào về phát triển web, bạn nên tham gia lớp học này.

Lý do là vì lớp học được tiến hành dựa trên giả định rằng bạn đã quen thuộc với ngữ pháp HTML và JavaScript.

Đối với những ai vẫn 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 tham gia khóa học.

H. Nội dung bài học được trình bày ở mức độ nào?

Nội dung này dựa trên các khái niệm chính và một số hướng dẫn nâng cao từ tài liệu React chính thức.

Nó bao gồm các phần cốt lõi của React.

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

Có bốn công cụ chúng ta sẽ sử dụng trong lớp học: Node.js, trình soạn thảo phát triển, trình duyệt web và Git.

Bạn cũng có thể xem trước trong lớp học thử. (Liên kết: 🎥 Lớp học thử )

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • Những ai đã đọc tài liệu chính thức của React nhưng vẫn còn mơ hồ không biết phải bắt đầu từ đâu.

  • Những ai thích bắt đầu bằng "Hello world" (thực hành) hơn là lý thuyết.

  • Những người đã dùng thử React nhưng khó giải thích rõ ràng rốt cuộc điểm tốt là gì.

선수 지식, 필요할까요?

  • Kiến thức cơ bản về phát triển web

강의소개.지공자소개

14,098

수강생

891

수강평

595

답변

4.8

강의 평점

9

강의_other

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.

커리큘럼

전체

96개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

해당 강의에서 제공: [object Object]
강의 게시일: 
마지막 업데이트일: 

수강평

전체

120개

4.8

120개의 수강평

  • 9ma님의 프로필 이미지
    9ma

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    Đây là lần đầu tiên tôi học React và tôi gặp khó khăn khi biết cách bắt đầu, nhưng nhờ cấu trúc bài giảng ngắn gọn nên tôi nhận được rất nhiều sự giúp đỡ. Ưu điểm nữa là mỗi bài giảng và toàn bộ bài giảng đều không dài nên các bạn có thể xem đi xem lại nhiều lần :) Trong khi đó, vì JavaScript thuần cũng được đề cập nên rất dễ hiểu loại vấn đề nào mà React được tạo ra như một khuôn khổ để giải quyết. Nhưng cả hai vẫn khó khăn.. ha_ha Từ giờ trở đi, tôi sẽ phải xem xét và thực hiện nó nhiều lần để củng cố nền tảng phát triển front-end của mình. Cảm ơn bạn vì bài giảng tuyệt vời.

    • kkhkim20027309님의 프로필 이미지
      kkhkim20027309

      수강평 2

      평균 평점 5.0

      5

      100% 수강 후 작성

      Bài giảng hay đấy, nhưng... hơi khó... Bạn sẽ phải nhắc lại... Cố lên!

      • jeonghwan
        지식공유자

        Cảm ơn

    • pyw82061918님의 프로필 이미지
      pyw82061918

      수강평 8

      평균 평점 5.0

      5

      100% 수강 후 작성

      Tôi đã có kinh nghiệm phát triển khi tham gia một dự án React, nhưng đã một thời gian trôi qua và việc nghe lại bài giảng rất hữu ích trong việc nghiên cứu những điều cơ bản. Cảm ơn

      • wepungsan님의 프로필 이미지
        wepungsan

        수강평 36

        평균 평점 5.0

        5

        100% 수강 후 작성

        Khuyến khích. Đây là bài giảng bao quát toàn diện các khái niệm React. Chúng tôi không đề cập nhiều đến React hook. React hook đã được đề cập ở Phần 2, mời các bạn tham khảo.

        • jeonghwan
          지식공유자

          Cảm ơn bạn đã để lại phản hồi của mình, Phát triển phụ trợ. chúc một ngày tốt lành

      • 04209904047님의 프로필 이미지
        04209904047

        수강평 9

        평균 평점 4.8

        4

        100% 수강 후 작성

        - Thuận lợi!!! 1. Trong bài giảng, tất cả nội dung được đề cập trong “Khái niệm chính” trong tài liệu chính thức của React đều được đề cập. Bằng cách học bằng cách sáng tạo thay vì chỉ học từ các tài liệu chính thống, tôi có thể hiểu sâu sắc sự cần thiết của từng khái niệm. 2. Bằng cách sử dụng nội dung không được đề cập trong các tài liệu chính thức vì nó được đánh giá là có tầm quan trọng thấp, tôi có thể hiểu tại sao phương pháp này ít được khuyến khích hơn. 3. Tôi đã có thể tìm hiểu về nhu cầu trừu tượng ngoài khái niệm React. - Đó không phải là nhược điểm... Trong quá trình giảng bài rất khó!!! 1. Là một người có hiểu biết yếu về các mẫu MVC và tính trừu tượng, khi lần đầu tiên nghe đến phần vanilla JS, tôi đã rất sốc khi nhìn thấy đoạn mã. => Mã này quá khó so với trình độ của tôi. Tuy nhiên, nếu kiên trì và biến code thành của riêng mình bằng cách viết logic ra giấy, bạn sẽ thấy mình ngày càng trưởng thành hơn. Nếu bạn là một sinh viên gặp khó khăn tương tự như tôi, bạn có thể hiểu mã dễ dàng hơn nếu bạn xem phần React trước rồi mới tiếp cận phần vanilla JS. Ít nhất đó là trường hợp của tôi. - Đánh giá chung!!! Thực lòng mà nói, tuy sử dụng React nhưng kỹ năng của tôi không sâu, giống như đang nổi trên bong bóng, nhưng qua bài giảng này, tôi đã có thể hiểu React sâu sắc hơn. Tôi giới thiệu nó cho mọi người bắt đầu với React.

        • jeonghwan
          지식공유자

          Trong khi chuẩn bị cho lớp học, tôi lo ngại rằng sự khởi đầu sẽ khó khăn. Đúng là khó thật ㅜㅜ Tuy nhiên, cảm ơn các bạn đã lắng nghe đến cuối.

      jeonghwan님의 다른 강의

      지식공유자님의 다른 강의를 만나보세요!

      비슷한 강의

      같은 분야의 다른 강의를 만나보세요!

      강의상세.할인문구

      38.500 ₫

      30%

      1.147.095 ₫