BEST

[Code Camp] Khóa học Frontend 'Hoàn hảo' được tạo ra tại Bootcamp

Name: [Code Camp] Khóa học Frontend 'Hoàn hảo' được tạo ra tại Bootcamp
Price: 297000 KRW
Rating: 5 (13 reviews)

Đây là chương trình giảng dạy frontend hoàn hảo của bootcamp 'thực sự' đã đào tạo hàng trăm lập trình viên. Chỉ với một khóa học này, bạn có thể phát triển đến trình độ junior developer trong thực tế và sẽ có được khả năng ứng dụng cũng như kiến thức về tech stack frontend. [Code Camp] đã chuẩn bị để bất kỳ ai cũng có thể xây dựng sự nghiệp bất kể xuất thân xã hội, kinh tế hay giáo trình học vấn 😊

(5.0) 13 đánh giá

423 học viên

이론 실습 모두

코드캠프

코딩독학

React

Next.js

GraphQL

React Native

Hybrid App

Bạn sẽ nhận được điều này sau khi học.

Chuẩn bị cho khóa học nâng cao với [CSS&Javascript] thân thiện
Sử dụng công nghệ mới nhất cho [Web Frontend]
Phát triển Frontend cho Ứng dụng Hybrid nhằm nâng cao năng lực thực tế
Hai danh mục đầu tư mini, hai danh mục đầu tư thực tế
Hiểu hoàn hảo về chu trình phát triển tổng thể

'Khóa học Frontend hoàn hảo
được tạo ra từ bootcamp 'thực thụ'

"Tôi không biết gì về lập trình cả.. Liệu mình có thể xin việc làm developer được không?" Hãy gạt bỏ những lo lắng đó ngay đi.
Vì khóa học này bắt đầu từ những bài giảng nền tảng vững chắc để ngay cả người mới hoàn toàn cũng có thể phát triển đến trình độ developer thực tế!

'Khóa học Frontend cô đọng' được hơn 2,000 học viên lựa chọn cả online và offline
Đã được cập nhật mạnh mẽ hơn và quay trở lại với tên gọi 'Khóa học Frontend hoàn hảo'😀

Hoàn thành portfolio của bạn
bằng code do chính tay bạn viết.

Trong 'Frontend Hoàn Hảo', chương trình học được xây dựng để bạn có thể hoàn thành dự án ở mỗi khóa học, giúp bạn tập trung phát triển. Với chương trình học theo từng bước mà ai cũng có thể hiểu được, khi bạn làm theo bài giảng và tạo ra các dự án thực tế, không chỉ cảm giác thành tựu mà cả kỹ năng của bạn cũng sẽ được nâng cao phải không?

Công nghệ cốt lõi của Frontend
Tại sao chúng ta nên sử dụng React.js và Next.js?

Next.js là framework của thư viện React. Khác với React, về cơ bản Next.js thực hiện Server-Side Rendering (SSR) nên tốt cho tối ưu hóa công cụ tìm kiếm (SEO, Search Engine Optimization). Ngoài ra, thông qua pre-rendering, nó cho phép lấy trước trang đã được render dữ liệu, do đó cũng có lợi về mặt trải nghiệm người dùng.

Ngoài ra, Next.js cung cấp routing dựa trên trang, tối ưu hóa hình ảnh, built-in-css để cải thiện hiệu suất dự án và tạo môi trường thuận lợi cho các nhà phát triển, giúp bạn có thể phát triển hiệu quả với hiệu suất cao 😊

Cuối cùng, giờ đây là thời đại ứng dụng hybrid!
Dựa trên React và Next, bạn có thể phát triển ứng dụng hybrid một cách thuận tiện và hiệu quả hơn bằng cách sử dụng React.Native và Expo, đồng thời xây dựng dịch vụ trên Android và iOS.

Hơn nữa, chỉ với một khóa học Full-stack
có thể nắm được nhiều công nghệ như vậy cùng một lúc!

Trong khóa học này, chúng ta sẽ học thông qua dự án không chỉ React và Next.js, mà còn sử dụng nhiều công nghệ chính như Typescript, GraphQL và nhiều hơn nữa. Bạn sẽ nắm vững cách sử dụng các ngôn ngữ được kết nối hữu cơ với nhau để triển khai một tính năng, và tự nhiên hiểu được nhiều công nghệ khác nhau.

Bởi vì trong thực tế công việc, bạn phải biết sử dụng linh hoạt nhiều ngôn ngữ và công nghệ khác nhau để đạt hiệu quả tối ưu!

*version: Đây là phiên bản stack chính được sử dụng trong khóa học. (Vui lòng tham khảo khi cần thiết!)

-"next": "14.2.13",
-"react": "^18",
-"react-dom": "^18",
-"typescript": "^5"
-"@apollo/client": "^3.11.8",
-"graphql": "^16.9.0",
-"react-hook-form": "^7.53.1",
-"zod": "^3.23.8",
-"zustand": "^5.0.0",
-"tailwindcss": "^3.4.1",

Bạn không cần hiểu về 'Version' và các công nghệ này cũng không sao. Mình sẽ giải thích tỉ mỉ và dễ hiểu trong khóa học 😊

💡 Vui lòng kiểm tra cấu hình máy tính.

· Mac OS không phụ thuộc vào cấu hình.  
· Nếu sử dụng Window OS, cần cài đặt git-bash. 
 - Vui lòng tham khảo Tài liệu học tập > Thiết lập môi trường.  
 - Intel Core i5 thế hệ 9 trở lên / AMD RYZEN 5 thế hệ 2 trở lên 

- Khuyến nghị RAM 16GB trở lên

💡Hãy lập thời gian biểu học tập để học đều đặn và kiên trì.
💡Vui lòng tạo tài khoản 'Notion' - công cụ cộng tác để nhận tài liệu học tập.
💡Tài liệu học tập cần thiết cho khóa học sẽ được cung cấp qua Notion (link).
※ Bản quyền tài liệu học tập thuộc về Code Camp. Nghiêm cấm sao chép · phân phối · sử dụng trái phép.

Hỏi: Tôi có thể học khóa này mà không cần bất kỳ kiến thức nào không?

Vâng. Không sao cả nếu bạn hoàn toàn không biết gì về lập trình. Để bạn có thể hiểu sâu và rộng hơn, chúng tôi cung cấp khóa học cơ bản nhất 'Bắt đầu với Precamp' và khóa học trung cấp 'Khóa học Master CSS&JS' để chuẩn bị cho bootcamp.

Câu hỏi: Nếu đã có kiến thức cơ bản thì nên bắt đầu học từ đâu?

Nếu bạn chỉ hiểu HTML, CSS, Javascript cơ bản thì tôi khuyên bạn nên bắt đầu từ 'Khóa học CSS&JS Master'. Nếu CSS và Javascript của bạn đã vững vàng nhờ các khóa đào tạo do chính phủ tài trợ hoặc các khóa học trực tuyến khác thì bạn có thể bắt đầu ngay từ 'Web Frontend Bootcamp'.

Câu hỏi: Có cách nào để học khóa học bootcamp phát triển web frontend một cách hiệu quả không?

Hãy học từng phần một! Trung bình mỗi phần được chia thành 3~5 chủ đề nhỏ. Vì đây là khóa học có hệ thống, tôi khuyên bạn nên lập lịch học tập và học đều đặn!
Nếu có bài tập học tập, hãy hoàn thành bài tập nhé! Bài tập học tập được chia thành các phần có bài tập và không có bài tập. Nếu bạn làm bài tập học tập trước khi làm bài tập portfolio thì sẽ rất hữu ích đấy!
Vui lòng thực hiện bài tập bắt buộc (bài tập portfolio)! Các bài tập bắt buộc theo từng phần được cung cấp dựa trên nội dung của phần đó là điều bạn nhất định phải làm để tạo portfolio! Tuy nhiên, mã tham khảo chỉ được cung cấp đến giữa chừng thôi! Hãy nhớ rằng sau đó bạn phải có khả năng tự viết toàn bộ mã thì mới có thể sử dụng làm portfolio thực sự.

Hỏi: Chương trình giảng dạy theo bậc thang là gì?

Chương trình giảng dạy của Frontend hoàn hảo có cấu trúc bài giảng liên tục nối tiếp nhau!
Ví dụ, để học [Section 26-02 Refresh Token], bạn cần sao chép code đã viết ở [Section 23-07] để tiếp tục bài học. Tức là bạn phải đã học [Section 23-07] để viết code, và cũng phải ôn tập để hiểu code đó là gì, đúng không?

Đừng lo lắng nếu bạn muốn bỏ qua một section cụ thể nào đó để học section mình quan tâm! Code bài giảng của giảng viên được cung cấp để bạn có thể tải xuống riêng! Tuy nhiên, nếu đó không phải là code bạn tự viết qua bài học mà là code đã tải xuống, thì bạn nhất định phải hiểu code đó thì mới có thể theo kịp bài học được nhé!

Q. Tôi có thắc mắc trong quá trình học.

Vui lòng để lại câu hỏi trong cộng đồng. Chúng tôi sẽ trả lời thỏa đáng trong thời gian sớm nhất😁

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

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

Bất kỳ ai muốn phát triển đúng đắn với chương trình học chuyên nghiệp
Bất kỳ ai cảm thấy thiếu sót từ các khóa học được tài trợ bởi chính phủ hoặc các khóa học khác
Bất kỳ ai muốn học lập trình một cách có hệ thống với đủ bài tập thực hành
# Nhà phát triển Junior mà Senior cần
Sinh viên chuẩn bị việc làm muốn xây dựng portfolio phù hợp với xu hướng

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

Niềm đam mê và ý chí về lập trình💪🏻

Xin chào
Đây là

15,445

Học viên

454

Đánh giá

227

Trả lời

4.8

Xếp hạng

Các khóa học

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

Đồng giảng viên

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

Tất cả

444 bài giảng ∙ (162giờ 6phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. [Nhập môn] Bắt đầu với Freecamp

36 bài giảng ∙ (9giờ 1phút)

1. 👉 Phần 01 : Hiểu về dịch vụ ứng dụng web & Cài đặt chương trình
2. [01-01] Ứng dụng web là gì?
03:21
3. [01-02] Cài đặt chương trình (VS code, Extension)
07:53
4. 👉 Phần 02 : Hiểu về HTML và Technology Stack
5. [02-01] HTML là 'lệnh' đã được thỏa thuận.
11:30
6. [02-02] Cốt lõi của HTML
42:25
7. [02-03] Hiểu về Technology Stack
06:14
8. 👉 Phần 03 : Cơ bản về CSS và thực hành Cyworld phần 1
9. [03-01] Học CSS
25:28
10. [03-02] Căn chỉnh CSS
20:43
11. [03-03] Tạo Cyworld phần 1
43:24
12. 👉 Phần 04 : Cơ bản về Javascript và thực hành Cyworld phần 2
13. [04-01] Hiểu về ngôn ngữ web 'Javascript'
02:40
14. [04-02] Biến và hằng số
17:07
15. [04-03] Mảng
24:30
16. [04-04] Đối tượng
20:40
17. [04-05] Tạo Cyworld phần 2
39:42
18. 👉 Phần 05 : Thực hành Javascript thực tế và thực hành Cyworld phần 3
19. [05-01] Kiểu dữ liệu và toán tử
17:29
20. [05-02] Câu lệnh điều kiện
19:53
21. [05-03] Vòng lặp
22:18
22. [05-04] Đối tượng toán học
06:43
23. [05-05] DOM
10:41
24. [05-06] Tạo Cyworld phần 3
27:30
25. 👉 Phần 06 : Ứng dụng Javascript và thực hành Cyworld phần 4
26. [06-01] Hàm số
09:13
27. [06-02] Cách viết hàm
14:20
28. [06-03] Hàm tích hợp sẵn
24:08
29. [06-04] Tạo Cyworld phần 4
23:30
30. 👉 Phần 07 : Phát hiện thay đổi sự kiện Javascript và thực hành Cyworld phần 5
31. [07-01] Ôn tập hàm tích hợp
10:59
32. [07-02] Phát hiện thay đổi sự kiện
16:04
33. [07-03] Tạo Cyworld phần 5
43:24
34. 👉 Phần 08 : Bài tập Final và trồng cỏ Github
35. [08-01] Bài tập cuối kỳ
07:55
36. [08-02] Git/Github
22:01

Phần 2. [Sơ cấp·Trung cấp] CSS&JS Master

134 bài giảng ∙ (30giờ 49phút)

37. CSS&Javascript Master OT
05:35
38. 👉 Phần 01
39. [CSS 01-1-1] Khoảng trắng - Giới thiệu CSS và thiết lập khoảng trắng
27:53
40. [CSS 01-1-2] Khoảng trắng - Box Sizing
08:00
41. [CSS 01-1-3] Khoảng trắng - Margin Collapse
09:38
42. [CSS 01-2-1] Căn chỉnh - Căn chỉnh item
12:09
43. [CSS 01-2-2] Căn chỉnh - Đưa các item tràn xuống dòng
12:18
44. [CSS 01-2-3] Căn chỉnh - Lý do tại sao flexbox không hoạt động theo chiều dọc
12:44
45. [JS 01-1-1] Biến và hàm - Lưu trữ dữ liệu đa dạng
26:55
46. [JS 01-1-2] Biến và hàm - Biến và việc ghép nối chuỗi
11:14
47. [JS 01-1-3] Biến và hàm - Hàm và phạm vi
33:37
48. [JS 01-2-1] Sử dụng biến và hàm - Hoisting
12:50
49. [JS 01-2-2] Sử dụng biến và hàm - Vấn đề phát sinh từ hoisting và TDZ
18:52
50. [JS 01-2-3] Sử dụng biến và hàm - DOM
30:39
51. 👉 Phần 02
52. [CSS 02-1-1] Biến đổi và hoạt ảnh - Transition
11:40
53. [CSS 02-1-2] Biến đổi và hoạt ảnh - Transform
14:43
54. [CSS 02-1-3] Biến đổi và hoạt ảnh - Hoạt ảnh
11:29
55. [CSS 02-2-1] Ứng dụng Animation - Toast
13:17
56. [CSS 02-2-2] Ứng dụng Animation - Loading
09:19
57. [CSS 02-2-3] Ứng dụng Animation - Skeleton
11:58
58. [JS 02-1-1] Chức năng trình duyệt - Storage
21:55
59. [JS 02-1-2] Chức năng trình duyệt - Storage và lưu trữ JSON
15:17
60. [JS 02-1-3] Chức năng trình duyệt - Định tuyến
18:46
61. [JS 02-2-1] Câu lệnh điều kiện và vòng lặp - Lọc điều kiện
26:21
62. [JS 02-2-2] Câu lệnh điều kiện và vòng lặp - Lặp qua các phần tử
01:06:16
63. [JS 02-2-3] Câu lệnh điều kiện và vòng lặp - Nâng cao về lặp qua các phần tử
34:21
64. 👉 Phần 03
65. [CSS 03-1-1] Position - Vị trí tuyệt đối
09:20
66. [CSS 03-1-2] Position - Vị trí tương đối
08:19
67. [CSS 03-1-3] Position - Vị trí trên màn hình
07:05
68. [CSS 03-2-1] Cuộn - Tạo cuộn
17:24
69. [CSS 03-2-2] Cuộn - Cố định header khi cuộn
06:28
70. [CSS 03-2-3] Cuộn - Làm mờ nền header khi cuộn
04:38
71. [JS 03-1-1] Cuộn - Cuộn
17:26
72. [JS 03-1-2] Cuộn - Cuộn và thanh địa chỉ
11:44
73. [JS 03-1-3] Cuộn trang - Event Listener và phát hiện cuộn trang
19:42
74. [JS 03-2-1] Event Bubbling - 1
18:36
75. [JS 03-2-2] Event Bubbling - 2
13:55
76. [JS 03-2-3] Event Bubbling - Event Capturing
12:04
77. 👉 Phần 04
78. [CSS 04-1-1] Thiết kế responsive - Thiết kế responsive
10:00
79. [CSS 04-1-2] Thiết kế responsive - Media query
18:19
80. [CSS 04-1-3] Thiết kế responsive - Nâng cao khả năng bảo trì với rem
12:48
81. [CSS 04-2-1] Kết hợp responsive và grid - Căn chỉnh lưới
15:36
82. [CSS 04-2-2] Kết hợp responsive và grid - So sánh flexbox và grid
13:10
83. [CSS 04-2-3] Kết hợp responsive và grid - Hỗn hợp flexbox và grid
11:48
84. [JS 04-1-1] Phát hiện thiết bị - Chưa áp dụng phát hiện kích thước thiết bị
22:26
85. [JS 04-1-2] Phát hiện thiết bị - Áp dụng phát hiện kích thước thiết bị
12:33
86. [JS 04-1-3] Phát hiện thiết bị - Phát hiện cuộn động thiết bị %
09:28
87. [JS 04-2-1] Phát hiện thiết bị di động - Phát hiện thiết bị di động
09:41
88. [JS 04-2-2] Phát hiện thiết bị di động - Pinch zoom in/out trên mobile
13:30
89. [JS 04-2-3] Phát hiện thiết bị di động - Bàn phím ảo trên di động
11:03
90. 👉 Phần 05
91. [CSS 05-1-1] Ngữ cảnh xếp chồng và Z-Index - z-index
09:20
92. [CSS 05-1-2] Ngữ cảnh xếp chồng và Z-Index - Ngữ cảnh xếp chồng
17:42
93. [CSS 05-1-3] Ngữ cảnh xếp chồng và Z-Index - Refactoring
20:32
94. [CSS 05-2-1] Modal và Modal lồng nhau - Tạo nền Modal
09:05
95. [CSS 05-2-2] Modal và Modal lồng nhau - Tạo các item modal
16:00
96. [CSS 05-2-3] Modal và Modal lồng nhau - Tạo Modal lồng nhau
16:43
97. [JS 05-1-1] Phát hiện bàn phím - Phát hiện bàn phím
25:53
98. [JS 05-1-2] Phát hiện bàn phím - Bàn phím và ô nhập liệu
08:50
99. [JS 05-1-3] Phát hiện bàn phím - Khái niệm về form và chức năng bàn phím được tích hợp trong form
13:37
100. [JS 05-2-1] API trình duyệt - API và Web API
12:56
101. [JS 05-2-2] API Trình duyệt - Navigator
31:00
102. [JS 05-2-3] API trình duyệt - Timer
23:30
103. 👉 Phần 06
104. [CSS 06-1-1] Căn chỉnh hình ảnh và tỷ lệ - Thay đổi căn chỉnh hình ảnh
08:09
105. [CSS 06-1-2] Căn chỉnh hình ảnh và tỷ lệ - Thay đổi tỷ lệ hình ảnh
09:38
106. [CSS 06-1-3] Căn chỉnh hình ảnh và tỷ lệ - Thay đổi đồng thời căn chỉnh hình ảnh và tỷ lệ
08:59
107. [CSS 06-2-1] Hiệu ứng chuyển trang - Hiệu ứng bay vào
12:49
108. [CSS 06-2-2] Hiệu ứng chuyển trang - Hiệu ứng bay và xoay trở về
10:02
109. [CSS 06-2-3] Hoạt ảnh chuyển trang - Hoạt ảnh kết hợp trang trước và trang sau
16:31
110. [JS 06-1-1] Open API - Câu
18:33
111. [JS 06-1-2] Open API - Hình ảnh
15:23
112. [JS 06-1-3] Open API - Ứng dụng hình ảnh
10:23
113. [JS 06-2-1] Di chuyển menu - Sao chép trang để di chuyển menu
15:23
114. [JS 06-2-2] Di chuyển menu - iframe để di chuyển menu
15:32
115. [JS 06-2-3] Di chuyển menu - Component để di chuyển menu
12:25
116. 👉 Phần 07
117. [CSS 07-1-1] UI nâng cao - thay đổi màu accent
07:59
118. [CSS 07-1-2] UI Nâng cao - Toggle Tùy chỉnh
23:24
119. [CSS 07-1-3] UI nâng cao - Dropdown tùy chỉnh
41:30
120. [CSS 07-2-1] Chế độ tối - Chế độ tối
10:41
121. [CSS 07-2-2] Chế độ tối - Chế độ tối và các thẻ đa dạng
08:11
122. [CSS 07-2-3] Chế độ tối - Chế độ tối và biến toàn cục CSS
11:36
123. [JS 07-1-1] Tìm kiếm và Debouncing - Tìm kiếm
14:23
124. [JS 07-1-2] Tìm kiếm và Debouncing - Debouncing
13:05
125. [JS 07-1-3] Tìm kiếm và Debouncing - Debouncing và API
11:41
126. [JS 07-2-1] Cuộn vô hạn và Throttling - Cuộn vô hạn
20:26
127. [JS 07-2-2] Cuộn vô hạn và Throttling - Throttling
20:57
128. [JS 07-2-3] Cuộn vô hạn và Throttling - Throttling và API
09:25
129. 👉 Phần 08
130. [CSS 08-1-1] Lịch - Lịch tùy chỉnh - Vùng nhấp chuột
10:56
131. [CSS 08-1-2] Lịch - Lịch tùy chỉnh - Placeholder
15:18
132. [CSS 08-1-3] Lịch - Lựa chọn và xác thực
09:50
133. [CSS 08-2-1] Gradient - Linear Gradient
14:06
134. [CSS 08-2-2] Gradient - Gradient hình tròn
06:03
135. [CSS 08-2-3] Gradient - Text Gradient
12:26
136. [JS 08-1-1] Số trang - Phân trang
16:48
137. [JS 08-1-2] Số trang phân trang - Số trang trước/tiếp theo
13:06
138. [JS 08-1-3] Số trang phân trang - Số trang cuối cùng
21:31
139. [JS 08-2-1] Danh sách phân trang - Ví dụ danh sách trang được nhấp
12:25
140. [JS 08-2-2] Danh sách phân trang - Danh sách trang được nhấp
13:05
141. [JS 08-2-3] Danh sách phân trang - Hiển thị trang được nhấp đang hoạt động
14:21
142. 👉 Phần 09
143. [CSS 09-1-1] Cross-browsing - Lập trình HTML, CSS trong Notepad
11:59
144. [CSS 09-1-2] Cross-browsing - Cross-browsing
19:58
145. [CSS 09-1-3] Cross-browsing - Phiên bản trình duyệt và CAN-I-USE, MDN
22:16
146. [CSS 09-2-1] Font - Font
08:03
147. [CSS 09-2-2] Font - Font và Loading
22:25
148. [CSS 09-2-3] Font - Font và Cross Browsing
10:58
149. [JS 09-1-1] Cross-browsing - Lập trình HTML, CSS trong Notepad
10:57
150. [JS 09-1-2] Cross-browsing - Vấn đề Cross-browsing
14:33
151. [JS 09-1-3] Cross-browsing - Phiên bản trình duyệt và CAN-I-USE, MDN
23:38
152. [JS 09-2-1] Tiêu chuẩn web và khả năng tiếp cận - Tối ưu hóa công cụ tìm kiếm (SEO)
17:42
153. [JS 09-2-2] Tiêu chuẩn web và khả năng tiếp cận - SEO và tiêu chuẩn web
07:30
154. [JS 09-2-3] Tiêu chuẩn web và khả năng tiếp cận - SEO và khả năng tiếp cận web
10:05
155. 👉 Phần 10
156. [CSS 10-1-1] Thư viện - Bootstrap
10:31
157. [CSS 10-1-2] Thư viện - Thiết kế Material
05:21
158. [CSS 10-1-3] Thư viện - Tailwind CSS
16:12
159. [CSS 10-2-1] Xu hướng và định hướng - Giai đoạn 1
27:03
160. [CSS 10-2-2] Xu hướng và định hướng - Giai đoạn 2
14:40
161. [CSS 10-2-3] Xu hướng và định hướng - Giai đoạn 3
12:07
162. [JS 10-1-1] Thư viện - Cuộn toàn trang
09:26
163. [JS 10-1-2] Thư viện - Trình soạn thảo web
16:14
164. [JS 10-1-3] Thư viện - Kéo và Thả
08:47
165. [JS 10-2-1] Xu hướng và định hướng - Bước 1
16:46
166. [JS 10-2-2] Xu hướng và định hướng - Giai đoạn 2
19:25
167. [JS 10-2-3] Xu hướng và định hướng - Giai đoạn 3
16:00
168. 🔥 Tải xuống slide bài giảng CSS&Javascript Master🔥
169. 🔥 Tải xuống mã nguồn khóa học CSS&Javascript Master 🔥
170. 🔥 Tải xuống mã tham khảo bài tập CSS&Javascript Master🔥

Phần 3. [Trung cấp] Bootcamp Phát triển Web Frontend

213 bài giảng ∙ (97giờ 28phút)

171. 👉 Phần 01
172. [01-01] React và Component
52:38
173. [01-02] props và state
41:09
174. [01-03] Lý do sử dụng React (Thay đổi đồng thời)
34:57
175. [01-04] Xác thực state (xác thực đăng ký thành viên)
47:02
176. [01-05] import và export module
18:08
177. 👉 Phần 02
178. [02-01] Tạo React CRA trong một lần
33:16
179. [02-02] React Boilerplate
32:23
180. [02-03] Điều hướng trang React
46:26
181. [02-04] Nguyên lý của setState
52:08
182. [02-05] Những thứ biểu thị sự giả dối (False)
14:26
183. 👉 Phần 03
184. [03-01] TypeScript
41:40
185. [03-02] Kiểu dữ liệu cơ bản
54:21
186. [03-03] Linter và Formatter
43:22
187. 👉 Phần 04
188. [04-01] Thế giới Next
46:49
189. [04-02] Chuyển đến trang Next
21:10
190. [04-03] CSS-Module
37:32
191. [04-04] Next 내장 기능 (phông chữ, hình ảnh)
40:23
192. 👉 Phần 05
193. [05-01] Lý thuyết truyền thông dữ liệu
50:24
194. [05-02] Thực hành truyền thông dữ liệu
01:25:13
195. 👉 Phần 06
196. [06-01] Đồng bộ/Bất đồng bộ
36:35
197. [06-02] Thiết lập GraphQL
12:24
198. [06-03] Đăng bài viết và giải quyết lỗi mạng
31:21
199. [06-04] Thực hành đăng bài viết
54:00
200. 👉 Phần 07
201. [07-01] Định tuyến tĩnh
15:57
202. [07-02] Cơ bản về xem bài viết
48:40
203. [07-03] Luyện tập xem bài viết
49:58
204. 👉 Phần 08
205. [08-01] Vòng lặp map
26:01
206. [08-02] Lưu ý khi sử dụng map
47:28
207. [08-03] Destructuring Assignment và Custom Hook
01:04:19
208. 👉 Phần 09
209. [09-01] Chỉnh sửa bài viết
39:36
210. [09-02] Chỉnh sửa bài đăng nâng cao
01:08:41
211. [09-03] Chỉnh sửa bài đăng trong thực tế
32:23
212. [09-04] Tái cấu trúc thư mục cho chức năng chỉnh sửa bài viết
01:19:53
213. [09-05] Bổ sung loại chỉnh sửa bài đăng
28:27
214. 👉 Phần 10
215. [10-01] Loại API
37:41
216. 👉 Phần 11
217. [11-01] Truyền tải sự kiện và Bubbling
20:36
218. [11-02] Truyền bá sự kiện và ngắt
57:34
219. 👉 Phần 12
220. [12-01] Thư viện và Framework
01:03:07
221. [12-02] Thực hành UI Framework - Đánh giá sao
35:14
222. [12-03] Thực hành UI Framework - Carousel
26:09
223. [12-04] Thư viện - Modal mã bưu điện
56:01
224. [12-05] Tái cấu trúc (prev state)
27:53
225. [12-06] Thư viện (TypeScript)
04:28
226. [12-07] Refactoring an toàn
18:36
227. 👉 Phần 13
228. [13-01] trẻ em
36:38
229. [13-02] children TypeScript
12:37
230. [13-03] Bố cục
38:41
231. [13-04] Ẩn layout
15:28
232. [13-05] Tổng hợp và thiết lập component
10:30
233. 👉 Phần 14
234. [14-01] Cơ bản về Phân trang
41:50
235. [14-02] Phân trang trang trước/tiếp theo/cuối cùng
46:26
236. [14-03] Refactoring (nâng state lên trên)
01:04:20
237. 👉 Phần 15
238. [15-01] Toán tử spread và sao chép dữ liệu
46:29
239. [15-02] Ứng dụng thực tế sao chép dữ liệu
43:36
240. [15-03] el và TypeScript
12:00
241. [15-04] Cuộn vô hạn
26:07
242. [15-05] Toán tử spread và refactoring
36:46
243. [15-06] Toán tử spread và xóa dữ liệu
09:22
244. 👉 Phần 16
245. [16-01] Class Component và this
01:06:41
246. [16-02] Vòng đời của Component
17:59
247. [16-03] Vòng đời component và useEffect
31:55
248. [16-04] useEffect và open-API
20:13
249. 👉 Phần 01
250. [17-01] CORS và PROXY server
25:04
251. [17-02] Cấu trúc Web
30:55
252. [17-03] Backend và DB
01:04:50
253. [17-04] Máy chủ và cổng
27:47
254. [17-05] API Backend
38:35
255. [17-06] Tích hợp API Backend và DB
32:16
256. [17-07] Firebase(BaaS)
39:57
257. 👉 Phần 18
258. [18-01] Quá trình lưu trữ hình ảnh
22:34
259. [18-02] Tải lên hình ảnh
45:50
260. [18-03] useRef và nút hình ảnh
12:32
261. [18-04] Xác thực và đăng ký hình ảnh
33:14
262. [18-05] Đăng bài viết kèm theo hình ảnh
27:35
263. 👉 Phần 19
264. [19-01] Tìm kiếm
33:04
265. [19-02] Debouncing từ khóa tìm kiếm
28:57
266. [19-03] Tô màu từ khóa tìm kiếm
19:10
267. [19-04] Từ khóa tìm kiếm typescript
10:06
268. 👉 Phần 20
269. [20-01] callback / promise / async-await
01:17:28
270. [20-02] Các trường hợp sử dụng callback và bản chất của el, prev
22:14
271. [20-03] Thực thể GraphQL
37:20
272. [20-04] Nguyên lý hoạt động của promise
22:19
273. [20-05] Tạo fetch của riêng mình bằng promise
13:48
274. 👉 Phần 21
275. [21-01] GlobalState (Cache dữ liệu máy chủ và fetchPolicy)
46:06
276. [21-02] Global State (Cache dữ liệu server và update)
16:14
277. [21-03] GlobalState (Cache dữ liệu cục bộ)
25:46
278. 👉 Phần 22
279. [22-01] Đăng nhập
39:29
280. [22-02] Thực hành JWT token
25:14
281. [22-03] Đăng ký thành viên và mã hóa
13:21
282. [22-04] Thực hành đăng nhập
43:15
283. [22-05] Token đăng nhập và làm mới
45:48
284. [22-06] Đăng nhập và kiểm tra token
08:40
285. 👉 Phần 23
286. [23-01] Closure và HOF
26:49
287. [23-02] HOF
23:41
288. [23-03] HOC
31:21
289. [23-04] Kiểu Generic
35:32
290. [23-05] Generic và HOF/HOC
24:28
291. 👉 Phần 24
292. [24-01] Thư viện Form
33:04
293. [24-02] Thư viện xác thực
30:24
294. [24-03] Utility Types
29:09
295. [24-04] Áp dụng Utility Types
33:11
296. 👉 Phần 25
297. [25-01] Component chung
33:18
298. [25-02] Component chung và Base component
35:31
299. [25-03] Component chung và Generic type
23:42
300. [25-04] Thành phần chung và chuyên sâu về kiểu Generic
29:23
301. [25-05] Hiểu về phiên bản thư viện
10:37
302. [25-06] Phát hành npm component chung
49:30
303. [25-07] Triển khai tổ chức npm cho component chung
17:46
304. 👉 Phần 26
305. [26-01] Gia hạn đăng nhập
31:34
306. [26-02] Refresh Token
01:15:28
307. [26-03] Refresh Token và làm mới
41:15
308. [26-04] Promise liên tiếp
19:09
309. 👉 Phần 27
310. [27-01] Quy trình thanh toán
22:23
311. [27-02] PortOne
48:08
312. 👉 Phần 28
313. [28-01] Ngày/Giờ và Trình duyệt
15:40
314. [28-02] Ngày/Giờ và Thực thi Chức năng
04:46
315. [28-03] Ngày/Giờ và Event Loop
19:34
316. [28-04] Microqueue và Microqueue
25:17
317. [28-05] Nguyên lý của microtask queue và await
42:37
318. 👉 Phần 29
319. Bản đồ
29:45
320. [29-02] Bản đồ và SPA
32:29
321. [29-03] Bản đồ và thư viện
05:12
322. 👉 Phần 30
323. [30-01] Trình soạn thảo web và thư viện form
30:16
324. [30-02] Trình soạn thảo web và gửi biểu mẫu
29:33
325. [30-03] Trình soạn thảo web và XSS
30:55
326. [30-04] OWASP Top 10
08:57
327. [30-05] Hydration
11:57
328. [30-06] Hydration Nâng cao
38:41
329. 👉 Phần 31
330. [31-01] Memoization
39:22
331. [31-02] Ứng dụng Memoization
23:13
332. [31-03] Memoization và map
20:36
333. [31-04] Trình duyệt Rendering
44:03
334. [31-05] Cải thiện hiệu suất xem trước hình ảnh
28:26
335. [31-06] Phương thức hình ảnh mới và đăng ký bài viết
16:10
336. [31-07] Tải lên đa tệp và Promise.all
24:33
337. [31-08] Cải thiện hiệu suất tải lên nhiều hình ảnh
31:52
338. [31-09] Cải thiện hiệu suất refetch
41:47
339. [31-10] Cải thiện hiệu suất bookmark/thích/đăng ký
34:06
340. [31-11] Cải thiện hiệu suất truy vấn dữ liệu
25:43
341. [31-12] Cải thiện hiệu suất truy vấn hình ảnh
18:30
342. [31-13] Cải thiện hiệu suất truy vấn tệp
36:00
343. [31-14] Cải thiện hiệu suất Windowing và Infinite Scroll
46:12
344. [31-15] Tổng hợp tối ưu hóa hiệu suất Frontend
12:00
345. 👉 Phần 32
346. [32-01] Bản chất của thanh địa chỉ trình duyệt
31:50
347. [32-02] Open Graph
31:08
348. [32-03] Dynamic Open Graph
01:01:48
349. [32-04] RSC và fetch
34:32
350. [32-05] RSC và Hydration
29:57
351. [32-06] RCC cha và RSC con
14:48
352. [32-07] Tổng hợp RCC và RSC
23:00
353. 👉 Phần 33
354. [33-01] Tổng hợp RCC/RSC để tái cấu trúc form
53:22
355. [33-02] RSC và hướng phát triển của Form hiện đại
25:19
356. [33-03] RSC và hướng phát triển web hiện đại
11:09
357. [33-04] Shallow routing cho việc refactoring tìm kiếm
51:32
358. [33-05] Định tuyến song song (parallel routing) để tái cấu trúc modal
28:04
359. [33-06] Fragment để tái cấu trúc GraphQL
45:42
360. 👉 Phần 34
361. [34-01] Máy chủ proxy backend
35:17
362. 👉 Phần 35
363. [35-01] Mã kiểm thử
35:08
364. [35-02] Kiểm thử UI
23:07
365. [35-03] Kiểm thử chức năng
14:18
366. [35-04] Kiểm thử mô phỏng API
01:08:06
367. [35-05] Kiểm thử E2E
29:33
368. [35-06] Những hiểu lầm về Test Code và TDD
03:11
369. 👉 Phần 36
370. [36-01] Triển khai
40:38
371. [36-02] Triển khai trang web tĩnh
31:34
372. [36-03] Kết nối tên miền
36:42
373. [36-04] Mạng và Khắc phục sự cố
29:24
374. [36-05] SSL và HTTPS
48:38
375. [36-06] Triển khai trang động
01:09:32
376. [36-07] Truy cập tên miền trang động
15:35
377. [36-08] Kết nối Load Balancer với trang động
48:42
378. [36-09] Wireshark và API
08:40
379. [36-10] Docker
01:14:42
380. [36-11] Docker và Port Forwarding
17:25
381. [36-12] Cải thiện hiệu suất Docker build
18:31
382. 🔥 Tải xuống mã nguồn khóa học Web Front-end Bootcamp🔥
383. 🔥 Tải xuống mã tham khảo bài tập Web Front-end Bootcamp 🔥

Phần 4. [Trung cấp·Cao cấp] Bootcamp Ứng dụng Hybrid

61 bài giảng ∙ (24giờ 46phút)

Ngày đăng:

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

Đánh giá

Tất cả

13 đánh giá

5.0

13 đánh giá

JOLO
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
30% đã tham gia
saintjoker04
Đánh giá 6
∙
Đánh giá trung bình 4.5
5
60% đã tham gia
ADK123
Đánh giá 326
∙
Đánh giá trung bình 5.0
5
5% đã tham gia
김주원
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
30% đã tham gia
mh
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
30% đã tham gia

Ưu đãi có thời hạn

297.000 ₫

25%

8.255.901 ₫

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

Hãy khám phá các khóa học khác của giảng viên!

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

코드캠프

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

Intermediate

React, Next.js, cursor

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

코드캠프

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

Beginner

NestJS, Node.js, JavaScript

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

[코드캠프] 강력한 CSS

코드캠프

CSS만 집요하게 모아놓은 강의 보셨나요? 이 강의에서는 총 2가지 프로젝트를 진행하면서, 가장 기본적인 레이아웃 구성부터 반응형까지 구현하게 될 거에요! 자, 이제 준비되셨다면 시작해볼까요?

Basic

HTML/CSS

[코드캠프] 강력한 CSS

코드캠프

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

코드캠프

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

Basic

React, Next.js, expo

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

코드캠프

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

Basic

JavaScript

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

[CSS&JS Master] - 트렌디한 감정기록 일기장 만들기

코드캠프

최신 CSS 프러퍼티와 실무적인 Javascript를 프로젝트를 진행하면서 재밌게 배울 수 있습니다.

Beginner

HTML/CSS, JavaScript, vanilla-javascript

[CSS&JS Master] - 트렌디한 감정기록 일기장 만들기

코드캠프

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

Beginner

React, Next.js, GraphQL

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

[코드캠프] 훈훈한 Javascript

코드캠프

다른 언어도 많은데.. 왜 자바스크립트여야 하냐구요? 자바스크립트는 전세계에서 가장 많이 쓰는 언어로, 비전공자도 빠르게 배울 수 있고 이해하기 쉬운 구조를 가지고 있어요. 게다가 구글, 페이팔, 아마존 등 유명 기업들도 활용하고 있다니! 더 이상의 고민이 필요한가요?

Beginner

JavaScript

[코드캠프] 훈훈한 Javascript

코드캠프

[코드캠프] 시작은 프리캠프

코드캠프

코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

Beginner

HTML/CSS, JavaScript

[코드캠프] 시작은 프리캠프

코드캠프

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!

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

Beginner

React, Next.js, GraphQL

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

Next.js와 Tailwind CSS를 활용한 프론트엔드 입문 강의입니다. 백엔드 없이 정적 배포까지 완료하며, 초보자도 완성의 성취감을 느낄 수 있도록 설계되었습니다

Beginner

Next.js, TailwindCSS, aws-s3

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편

이정환 Winterlood

이제는 실전에 도전할 차례입니다 🔥 React.js + TypeScript + Supabase로 실무급 SNS를 함께 개발해보며 인증&인가, 무한스크롤, 이미지 업로드, 좋아요, 무한 중첩 댓글, 다크모드 등의 기능을 만들어 봅니다. 이 과정에서 Zustand와 Tanstack Query를 이용한 서버 및 전역 상태 관리 기법도 살펴볼 예정입니다.

Intermediate

supabase, zustand, react-query

한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편

이정환 Winterlood

프론트엔드 마스터클래스

한상훈

웹 개발 최소 1년 이상의 학생 및 실무자들을 위한 고급 프론트엔드 강좌입니다. 가장 좋은 대상은 현업에서 2~3년 이상의 경험을 하고, 실력의 정체기 또는 대형 기업에서 고려해야하는 제품 구조에 대해 배우고 싶은 분들을 위해 만들어졌습니다.

Intermediate

JavaScript, React, 함수형 프로그래밍

프론트엔드 마스터클래스

한상훈

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

Intermediate

React, AWS, GraphQL

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

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

Basic

React, Electron, GUI

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)

Intermediate

React, TypeScript, Spring Boot

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

Intermediate

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

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

코드캠프

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

Basic

React, Next.js, expo

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

코드캠프

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

Intermediate

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

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

코드캠프

Intermediate

React, Next.js, cursor

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

코드캠프

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

Intermediate

AWS, Docker, Next.js

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

AI는 이제 선택이 아닌 생존의 문제입니다. 3일 걸리던 개발을 30분으로 단축하고, 반복 업무는 AI에게 맡기고 당신은 더 중요한 문제 해결에 집중하세요. 이론이 아닌 실무에서 바로 써먹는 AI 네이티브 개발법으로, 회사에서 "AI 잘하는 개발자"로 인정받는 확실한 방법을 알려드립니다.

Basic

Spring Boot, Next.js, 인공지능(AI)

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

Beginner

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

Beginner

React, Next.js, cursor

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

Indie Coder

차세대 API 제어 기술인 GraphQL의 기본과 고급 사용법 그리고 GraphQL로 만들어 가는 가상의 키오스크 서비스를 통해서 실제 프로젝트 경험을 학습하게 됩니다. 강좌는 2024년 2월 기준 가장 최신 버전인 apollo-server v4로 강좌를 부분 업데이트 했습니다.

Basic

GraphQL, Svelte, MongoDB

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

Indie Coder

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

Basic

React, Java, AWS

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

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

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 바이브 코딩 with MCP & Gemini CLI

코드브릿지

요즘 핫한 바이브 코딩! AI 도구를 활용하여 딸깍! 클릭만으로 웹사이트(Next.js)를 개발하고 배포하는 방법을 배울 수 있습니다.

Beginner

Next.js, AI 활용 (AX), 바이브코딩

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 바이브 코딩 with MCP & Gemini CLI

코드브릿지

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

Basic

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

[Code Camp] Khóa học Frontend 'Hoàn hảo' được tạo ra tại Bootcamp

Bạn sẽ nhận được điều này sau khi học.

'Khóa học Frontend hoàn hảođược tạo ra từ bootcamp 'thực thụ'

Bắt đầu với Precamp

CSS&JS Master🆕

Bootcamp Phát triển Web Frontend 🆕

Bootcamp Ứng dụng Hybrid🆕

Khóa học này hoàn hảo chonhững ai đang tìm kiếm điều này

Để có bước nhảy vọt trong sự nghiệp cao hơnchúng tôi cung cấp tài liệu học tập và bài tập của bootcamp

Hoàn thành portfolio của bạnbằng code do chính tay bạn viết.

Bắt đầu từ Free Camp

CSS&JS Master

Bootcamp Phát triển Web Frontend

Bootcamp Ứng dụng Hybrid

Công nghệ cốt lõi của FrontendTại sao chúng ta nên sử dụng React.js và Next.js?

Hơn nữa, chỉ với một khóa học Full-stackcó thể nắm được nhiều công nghệ như vậy cùng một lúc!

Chương trình đào tạo Frontend Bootcamp 'vượt ranh giới'không bỏ sót một kẽ hở nào

#01. React và Next.js

#02. JS và Bất đồng bộ cốt lõi

#03. Thiết kế Component

#04. Bộ nhớ đệm (Cache)

#05. Đăng nhập và Bảo mật

#06. Tính năng nâng cao

#07. Tối ưu hóa hiệu suất

#08. Máy chủ Frontend

#09. Kiểm thử

#10. Triển khai Web

# 01. Cấu trúc CSS cho Mobile

#02. Giao tiếp Web/App

#03. Tính năng nâng cao

#04. Micro Frontend

#05. Đăng nhập ứng dụng

#06. Triển khai ứng dụng

[Khóa học Frontend hoàn hảo]Sau khi học xong, tôi cũng là developer!

Để có bước nhảy vọt cao hơn trong sự nghiệpchúng tôi cũng đã chuẩn bị khóa học [Vibe Coding] ứng dụng thực tế.

Khóa học liên quan được đề xuất:

Chờ đã!Vui lòng kiểm tra trước khi học.

Bạn cócâu hỏi nào không?

Hỏi: Tôi có thể học khóa này mà không cần bất kỳ kiến thức nào không?

Câu hỏi: Nếu đã có kiến thức cơ bản thì nên bắt đầu học từ đâu?

Câu hỏi: Có cách nào để học khóa học bootcamp phát triển web frontend một cách hiệu quả không?

Hỏi: Chương trình giảng dạy theo bậc thang là gì?

Q. Tôi có thắc mắc trong quá trình học.

Giới thiệu vềTeam Codecamp.

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 codecamp

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

'Khóa học Frontend hoàn hảo
được tạo ra từ bootcamp 'thực thụ'

Khóa học này hoàn hảo cho
những ai đang tìm kiếm điều này

Để có bước nhảy vọt trong sự nghiệp cao hơn
chúng tôi cung cấp tài liệu học tập và bài tập của bootcamp

Hoàn thành portfolio của bạn
bằng code do chính tay bạn viết.

Công nghệ cốt lõi của Frontend
Tại sao chúng ta nên sử dụng React.js và Next.js?

Hơn nữa, chỉ với một khóa học Full-stack
có thể nắm được nhiều công nghệ như vậy cùng một lúc!

Chương trình đào tạo Frontend Bootcamp 'vượt ranh giới'
không bỏ sót một kẽ hở nào

[Khóa học Frontend hoàn hảo]
Sau khi học xong, tôi cũng là developer!

Để có bước nhảy vọt cao hơn trong sự nghiệp
chúng tôi cũng đã chuẩn bị khóa học [Vibe Coding] ứng dụng thực tế.

Chờ đã!
Vui lòng kiểm tra trước khi học.

Bạn có
câu hỏi nào không?

Giới thiệu về
Team Codecamp.

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

Xin chào
Đây là