얄코의 가장 쉬운 리액트(React)
얄팍한 코딩사전
설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!
초급
JavaScript, React, Node.js
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.
Đánh giá từ những học viên đầu tiên
Bạn sẽ nhận được điều này sau khi học.
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 💫
React là thư 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!
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ỏ
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
안녕하세요, 소플입니다.
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ả
457 đánh giá
4.8
457 đánh giá
chayuna91Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham giaf모 강의에서 공식문서 읽어주는 강의를 듣다가 시간도 너무 길고 이해도 안되고 너무 어려워서 때려치고 리액트 강의를 뒤적이던 중에 보석 같은 강의를 발견했습니다. 이게 무료라니.. 이게 무료라니잇....! 이렇게 쉽게 친근하게 접근할 수 있다니 강의력에 감탄했습니다. 컴포넌트 붕어빵이 너무 귀여워요 짱짱맨 한눈 안팔고 핵심만 찔러줍니다. 시간절약 시켜주셔서 감사합니다. 이 강의는 살아있는 공식문서 실습판입니다. 배속으로 해도 발음이 워낙 정확해서 뭉개지지않고 잘들립니다.
- Inje Lee (소플)Giảng viên
chayuna91님 수강평 남겨주셔서 감사합니다. 나름대로 최대한 쉽게 설명하려고 노력했는데, 알아봐주시니 뿌듯하기도 하고 감사하네요. 어려운 내용은 최대한 덜어내고 오직 리액트의 기초를 탄탄하게 다지는 것에 초점을 맞췄으니, 열심히 강의를 들으시면 리액트와 가까워질 수 있을 겁니다! 한 땀 한 땀 그린 붕어빵 그림도 좋아해 주셔서 감사합니다~ 즐거운 학습 되시기 바랍니다!
- yrrrrrrrr
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia우연히 듣게 된 강의인데 너무 좋았습니다! 리액트 처음 접하시는 분들은 html, css, 자바스크립트 간단하게 아는 상태에서 수강하기 너무 좋을 것 같네요. 여러 장점이 있지만 그 중에서도 1) 깔끔하고 군더더기 없는 설명 2) 실습 기반으로 수강한 내용 복습 3) 강의력을 장점으로 꼽을 수 있을 것 같습니다! 여러 강좌를 수강하려고 시도..는 해봤지만 완강한 강의는 이게 처음이에요! 오래만난 리액트도 있으면 좋을거 같아요...ㅎㅎ 좋은 강의 너무 감사드리고 앞으로도 새로운 강좌 오픈하시면 꼭 들을게요! 아직 안들으신 분들은 적극 추천드려요.
- Inje Lee (소플)Giảng viên
yrrrrrrrr님 수강평 남겨주셔서 감사합니다. 제 강의가 잘 맞으셨다니 너무 뿌듯하네요~ 언제가 될지는 모르지만 다음 강의도 기대해주세요ㅎㅎ 앞으로도 즐거운 리액트 개발이 되시길 바랍니다!
- 긴팔원숭이
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
50% đã tham gia현재 20%정도 수강한 학생입니다! 예전에 리액트로 웹 프로젝트를 했을 때 맨땅에 헤딩 느낌으로 혼자 공부하면서 했습니다. 너무 어려웠고, 이해가 안가는게 많았습니다. 그러다 이번에 회사 들어가면서 웹을 맡을 예정이라 다시 공부를 하면서 강의를 접하게 되었습니다. "이게 무료 강의라고..?"라는 말이 나올 정도로 강의력이 대단하십니다. 왜 이걸 이제야 봤는지 모를정도로 너무 좋은 강의에요!
- Inje Lee (소플)Giảng viên
긴팔원숭이님 수강평 남겨주셔서 감사합니다. 제 강의를 통해 그동안 어렵게 느껴졌던 리액트를 조금 더 쉽게 이해하게 되셨다니 굉장히 뿌듯하네요~ 앞으로 남은 강의도 꼭 완강하시길 바라고, 수강중 궁금한 점이 있다면 언제든지 질문에 남겨주시기 바랍니다!
- hek33kr
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham giaSwift로 현업에서 일하고 있는 개발자입니다. 아무것도 모르는상태로 머리부터 들이밀고 공부하기 시작해서 이제는 리액트를 공부하게 되었습니다. JS도 잘 모르고 웹에대해 잘 아는게 없다보니 기초부터 들으면 좋을것 같아 강의를 수강하게 되었는데 필요한 내용으로 잘 구성되어 있고 제 코딩스타일과 다른 코드를 보니 신기하네요 강의 잘 들었습니다 감사합니다!
- Inje Lee (소플)Giảng viên
hek33kr님 수강평 남겨주셔서 감사합니다. 제 강의가 도움이 되셨다니 뿌듯하네요~ 앞으로도 즐거운 리액트 개발이 되시길 바랍니다!
- 최용원
Đánh giá 31
∙
Đánh giá trung bình 4.9
5
31% đã tham gia질문 답변 소통이 원활하지 않아요.
- Inje Lee (소플)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!
![[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)