강의

멘토링

로드맵

Programming

/

Front-end

Lần đầu gặp React

Bạn có thể củng cố nền tảng React vững chắc cùng với cú pháp cơ bản của Javascript và CSS.

(4.8) 454 đánh giá

19,911 học viên

  • soaple
React
HTML/CSS
JavaScript

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

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

  • Cú pháp cơ bản của JavaScript

  • Cú pháp cơ bản của CSS

  • Nắm vững kiến thức cơ bản về React

  • Phát triển ứng dụng web thông qua dự án mini

🚨 Thông báo tạm dừng cung cấp bài giảng 🚨

Xin chào, tôi là Sopl.
Hơn 20.000 người đã yêu thích nó cho đến nay
Khóa học ' Lần đầu tiên tiếp xúc với React ' của Inflearn đã ngừng cung cấp.
Từ bây giờ, bạn có thể tham gia khóa học thông qua liên kết bên dưới 😀

Với tài liệu bài giảng gọn gàng và giải thích chi tiết
Đây là khóa học React dễ học. 👨‍🏫

Vào thế giới của React
Bạn được mời 💫

Reactthư viện UI JavaScript nguồn mở được Meta tạo ra.
Hiện nay, đây là công nghệ được sử dụng rộng rãi nhất trong phát triển ứng dụng web.
Nó có nhiều ưu điểm như cập nhật nhanh, tốc độ kết xuất và cấu trúc dựa trên thành phần.


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

Để tôi kể cho bạn nghe nhé 🔎

  • Học ngữ pháp JavaScript cơ bản.
  • Tìm hiểu các khái niệm CSS và các thuộc tính thường dùng.
  • Xây dựng nền tảng các khái niệm về React và học cách sử dụng nó.
  • Phát triển các ứng dụng React thực tế thông qua các dự án nhỏ.
  • Đối với người mới bắt đầu, khóa học bao gồm những kiến ​​thức cơ bản về HTML, CSS và JS.


Bài giảng cũng có sẵn dưới dạng sách
Bạn có thể gặp họ! 📖

Để bạn cũng có thể xem các bài giảng dưới dạng sách
Nội dung bài giảng được trình bày đầy đủ trong sách.
Đọc sách cùng với các bài giảng video
Hãy khám phá thế giới của React!

🌟 Bài giảng nổi tiếng 🌟

Lần đầu tiên Sopl tiếp xúc với React [Phiên bản thứ 2]
- Từ các khái niệm React cơ bản đến đào tạo thực tế


Ngay cả sau khi bài giảng kết thúc
Câu hỏi & Câu trả lời được cung cấp 💬

Chúng tôi sẽ trả lời mọi câu hỏi bạn có thể gặp phải trong khi phát triển React ngay cả sau khi đã học hết tất cả các bài giảng.
Bạn có thể thoải mái đặt câu hỏi bất cứ lúc nào trên FrontOverflow, cổng thông tin kiến ​​thức front-end do công ty chia sẻ kiến ​​thức Sopl tạo ra!

🔗 Truy cập FrontOverflow


Sự thay đổi của học viên sau khi tham dự buổi thuyết trình 🙋‍♂️

Về ngữ pháp cơ bản của JS
Tôi có thể hiểu!

CSS thường được sử dụng
Tôi có thể hiểu!

Những điều cơ bản của React
Bạn có thể chặt nó thật chặt!

Kinh nghiệm trong các dự án thực tế
Bạn có thể xếp chồng chúng lên nhau.


Một cái nhìn thoáng qua về những gì bạn sẽ học 📚

Phần 0 [Chuẩn bị]

  • Tìm hiểu về các khái niệm HTML, CSS và ngữ pháp JavaScript cơ bản, đồng thời thiết lập môi trường để thực hành.

Phần 1, 2 [Giới thiệu về React, Bắt đầu]

  • Tìm hiểu về React, ưu và nhược điểm của nó.
  • Tìm hiểu cách tích hợp React trực tiếp và về create-react-app.

Mục 3 [JSX]

  • Tìm hiểu về JSX là gì, công dụng của nó và cách sử dụng nó.

Phần 4 [Các thành phần kết xuất]

  • Tìm hiểu về định nghĩa, tính năng và phương pháp hiển thị của các phần tử React.

Mục 5 [Thành phần và Đạo cụ]

  • Tìm hiểu về định nghĩa và cách sử dụng của React component và Props.

Mục 6 [Trạng thái và Vòng đời]

  • Tìm hiểu về khái niệm Trạng thái và Vòng đời thành phần.

Mục 7 [Móc]

  • Tìm hiểu về khái niệm React hook, hook đại diện và hook tùy chỉnh.

Mục 8 [Xử lý sự kiện]

  • Tìm hiểu cách xử lý sự kiện trong React.

Mục 9 [Kết xuất có điều kiện]

  • Tìm hiểu về khái niệm kết xuất có điều kiện và cách triển khai khái niệm này.

Mục 10 [Danh sách và Khóa]

  • Tìm hiểu về khái niệm danh sách và khóa cũng như cách hiển thị chúng.

Mục 11 [Biểu mẫu]

  • Tìm hiểu về nhiều biểu mẫu và thành phần điều khiển khác nhau.

Mục 12 [Nâng Nhà Nước Lên]

  • Tìm hiểu về Trạng thái chia sẻ và cách chia sẻ trạng thái giữa các thành phần.

Mục 13 [Thành phần so với Thừa kế]

  • Tìm hiểu về những cách khác nhau để tạo thành phần và ý nghĩa của việc kế thừa.

Mục 14 [Bối cảnh]

  • Tìm hiểu về khái niệm Context và Context API.

Mục 15 [Kiểu dáng]

  • Tìm hiểu về các thuộc tính CSS tiêu biểu và các thành phần được tạo kiểu.

Mục 16 [Dự án nhỏ]

  • Hãy cùng tạo một blog nhỏ để tóm tắt những gì chúng ta đã học được cho đến nay.

Câu hỏi dự kiến ​​Q&A 💬

H. Đây có phải là bài giảng mà tôi có thể tham gia ngay cả khi tôi không biết nhiều về JavaScript không?

Có. Ngay cả khi bạn không biết nhiều về JavaScript, bạn vẫn có thể nghe bài giảng vì nó giải thích ngữ pháp cơ bản.

H. Đây có phải là bài giảng mà tôi có thể tham gia ngay cả khi tôi không biết nhiều về CSS không?

Có, bạn có thể tham gia khóa học ngay cả khi bạn không biết nhiều về nó, vì nó bao gồm các thuộc tính tiêu biểu của CSS.

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

React cho phép tôi phát triển các ứng dụng web theo cách tôi muốn.


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

Bài 3 đến 15. Thực hành mã nguồn

Mã nguồn React v17
https://github.com/soaple/first-met-react-practice

Mã nguồn React v18
https://github.com/soaple/first-met-react-practice-v18

Vòng 16. Mã nguồn blog nhỏ

https://github.com/soaple/mini-blog

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

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

  • Những ai quan tâm đến phát triển ứng dụng web

  • Người mới bắt đầu làm quen với React

Xin chào
Đây là

안녕하세요, 소플입니다.

2025년 3월부로 인프런에서의 지식공유자 활동을 마무리하고 새로운 출발을 합니다.

앞으로는 아래 사이트에서 제 강의와 컨텐츠들을 만나보실 수 있습니다.

소플이 만든 프론트엔드 지식 포털 - FrontOverflow

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

Tất cả

0 bài giảng

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

Đánh giá

Tất cả

454 đánh giá

4.8

454 đánh giá

  • chayuna917584님의 프로필 이미지
    chayuna917584

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đang nghe một bài giảng đọc tài liệu chính thống trong một bài giảng f-mo, nhưng nó quá dài, quá khó hiểu và tôi đã bỏ cuộc. Khi xem qua các bài giảng về React, tôi thấy một bài giảng giống như một viên ngọc quý. . Cái này miễn phí... Cái này miễn phí...! Tôi rất ấn tượng bởi khả năng giảng dạy có thể tiếp cận nó một cách dễ dàng và thân thiện như vậy. Thành phần bungeoppang dễ thương quá Jjangjjangman Nó không cần quá nhiều sự chú ý và chỉ đánh vào những điểm chính. Cảm ơn bạn đã tiết kiệm thời gian cho tôi. Bài giảng này là một phiên bản thực hành sống động của tài liệu chính thức. Ngay cả khi nói trong bụng, cách phát âm vẫn chính xác đến mức bạn có thể nghe rõ mà không bị bóp nghẹt.

    • soaple
      Giảng viên

      Chayuna91, cảm ơn bạn đã để lại đánh giá. Tôi đã cố gắng hết sức để giải thích nó một cách đơn giản nhất có thể, và tôi tự hào và biết ơn vì bạn đã nhận ra điều đó. Chúng tôi đã loại bỏ càng nhiều nội dung khó càng tốt và chỉ tập trung vào việc củng cố những kiến ​​​​thức cơ bản về React, vì vậy nếu bạn nghe kỹ bài giảng, bạn sẽ có thể tiến gần hơn đến React! Cảm ơn bạn đã thích hình minh họa Bungeoppan được vẽ từng bước một~ Chúc bạn học tập vui vẻ!

  • yuri04152449님의 프로필 이미지
    yuri04152449

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đây là một bài giảng tôi tình cờ học được và tôi yêu thích nó! Nếu bạn chưa quen với React, sẽ rất tuyệt nếu bạn tham gia khóa học với kiến ​​thức cơ bản về HTML, CSS và JavaScript. Có nhiều ưu điểm, nhưng trong số đó, 1) giải thích rõ ràng và rõ ràng, 2) xem xét nội dung khóa học dựa trên thực hành và 3) khả năng giảng dạy. Tôi đã thử tham gia một số khóa học, nhưng đây là khóa học đầu tiên tôi thực hiện một cách nghiêm túc như vậy! Tôi nghĩ sẽ thật tuyệt nếu có React, thứ mà tôi đã thấy từ lâu rồi... Haha. Cảm ơn bạn rất nhiều vì bài giảng tuyệt vời. Tôi chắc chắn sẽ nghe nó nếu bạn mở một bài giảng mới trong tương lai. ! Nếu bạn chưa nghe nó, tôi thực sự khuyên bạn nên nghe nó.

    • soaple
      Giảng viên

      yrrrrrrrr, cảm ơn bạn đã để lại đánh giá. Tôi rất tự hào vì bạn thấy bài giảng của tôi rất phù hợp. Tôi không biết khi nào nó sẽ diễn ra, nhưng xin hãy chờ đợi bài giảng tiếp theo. Chúng tôi hy vọng bạn tiếp tục vui vẻ khi phát triển React!

  • rjh71000066님의 프로필 이미지
    rjh71000066

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    50% đã tham gia

    Hiện tại đã có khoảng 20% ​​học sinh đăng ký! Trước đây, khi làm một dự án web với React, tôi học một mình, cảm giác như đang bắt đầu lại từ đầu. Điều đó thật khó khăn và có rất nhiều điều tôi không hiểu. Sau đó, khi tôi định đảm nhận mảng web khi gia nhập công ty, tôi bắt đầu học lại và tình cờ xem được các bài giảng. Kỹ năng giảng dạy của anh ấy tuyệt vời đến mức mọi người nói: "Đây là khóa học miễn phí..?" Bài giảng hay quá không hiểu sao bây giờ tôi mới xem!

    • soaple
      Giảng viên

      Gibbon, cảm ơn bạn đã để lại đánh giá. Tôi rất tự hào vì bài giảng của tôi đã giúp bạn hiểu React, điều mà trước đây bạn thấy khó, giờ đã dễ dàng hơn một chút. Tôi hy vọng bạn hoàn thành các bài giảng còn lại và nếu có thắc mắc gì trong suốt khóa học, vui lòng để lại câu hỏi bất cứ lúc nào!

  • hek33kr4899님의 프로필 이미지
    hek33kr4899

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi là một nhà phát triển làm việc trong Swift. Tôi bắt đầu học mà không biết gì cả, và bây giờ tôi đang học React. Vì tôi không biết nhiều về JS hoặc web nên tôi nghĩ sẽ rất tốt nếu bắt đầu từ những điều cơ bản, vì vậy tôi đã tham gia khóa học này. Khóa học này có cấu trúc tốt với nội dung cần thiết và thật thú vị khi thấy mã có sự khác biệt. từ phong cách mã hóa của tôi. Tôi rất thích bài giảng. Cảm ơn bạn!

    • soaple
      Giảng viên

      Cảm ơn hek33kr đã để lại đánh giá. Tôi rất vui vì bài giảng của tôi hữu ích! Chúng tôi hy vọng bạn tiếp tục vui vẻ khi phát triển React!

  • yongwchoi261087님의 프로필 이미지
    yongwchoi261087

    Đánh giá 17

    Đánh giá trung bình 4.8

    5

    31% đã tham gia

    Giao tiếp giữa câu hỏi và câu trả lời không được suôn sẻ.

    • soaple
      Giảng viên

      Cảm ơn bạn, Yongwon Choi, đã để lại đánh giá. Cho đến nay, không có câu hỏi nào tôi chưa trả lời, vì vậy nếu bạn gửi cho tôi liên kết đến câu hỏi của bạn, tôi sẽ kiểm tra và trả lời nó!

Truy cập bị hạn chế đối với các khóa học không công khai.
Khóa học riêng tư

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!