웹 개발의 핵심, HTTP 완벽 마스터하기!
김정환
HTTP 기본부터 데이터 요청, 실시간 통신, 보안, 그리고 성능 최적화까지, 웹 개발자가 반드시 알아야 할 네트워크 지식을 배워보세요.
Cơ bản
Ajax, https, cors
BEST
[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!
Đá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 📖
- 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.
- 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.
- 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.
- 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.
- Liên kết: 🎥 Inflearn
- Liên kết: 🎥 YouTube
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.
- Liên kết: 🖋 Blog Công nghệ Elegant Brothers
Tôi cũng viết nội dung liên quan đến công nghệ React.
- Liên kết: 🖋 Bài đăng trên blog liên quan đến React
- Liên kết: 🎥 Video YouTube liên quan đến 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
13,863
Học viên
871
Đánh giá
593
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ả
116 đánh giá
4.8
116 đánh giá
arcturusĐánh giá 8
∙
Đánh giá trung bình 5.0
- Go9
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham gia리액트를 처음 공부하며 어떻게 시작해야 할지 어려움이 있었는데, 간결하게 강의를 구성해주신 덕분에 많은 도움을 받고 있습니다. 한 강의 당, 그리고 전체 강의 구성이 길지 않은 덕에 여러 번 반복해서 볼 수 있을 것 같다는 점도 장점입니다 :) 한편, 바닐라 자바스크립트도 다뤄주심으로 리액트가 어떤 문제점을 해결하기 위해 나타난 프레임워크인지 파악하기에 수월했습니다. 하지만 아직 둘 다 어려운 건 마찬가지네요.. ㅎ_ㅎ 이후로도 여러 번 보고 구현해가며 프론트엔드 개발 기초를 잘 다지도록 해야겠습니다. 좋은 강의 감사합니다.
- 짱구
Đánh giá 9
∙
Đánh giá trung bình 4.8
4
100% đã tham gia- 장점!!! 1. 강의에서 React 공식 문서의 "주요 개념"에서 다루는 모든 내용들을 다룬다. 단순히, 공식문서로 학습하는 것보다 만들면서 학습하다보니, 각 개념들의 필요성들에 대해서 깊게 이해할 수있었다. 2. 공식문서에는 중요성이 떨어진다고 판단했던지 크게 언급하지 않고 넘어가는 내용들까지 사용해보면서 왜 이런 방식이 덜 권장되는지에 대해서도 알 수있었다. 3. 단순히, 리엑트라는 개념을 넘어서 추상화의 필요성에 대해서도 학습할 수 있었다. - 단점은 아니고.. 강의 중 어려웠던 점!!! 1. MVC 패턴과 추상화 대한 이해도가 약한 필자는 바닐라 JS 파트 처음 들을 때, 코드 보고 심한 현타가 왔다. => 내 수준에서는 코드가 너무 어려웠다 ㅠ.ㅠ 하지만, 꾸역꾸역 참아가면서, 종이로 로직을 써가면서 코드를 내 것으로 만들어가면, 점점 성장해가는 자신의 모습을 발견할 수 있다. 만약, 필자와 같은 어려움을 겪는 수강생이라면, 리엑트 편을 먼저 보고, 바닐라 JS 편을 접근해본다면, 더 쉽게 코드가 이해될 수 있다. 적어도 필자는 그랬다. - 총평!!! 솔직히, 리엑트를 사용하기는 했지만, 내 실력은 거품 위에 떠있는 것같이 깊이가 없었는데, 이 강의를 통해서, 리엑트를 더 깊게 이해할 수있었다. 리엑트를 시작하는 모든 사람들에게 추천한다.
- 김정환Giảng viên
저도 수업준비하면서 초반부가 어려우실것 같다는 우려를 했는데요. 어려운게 맞습니다 ㅜㅜ 그래도 끝까지 들어주셔서 고맙습니다.
1.163.532 ₫
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!
![[React 2부] 고급 주제와 훅Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?f=avif&w=420)
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!
![따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
![[CSS&JS Master] - 트렌디한 감정기록 일기장 만들기Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/335863/cover/836195ea-22e0-4a97-84a9-5c520b028729/335863.png?f=avif&w=420)
![[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![아빠가 들려주는 [R shiny app] 만들기Hình thu nhỏ khóa học](https://cdn.inflearn.com/wp-content/uploads/rshiny1.jpg?f=avif&w=420)