강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

[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) 114 đánh giá

1,972 học viên

  • jeonghwan
실습 중심
실무
핵심원리
React
MVC
JavaScript
Web Application

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

Dịch cái này sang tiếng Việt

  • 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ử )

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

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

  • 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ì.

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

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

Xin chào
Đây là

13,787

Học viên

858

Đánh giá

585

Trả lời

4.8

Xếp hạng

9

Các khóa học

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

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

Tất cả

96 bài giảng ∙ (8giờ 44phú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ả

114 đánh giá

4.8

114 đánh giá

  • pyw82061918님의 프로필 이미지
    pyw82061918

    Đánh giá 8

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I already have development experience participating in a React project, but it's been a while, and taking the lecture again helped me a lot in studying the basics. Thank you.

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

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      I had a hard time figuring out how to start studying React for the first time, but I got a lot of help thanks to the concise lecture structure. Since each lecture and the entire lecture structure are not long, I think I can watch it over and over again, which is also an advantage :) On the other hand, since you also covered vanilla JavaScript, it was easy to understand what kind of problems React was a framework that appeared to solve. However, both are still difficult.. ㅎ_ㅎ From now on, I will watch it over and implement it several times to solidify the basics of front-end development. Thank you for the great lecture.

      • 04209904047님의 프로필 이미지
        04209904047

        Đánh giá 9

        Đánh giá trung bình 4.8

        4

        100% đã tham gia

        - Pros!!! 1. The lecture covers all the contents covered in the "Main Concepts" of the React official documentation. Rather than simply learning from the official documentation, I was able to deeply understand the necessity of each concept by learning while creating. 2. I was able to learn why this method is less recommended by using even the contents that were not mentioned in the official documentation because they were judged to be less important. 3. I was able to learn about the necessity of abstraction beyond the simple concept of React. - Not a con.. but something that was difficult during the lecture!!! 1. As someone who has a weak understanding of the MVC pattern and abstraction, when I first heard the vanilla JS part, I was shocked by the code. => The code was too difficult for me. ㅠ.ㅠ However, if you endure it and write the logic on paper and make the code your own, you will find yourself growing little by little. If you are a student who is having the same difficulties as me, if you look at the React part first and then approach the Vanilla JS part, you will be able to understand the code more easily. At least I did. - Overall!!! Honestly, I used React, but my skills were shallow, like floating on a bubble, but through this lecture, I was able to understand React more deeply. I recommend it to everyone who is starting React.

        • jeonghwan
          Giảng viên

          I was also worried that the first half would be difficult while preparing for the class. It really is difficult. Thank you for listening to the end though.

      • wepungsan님의 프로필 이미지
        wepungsan

        Đánh giá 36

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        I recommend it. This is a comprehensive lecture on React concepts. It does not cover React hooks very much. React hooks are covered in Part 2, so please refer to it.

        • jeonghwan
          Giảng viên

          Backend developer, thank you for your feedback. Have a nice day.

      • kkhkim20027309님의 프로필 이미지
        kkhkim20027309

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        It's a good lecture, but... it's a bit difficult... I guess I'll have to repeat it... Fighting!

      1.165.874 ₫

      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!

      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!