BEST

Front-end

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

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

React giờ đây bắt đầu thực sự 'hiện rõ'. Hãy tìm hiểu các khái niệm nâng cao và Hooks dễ và chính xác nhất.

(4.9) 27 đánh giá

755 học viên

jeonghwan

실습 중심

실무

핵심원리

React Context

react-hooks

React

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

Kỹ thuật thiết kế Component React
React: Chủ đề nâng cao và ứng dụng
React Hook(Hooks)

Tôi sẽ dạy bạn các chủ đề và hook nâng cao của React một cách chắc chắn.

Mục tiêu của bài giảng này

Nắm vững các kỹ thuật thiết kế thành phần dựa trên 'Suy nghĩ trong React'
Hiểu các chủ đề nâng cao về React không được đề cập trong Phần 1, chẳng hạn như ngữ cảnh, tham chiếu, thành phần bậc cao và thành phần được kiểm soát.
Hiểu sáu loại móc thường được sử dụng trong thực tế, bao gồm móc cơ bản và móc bổ sung.

Các tính năng của khóa học

Hiểu cấu trúc bằng cách tự mình tạo ra các khái niệm cốt lõi của React
Tìm hiểu cách sử dụng React thực tế khi xây dựng ứng dụng phân phối.

Nội dung chính

Suy nghĩ trong React
- Phần 1: Tóm tắt lớp học, thiết lập môi trường thực hành, giới thiệu kết quả
- Thiết kế và triển khai các thành phần có thể bảo trì
Chủ đề nâng cao
- Hiểu về React Context, Higher-Order Component Pattern, Ref và Portal
- Phát triển các mô-đun bộ định tuyến và hộp thoại bằng cách sử dụng
Móc 1
- So sánh các thành phần lớp và hàm, bối cảnh của các móc
- Hiểu và sử dụng các hook trạng thái, hook tác dụng phụ và hook ngữ cảnh
Móc 2
- Thành phần điều khiển, phát triển mô-đun biểu mẫu sử dụng nó
- Hiểu và sử dụng móc rep, móc reducer và móc ghi nhớ

Tài liệu giảng dạy

Giới thiệu giảng viê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.

Blog của Kim Jung-hwan

Xem bài giảng Chúng tôi chia sẻ các kỹ năng đã học và bí quyết thu được từ công việc thực tế dưới dạng bài 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.

Câu hỏi và câu trả lời 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 phải có một số kinh nghiệm trong phát triển web.

H. Tôi có phải học lại lớp trước không?

Có, đây là phần mở rộng của lớp đầu tiên, vì vậy bạn nên học sau khi đã hiểu đầy đủ nội dung trước đó.

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 framework web hiện đại. Nếu bạn có kỹ năng về React, một trong những công nghệ 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, cung cấp cho các nhà phát triển thêm một công cụ để tập trung hơn vào phát triển logic kinh doanh và nhanh chóng tạo ra sản phẩm.

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ó kinh nghiệm phát triển web ít nhất một lần, việc tham gia lớp học này rất có ý nghĩa. Lý do là vì lớp học được tổ chức 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 lớp học.

H. Nội dung lớp học ở trình độ nào?

Đây là hướng dẫn dựa trên hướng dẫn nâng cao và các hook trong tài liệu chính thức của React. Tài liệu này 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ụ sẽ được sử dụng trong lớp học: trình soạn thảo phát triển Node.js, trình duyệt web và Git. Bạn cũng có thể xem qua trong lớp học xem trước. ( Cấu hình môi trường thực hành )

Bài giảng trước

[React Phần 1] Học React bằng cách tạo và so sánh

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

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

Những người mơ ước phát triển vượt bậc nhờ năng lực thiết kế component.
Những bạn muốn trở thành lập trình viên cạnh tranh, học không chỉ cách dùng React mà còn cấu trúc và nguyên lý.
Những ai muốn hiểu cách hoạt động của thư viện bên thứ ba và muốn khai thác tốt.

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

Hiểu biết tương đương khái niệm cơ bản React hoặc buổi học React phần 1.

Xin chào
Đây là

13,877

Học viên

871

Đánh giá

593

Trả lời

4.8

Xếp hạng

Các khóa học

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

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

Tất cả

167 bài giảng ∙ (19giờ 47phút)

Phần 1. Phần 1. Suy nghĩ với React

42 bài giảng ∙ (4giờ 22phút)

Phần 2. Phần 2. chủ đề nâng cao

44 bài giảng ∙ (5giờ 3phút)

43. [Chương 2.1 Bối cảnh] 2.1.1 Hạn chế
05:21
44. [Chương 2.1 Bối cảnh] 2.1.2 Trình phát sự kiện
10:12
45. [Chương 2.1 Bối cảnh] 2.1.3 Bối cảnh
14:57
46. [Chương 2.1 Bối cảnh] 2.1.4 Nhà cung cấp và Người tiêu dùng
13:04
47. [Chương 2.1 Bối cảnh] 2.1.5 Sử dụng
07:40
48. [Chương 2.1 Bối cảnh] 2.1.6 Tóm tắt
03:23
49. [Chương 2.2 Bộ định tuyến 1] 2.2.1 Bối cảnh
06:46
50. [Chương 2.2 Router 1] 2.2.2 Kết xuất thành phần theo tuyến đường
09:21
51. [Chương 2.2 Bộ định tuyến 1] 2.2.3 Liên kết
07:02
52. [Chương 2.2 Bộ định tuyến 1] 2.2.4 Bộ định tuyến
14:49
53. [Chương 2.2 Bộ định tuyến 1] 2.2.5 Tuyến đường
04:31
54. [Chương 2.2 Bộ định tuyến 1] 2.2.6 Lộ trình (Thực hành)
04:57
55. [Chương 2.2 Bộ định tuyến 1] 2.2.7 Tuyến đường (Giải pháp)
11:52
56. [Chương 2.2 Bộ định tuyến 1] 2.2.8 Tóm tắt
04:40
57. [Chương 2.3 Router 2] 2.3.1 Thay đổi địa chỉ thanh địa chỉ
07:21
58. [Chương 2.3 Router 2] 2.3.2 Tiến/lùi (thực hành)
05:34
59. [Chương 2.3 Router 2] 2.3.3 Tiến/lùi (giải pháp)
06:54
60. [Chương 2.3 Bộ định tuyến 2] 2.3.4 Thay đổi địa chỉ theo chương trình (thực hành)
02:52
61. [Chương 2.3 Router 2] 2.3.5 Thay đổi địa chỉ theo chương trình (giải pháp)
03:05
62. [Chương 2.3 Bộ định tuyến 2] 2.3.6 Các thành phần bậc cao hơn
15:52
63. [Chương 2.3 Bộ định tuyến 2] 2.3.7 với Bộ định tuyến và điều hướng
11:50
64. [Chương 2.3 Router 2] Trận đấu 2.3.8 (thực hành)
01:43
65. [Chương 2.3 Router 2] Trận đấu 2.3.9 (giải pháp)
03:12
66. [Chương 2.3 Bộ định tuyến 2] Thông số 2.3.10 (thực hành)
04:36
67. [Chương 2.3 Router 2] Thông số 2.3.11 (giải pháp)
07:30
68. [Chương 2.3 Bộ định tuyến 2] 2.3.12 Tóm tắt
04:23
69. [Chương 2.4 Hội thoại 1] 2.4.1 Hội thoại
06:22
70. [Chương 2.4 Hội thoại 1] 2.4.2 Bối cảnh bố cục
10:59
71. [Chương 2.4 Hộp thoại 1] 2.4.3 Điều khiển hộp thoại theo chương trình
04:49
72. [Chương 2.4 Hội thoại 1] 2.4.4 withLayout (Thực hành)
01:55
73. [Chương 2.4 Hội thoại 1] 2.4.5 withLayout (Giải pháp)
07:29
74. [Chương 2.4 Hội thoại 1] 2.4.6 Kết hợp hội thoại (Thực hành)
07:49
75. [Chương 2.4 Hội thoại 1] 2.4.7 Kết hợp hội thoại (Giải pháp)
06:34
76. [Chương 2.4 Hội thoại 1] 2.4.8 Tóm tắt trung gian
02:35
77. [Chương 2.5 Hội thoại 2] 2.5.1 Vấn đề về hội thoại
03:12
78. [Chương 2.5 Hộp thoại 2] 2.5.2 Cổng thông tin phản ứng
12:53
79. [Chương 2.5 Hội thoại 2] 2.5.3 Giải quyết vấn đề với hội thoại
04:24
80. [Chương 2.5 Hộp thoại 2] 2.5.4 Hộp thoại ErrorDialog, cảnh báo
08:17
81. [Chương 2.5 Hộp thoại 2] 2.5.5 PaymentSuccessDialog, xác nhận (thực hành)
02:41
82. [Chương 2.5 Hộp thoại 2] 2.5.6 PaymentSuccessDialog, xác nhận (giải pháp)
10:27
83. [Chương 2.5 Hội thoại 2] 2.5.7 Cải thiện hộp thoại, Tham khảo (Thực hành)
02:16
84. [Chương 2.5 Hộp thoại 2] 2.5.8 Cải tiến hộp thoại, Tham khảo (giải pháp)
06:34
85. [Chương 2.5 Hội thoại 2] 2.5.9 Tóm tắt tạm thời
02:55
86. Tóm tắt phần 2 cuối cùng
08:19

Phần 3. Phần 3 Móc cơ bản

46 bài giảng ∙ (5giờ 35phút)

87. [Chương 3.1 Lớp/Thành phần chức năng] 3.1.1 Dự án mới
07:20
88. [Chương 3.1 Lớp/Thành phần hàm] 3.1.2 Lớp và hàm
10:43
89. [Chương 3.1 Thành phần lớp/chức năng] 3.1.3 Thành phần phản ứng
16:48
90. [Chương 3.1 Lớp/Thành phần chức năng] 3.1.4 So sánh
08:09
91. [Chương 3.1 Lớp/Thành phần chức năng] 3.1.5 React Hook
03:38
92. [Chương 3.2 Móc trạng thái] 3.2.1 Đưa ra vấn đề
06:07
93. [Chương 3.2 State Hook] 3.2.2 Thực hiện lần đầu
13:51
94. [Chương 3.2 State Hook] 3.2.3 Quản lý đa trạng thái
04:30
95. [Chương 3.2 State Hook] 3.2.4 Triển khai thứ cấp
05:45
96. [Chương 3.2 State Hook] 3.2.5 Đơn giản hơn
06:56
97. [Chương 3.2 State Hook] 3.2.6 Vai trò
04:10
98. [Chương 3.2 State Hook] 3.2.7 Tóm tắt trung gian
02:58
99. [Chương 3.3 Side Effect Hook] 3.3.1 Các hàm và thành phần thuần túy
05:40
100. [Chương 3.3 Móc hiệu ứng phụ] 3.3.2 Trì hoãn thực thi
12:10
101. [Chương 3.3 Móc tác dụng phụ] 3.3.3 Phụ thuộc
08:48
102. [Chương 3.3 Móc tác dụng phụ] 3.3.4 Nhiều tác dụng phụ
09:55
103. [Chương 3.3 Móc tác dụng phụ] 3.3.5 Nhiều phụ thuộc
05:19
104. [Chương 3.3 Side Effect Hook] 3.3.6 Tác dụng phụ chỉ chạy một lần
05:07
105. [Chương 3.3 Móc tác dụng phụ] 3.3.7 Tổ chức tác dụng phụ
11:44
106. [Chương 3.3 Móc tác dụng phụ] 3.3.8 Vai trò
05:20
107. [Chương 3.3 Tác dụng phụ Hook] 3.3.9 Tóm tắt
03:46
108. [Chương 3.4 Sử dụng Hook 1] 3.4.1 Màn hình danh sách menu
16:55
109. [Chương 3.4 Sử dụng móc 1] 3.4.2 Màn hình giỏ hàng (Thực hành)
02:06
110. [Chương 3.4 Sử dụng móc 1] 3.4.3 Màn hình giỏ hàng (Giải pháp)
15:13
111. [Chương 3.4 Sử dụng móc 1] 3.4.4 Màn hình lịch sử đơn hàng (Thực hành)
01:31
112. [Chương 3.4 Sử dụng móc 1] 3.4.5 Màn hình lịch sử đơn hàng (Giải pháp)
05:58
113. [Chương 3.4 Sử dụng móc 1] 3.4.6 Thay đổi
06:33
114. [Chương 3.4 Cách sử dụng móc 1] 3.4.7 Tóm tắt
03:11
115. [Chương 3.5 Context Hooks] 3.5.1 Các thành phần và hook bậc cao hơn
07:17
116. [Chương 3.5 Móc ngữ cảnh] 3.5.2 useContenxt
19:29
117. [Chương 3.5 Móc ngữ cảnh] 3.5.3 Vai trò
03:19
118. [Chương 3.5 Móc ngữ cảnh] 3.5.4 Tóm tắt
03:05
119. [Chương 3.6 Sử dụng hook 2] 3.6.1 Myrouter: Router
13:19
120. [Chương 3.6 Sử dụng Hook 2] 3.6.2 MyRouter: Routes, Route, Link
04:43
121. [Chương 3.6 Sử dụng Hook 2] 3.6.3 Móc tùy chỉnh MyRouter
06:36
122. [Chương 3.6 Sử dụng Hook 2] 3.6.4 Sử dụng MyRouter (Thực hành)
02:40
123. [Chương 3.6 Sử dụng Hook 2] 3.6.5 Sử dụng MyRouter (Giải pháp)
12:51
124. [Chương 3.6 Sử dụng Hook 2] 3.6.6 MyLayout: Bố cục (Thực hành)
03:05
125. [Chương 3.6 Sử dụng Hook 2] 3.6.7 MyLayout: Bố cục (giải pháp)
03:50
126. [Chương 3.6 Sử dụng Hook 2] 3.6.8 MyLayout: Custom Hook (Thực hành)
02:10
127. [Chương 3.6 Sử dụng Hook 2] 3.6.9 MyLayout: Hook tùy chỉnh (giải pháp)
09:14
128. [Chương 3.6 Sử dụng Hook 2] 3.6.10 Sử dụng MyLayout (Thực hành)
01:45
129. [Chương 3.6 Sử dụng Hook 2] 3.6.11 Sử dụng MyLayout (Giải pháp)
14:17
130. [Chương 3.6 Sử dụng Hook 2] 3.6.12 Những gì đã thay đổi
05:05
131. [Chương 3.6 Cách sử dụng móc 2] 3.6.13 Tóm tắt
03:49
132. Tóm tắt cuối cùng phần 3
08:53

Phần 4. Phần 4 móc bổ sung

35 bài giảng ∙ (4giờ 45phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

27 đánh giá

4.9

27 đánh giá

kimhonor
Đánh giá 13
∙
Đánh giá trung bình 5.0
5
32% đã tham gia
1부를 너무 만족스럽게 수강했던 기억이 있어서 이번 강의도 고민없이 바로 결제했습니다!! 결론은 역시나 만족스럽네요! 무엇보다 강사님이 저만 느낄진 모르겠지만 귀여우십니다 ㅋㅋㅋㅋㅋ 깨알같이 장비 자랑을 하시는 모습과 중간중간 의도치 않은 에러를 마주했을 때 하시는 어허~ 같은 추임새들에 딱딱하게 강의를 보는 중간에 리프레시가 되네요!! 앞으로도 좋은 강의 많이 부탁드리겠습니다. 감사합니다~
- 김정환
  Giảng viên
  1부에 이어 2부 강의도 만족하셨다니 다행입니다. 내용이 무거울 수도 있었을 것 같다고 생각했는데요. 수업 내용 외에도 이런 점들을 좋게 봐주셔서 고맙습니다.
지호손
Đánh giá 16
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
내용이 정말 깔끔하고 깊습니다.
- 김정환
  Giảng viên
  좋은 말씀 정말 감사합니다.
theblessedcity
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
52% đã tham gia
실제 예시를 통해 개념을 잡아갈 수 있어서 좋네요. 잘 듣고 있습니다. 좋은 강의 감사합니다 :)
- 김정환
  Giảng viên
  개념을 이해하는데 예제 코드만한게 없는 것 같습니다. ㅎㅎ 따뜻한 후기 남겨주셔서 감사합니다.
younghyun753
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
31% đã tham gia
mr.woong0926
Đánh giá 5
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
5
45% đã tham gia
강의 내용 좋고, 강사님 설명도 잘 이해 됩니다. 제가 원하는 내용들은 세션 3에 있었네요! 이미 어느정도 프론트 개발 하실 줄 아시는 분들은 세션 3부터 보셔도 될 것 같습니다! 좋은 강의 감사합니다 :)
- 김정환
  Giảng viên
  수강평 남겨주셔서 감사합니다. 원하시는 내용이 세션 3에서 도움이 되셨다니 다행이에요. 이미 프론트엔드 개발 경험이 있으신 분들께서는 말씀해주신 것처럼 필요에 따라 원하는 세션부터 들어주셔도 좋습니다.

1.610.861 ₫

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!

웹 개발의 핵심, HTTP 완벽 마스터하기!

김정환

HTTP 기본부터 데이터 요청, 실시간 통신, 보안, 그리고 성능 최적화까지, 웹 개발자가 반드시 알아야 할 네트워크 지식을 배워보세요.

Basic

Ajax, https, cors

웹 개발의 핵심, HTTP 완벽 마스터하기!

김정환

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

김정환

이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요.

Intermediate

Node.js, Webpack, Babel

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

김정환

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

이 강의에서는 Javascript 언어로 백엔드 개발을 할 수 있는 NodeJS를 학습하고, 테스트 주도 개발(TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 할 수 있습니다. 또한 NodeJS의 대표적인 웹 프레임워크 ExpressJS의 기초 원리를 이해하고, 모바일과 웹 서비스에서 사용하는 REST API 개발 방법을 학습할 수 있습니다.

Basic

TDD, Node.js, Express

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

[React 1부] 만들고 비교하며 학습하는 React

김정환

이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

Basic

React, MVC, JavaScript

[React 1부] 만들고 비교하며 학습하는 React

김정환

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

김정환

다른 웹 어플리케이션을 내 손으로 구현하는 과정을 통해 Vuejs의 중급 기술 (Vuex, Vue-Router, Http)을 학습할 수 있습니다. 퍼블리싱 결과물, API 서버와 문서하는 등을 미리 구성했기에 협업하는 방법도 체험하실 수 있는 강의입니다.

Intermediate

JavaScript, Vue.js

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

김정환

견고한 JS 소프트웨어 만들기

김정환

같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.

Intermediate

소프트웨어 테스트, TDD, jasmine

견고한 JS 소프트웨어 만들기

김정환

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

Basic

JavaScript, Vue.js

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

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!

프로젝트로 배우는 Vue.js 3

코지 코더

Vue.js 3 사용 방법을 배우고 프로젝트에 적용을 하면서 익힐 수 있도록 도와드립니다.

Basic

Vue.js, Vuex, 웹앱

프로젝트로 배우는 Vue.js 3

코지 코더

프로젝트로 배우는 React.js

코지 코더

블로그 프로젝트를 통해 리액트 기초를 배울수 있습니다

Basic

React, Redux, ES6

프로젝트로 배우는 React.js

코지 코더

The Easiest React (Global ver.)

얄팍한 코딩사전

Learn React the Easiest and Fastest Way!

Beginner

React, JavaScript, Node.js

The Easiest React (Global ver.)

얄팍한 코딩사전

[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈 중 자바스크립트에 대한 강의입니다. 이 강의는 지식공유자의 저서 <바닐라 자바스크립트>의 내용을 바탕으로 만들어진 강의입니다.

Basic

JavaScript, vanilla-javascript

[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

개발자의 품격

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

Basic

HTML/CSS, JavaScript, vanilla-javascript

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

Basic

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

Basic

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

Basic

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

실전 자바스크립트

이재승

자바스크립트에 대한 깊이 있는 이해를 원하시는 분에게 적합한 강의입니다. 2020년 기준 자바스크립트 최신 문법을 다룹니다.

Intermediate

JavaScript, ES6

실전 자바스크립트

이재승

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2

유용한IT학습

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 2는 자바스크립트의 함수와 이벤트, 함수의 종류, 코어 라이브러리를 다루고 있습니다.

Beginner

JavaScript, jQuery

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2

유용한IT학습

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

Beginner

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

Next.js 15: Full-Stack Development

구멍가게코딩단

전통적인 React 개발 방식과 Next.js를 이용해서 개발하는 방식은 전혀 다릅니다. 이 강의는 최신 Next.js 15의 핵심을 꿰뚫고, '진짜' Next.js다운 개발 방식을 알려드립니다. 취업 포트폴리오부터 실무 프로젝트까지, 성능과 효율을 모두 잡는 방법을 경험하세요. Next.js 스럽게 개발 합시다! Next.js의 기능을 어떻게 적용해야하는지 실제 예제를 만들면서 몸으로 배울 수 있도록 구성되었습니다. 서버 컴포넌트를 중심으로 보고 서버 액션과 캐싱 전략등을 이론보다는 실제로 코드를 통해서 더 빠르게 학습합니다. 강의의 목표는 최대한 빨리 Next.js의 분위기를 따라가는 것이 때문에 강의 자체는 JavaScript를 이용해서 진행합니다. 하지만 각 강의의 예제는 Typescript로 제작된 것을 추가로 수업자료로 제공합니다.

Basic

JavaScript, React, JPA

Next.js 15: Full-Stack Development

구멍가게코딩단

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

Basic

HTML/CSS, JavaScript, Django

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT

SEJONG IT EDU

이 강좌를 통해 대체불가능한 NFT (Non Fungible Token) 을 활용한 비앱을 만들 수 있게 됩니다.

Intermediate

웹앱, 블록체인, NFT

Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT

SEJONG IT EDU

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

Basic

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

Basic

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

Basic

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

Beginner

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

Basic

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

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

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

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

Tôi sẽ dạy bạn các chủ đề và hook nâng cao của React một cách chắc chắn.

Mục tiêu của bài giảng này

Các tính năng của khóa học

Nội dung chính

Tài liệu giảng dạy

Giới thiệu giảng viên

Kim Jung-hwan

Câu hỏi và câu trả lời cho sinh viên

Bài giảng trước

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

Khóa học khác của jeonghwan

Khóa học tương tự

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

Xin chào
Đây là