BEST

[CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp

Name: [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp
Price: 396000 KRW

Đây là lộ trình học Frontend hoàn hảo từ một boot camp "thực thụ" đã đào tạo ra 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 độ của một lập trình viên Junior đang làm việc thực tế, đồng thời có được khả năng ứng dụng và kiến thức về các kỹ năng Frontend. [Code Camp] đã chuẩn bị để bất kỳ ai cũng có thể xây dựng sự nghiệp, bất kể nền tảng xã hội, kinh tế hay giáo dục :)

(5.0) 11 đánh giá

404 học viên

이론 실습 모두

코드캠프

코딩독학

React

Next.js

GraphQL

React Native

Hybrid App

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

Lớp học [CSS & Javascript] thân thiện, chuẩn bị cho khóa học nâng cao
[Giao diện người dùng web] sử dụng các kỹ thuật và công nghệ mới nhất
[Frontend Ứng dụng Hybrid] để nâng cao năng lực thực tế
Danh mục đầu tư mini 2 cái, danh mục đầu tư thực tế 2 cái
Hiểu biết hoàn hảo về toàn bộ vòng đời phát triển

Được thực hiện trong một trại huấn luyện 'thực sự'
[Khóa học Front-End hoàn chỉnh]

"Tôi thậm chí còn không biết gì về lập trình... Liệu tôi có bao giờ có thể xin được việc làm lập trình viên không?" Hãy gạt những lo lắng đó sang một bên ngay bây giờ.
Khóa học này bắt đầu với nền tảng vững chắc để ngay cả những người mới bắt đầu cũng có thể phát triển lên trình độ lập trình viên chuyên nghiệp!

'Khóa học Front-End tập trung cao độ' được hơn 2.000 học viên lựa chọn cả trực tuyến và ngoại tuyến.
Chúng tôi trở lại với bản cập nhật mạnh mẽ hơn, 'Khóa học Front-End hoàn hảo' 😀

Với mã tôi tự tay điền vào
Hoàn thiện hồ sơ của bạn.

"Perfect Frontend" được thiết kế với chương trình giảng dạy cho phép bạn hoàn thành một dự án cho mỗi khóa học, giúp bạn tập trung vào sự phát triển của bản thân. Bằng cách theo dõi các bài giảng và tạo ra các dự án thực tế thông qua chương trình giảng dạy từng bước, dễ tiếp cận với tất cả mọi người, bạn sẽ không chỉ cảm thấy tự hào về thành tựu mà còn cải thiện kỹ năng của mình.

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

Next.js là một framework cho thư viện React . Không giống như React, Next.js mặc định sử dụng render phía máy chủ (SSR), lý tưởng cho việc tối ưu hóa công cụ tìm kiếm (SEO) . Nó cũng cho phép render trước, cho phép các trang được tải với dữ liệu render trước , cải thiện trải nghiệm người dùng.

Ngoài ra , nó còn cung cấp tính năng định tuyến dựa trên trang, tối ưu hóa hình ảnh, CSS tích hợp, v.v. để cải thiện hiệu suất dự án và cung cấp môi trường phát triển thuận tiện cho các nhà phát triển, để bạn có thể phát triển hiệu quả và với hiệu suất cao :)

Cuối cùng, đây là thời đại của ứng dụng lai!
Dựa trên React và Next, bạn có thể phát triển các ứng dụng lai 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 các dịch vụ cho Android và iOS .

Ngoài ra, một trong những bài giảng Wanp
Nhận được nhiều ngăn xếp này cùng một lúc!

Trong khóa học này, bạn sẽ được học thông qua các dự án sử dụng nhiều nền tảng công nghệ chính, bao gồm React và Next.js, cũng như TypeScript và GraphQL. Bạn sẽ học cách sử dụng các ngôn ngữ này một cách tự nhiên để triển khai một hàm duy nhất, từ đó tự nhiên hiểu sâu hơn về các nền tảng công nghệ khác nhau.

Trong thực tế, bạn cần có khả năng sử dụng nhiều ngôn ngữ và công nghệ khác nhau một cách phù hợp để đạt hiệu quả tối đa!

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

 - "tiếp theo" : "14.2.13" ,
- "phản ứng" : "^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" ,

Đừng lo lắng nếu bạn không hiểu "Phiên bản" và công nghệ tương ứng. Tôi sẽ giải thích kỹ lưỡng và hữu ích trong bài giảng :)

`Các khóa học liên quan được đề xuất:`

Nếu bạn đã học được công nghệ front-end mới nhất và chu trình phát triển bằng cách sử dụng API thực hành, hãy tìm hiểu thêm về back-end, tập trung vào Node.js và Nest. Chúng tôi sẽ hướng dẫn bạn cách tạo API cần thiết, cách xử lý dữ liệu và mọi thứ khác về phần phụ trợ, bao gồm tìm kiếm, thanh toán và phân phối. Hoàn thành khóa học back-end và thăng tiến trong sự nghiệp với tư cách là một lập trình viên full-stack 🚀

💡 Vui lòng kiểm tra thông số kỹ thuật máy tính của bạn .

 · Thông số kỹ thuật của Mac OS không liên quan.  
· Nếu bạn đang sử dụng hệ điều hành Windows, bạn cần cài đặt git-bash. 
 - Vui lòng tham khảo Tài liệu lớp học > Cài đặt môi trường.  
 - Intel Core i5 thế hệ thứ 9 trở lên / AMD RYZEN 5 thế hệ thứ 2 trở lên 

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

💡 Tôi khuyên bạn nên lập một lịch trình và học tập thường xuyên và liên tục . 💡 Vui lòng tạo tài khoản cho công cụ cộng tác ‘Notion’ để 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 được cung cấp thông qua Notion (liên kết) . ※ Bản quyền tài liệu học tập thuộc về CodeCamp. Nghiêm cấm sử dụng, phân phối hoặc sao chép trái phép.

`H. Tôi có thể tham gia khóa học mà không cần biết gì không?`

Đúng. Không sao nếu bạn không biết phần 'mã' của mã hóa. Để giúp bạn hiểu sâu hơn và rộng hơn, chúng tôi cung cấp 'Bắt đầu với trại hè miễn phí' , khóa học dành cho người mới bắt đầu, và 'Khóa học nâng cao CSS&JS', khóa học trung cấp để tham gia trại hè.

`H. Nếu tôi có kiến thức cơ bản, tôi nên bắt đầu học khóa học từ đâu?`

Nếu bạn chỉ hiểu cơ bản về HTML, CSS và Javascript, tôi khuyên bạn nên bắt đầu với 'Khóa học nâng cao về CSS&JS '. Nếu bạn nắm vững kiến thức về CSS và Javascript thông qua chương trình giáo dục do chính phủ tài trợ hoặc chương trình giáo dục trực tuyến khác, bạn có thể bắt đầu với 'Web Front-End Bootcamp' .

`H. Có cách nào hiệu quả để tham gia khóa học Web Front-End Bootcamp không?`

Vui lòng học bài giảng theo từng phần! Trung bình, mỗi phần được chia thành 3 đến 5 chủ đề phụ. Vì đây là lớp học có hệ thống nên tôi khuyên bạn nên lập thời gian biểu và học thường xuyên!
Nếu bạn có bài tập nào cần học, hãy hoàn thành nhé! Các nhiệm vụ 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. Sẽ hữu ích hơn nếu bạn làm một số bài tập học tập trước khi làm bài tập về danh mục đầu tư!
Hãy hoàn thành bài tập bắt buộc (bài tập danh mục đầu tư)! 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ắt buộc để tạo nên một danh mục đầu tư! Tuy nhiên, mã tham chiếu chỉ được cung cấp đến phần giữa! Xin lưu ý rằng từ đó trở đi bạn sẽ phải tự viết toàn bộ mã để sử dụng nó như một danh mục đầu tư thực sự.

`H. Chương trình giảng dạy theo từng bước là gì?`

Chương trình giảng dạy của Perfect Front-End có cấu trúc bài giảng liên tục và kéo dài ! Ví dụ, để lấy [Phần 26-02 Mã thông báo làm mới], hãy sao chép mã được viết trong [Phần 23-07] và tiếp tục lớp học. Điều đó có nghĩa là bạn phải lấy [Phần 23-07] và viết mã, đồng thời xem lại để biết mã là gì, đúng không? Đừng lo lắng nếu bạn muốn bỏ qua một số phần nhất định và chọn những phần mà bạn tò mò! Mã lớp của người hướng dẫn được cung cấp để bạn có thể tải xuống riêng! Tuy nhiên, hãy nhớ rằng nếu bạn tải xuống mã thay vì tự viết mã trong lớp học, bạn sẽ cần phải hiểu mã để có thể theo dõi!

`H. Tôi có một câu hỏi trong lớp học.`

Hãy để lại câu hỏi của bạn trong cộng đồng. Tôi sẽ trả lời bạn sớm nhất có thể 😁

`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 hướng với một chương trình giảng dạy chuyên nghiệp
Bất kỳ ai cảm thấy thiếu sót từ các khóa học do chính phủ tài trợ 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 các bài tập đầy đủ.
Lập trình viên mới vào nghề mà người hướng dẫn mong muốn
Sinh viên mới tốt nghiệp muốn xây dựng một danh mục đầu tư phù hợp với xu hướng

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

Niềm đam mê và ý chí mạnh mẽ đối với việc lập trình 💪🏻

`Xin chào Đây là`

15,255

Học viên

429

Đánh giá

222

Trả lời

4.8

Xếp hạng

14

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


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ện19:53
21. [05-03] Vòng lặp22:18
22. [05-04] Đối tượng toán học06:43
23. [05-05] DOM10:41
24. [05-06] Tạo Cyworld phần 327: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àm14:20
28. [06-03] Hàm tích hợp sẵn24:08
29. [06-04] Tạo Cyworld phần 423: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ợp10:59
32. [07-02] Phát hiện thay đổi sự kiện16:04
33. [07-03] Tạo Cyworld phần 543: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/Github22:01


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 đối09:20
66. [CSS 03-1-2] Position - Vị trí tương đối08:19
67. [CSS 03-1-3] Position - Vị trí trên màn hình07:05
68. [CSS 03-2-1] Cuộn - Tạo cuộn17:24
69. [CSS 03-2-2] Cuộn - Cố định header khi cuộn06:28
70. [CSS 03-2-3] Cuộn - Làm mờ nền header khi cuộn04:38
71. [JS 03-1-1] Cuộn - Cuộn17: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 trang19:42
74. [JS 03-2-1] Event Bubbling - 118:36
75. [JS 03-2-2] Event Bubbling - 213:55
76. [JS 03-2-3] Event Bubbling - Event Capturing12:04
77. 👉 Phần 04
78. [CSS 04-1-1] Thiết kế responsive - Thiết kế responsive10:00
79. [CSS 04-1-2] Thiết kế responsive - Media query18:19
80. [CSS 04-1-3] Thiết kế responsive - Nâng cao khả năng bảo trì với rem12:48
81. [CSS 04-2-1] Kết hợp responsive và grid - Căn chỉnh lưới15:36
82. [CSS 04-2-2] Kết hợp responsive và grid - So sánh flexbox và grid13:10
83. [CSS 04-2-3] Kết hợp responsive và grid - Hỗn hợp flexbox và grid11: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 động09:41
88. [JS 04-2-2] Phát hiện thiết bị di động - Pinch zoom in/out trên mobile13:30
89. [JS 04-2-3] Phát hiện thiết bị di động - Bàn phím ảo trên di động11:03
90. 👉 Phần 05
91. [CSS 05-1-1] Ngữ cảnh xếp chồng và Z-Index - z-index09:20
92. [CSS 05-1-2] Ngữ cảnh xếp chồng và Z-Index - Ngữ cảnh xếp chồng17:42
93. [CSS 05-1-3] Ngữ cảnh xếp chồng và Z-Index - Refactoring20:32
94. [CSS 05-2-1] Modal và Modal lồng nhau - Tạo nền Modal09:05
95. [CSS 05-2-2] Modal và Modal lồng nhau - Tạo các item modal16:00
96. [CSS 05-2-3] Modal và Modal lồng nhau - Tạo Modal lồng nhau16:43
97. [JS 05-1-1] Phát hiện bàn phím - Phát hiện bàn phím25:53
98. [JS 05-1-2] Phát hiện bàn phím - Bàn phím và ô nhập liệu08: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 form13:37
100. [JS 05-2-1] API trình duyệt - API và Web API12:56
101. [JS 05-2-2] API Trình duyệt - Navigator31:00
102. [JS 05-2-3] API trình duyệt - Timer23: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 ảnh08:09
105. [CSS 06-1-2] Căn chỉnh hình ảnh và tỷ lệ - Thay đổi tỷ lệ hình ảnh09: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ào12: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 sau16:31
110. [JS 06-1-1] Open API - Câu18:33
111. [JS 06-1-2] Open API - Hình ảnh15:23
112. [JS 06-1-3] Open API - Ứng dụng hình ảnh10:23
113. [JS 06-2-1] Di chuyển menu - Sao chép trang để di chuyển menu15:23
114. [JS 06-2-2] Di chuyển menu - iframe để di chuyển menu15:32
115. [JS 06-2-3] Di chuyển menu - Component để di chuyển menu12:25
116. 👉 Phần 07
117. [CSS 07-1-1] UI nâng cao - thay đổi màu accent07:59
118. [CSS 07-1-2] UI Nâng cao - Toggle Tùy chỉnh23:24
119. [CSS 07-1-3] UI nâng cao - Dropdown tùy chỉnh41:30
120. [CSS 07-2-1] Chế độ tối - Chế độ tối10:41
121. [CSS 07-2-2] Chế độ tối - Chế độ tối và các thẻ đa dạng08:11
122. [CSS 07-2-3] Chế độ tối - Chế độ tối và biến toàn cục CSS11:36
123. [JS 07-1-1] Tìm kiếm và Debouncing - Tìm kiếm14:23
124. [JS 07-1-2] Tìm kiếm và Debouncing - Debouncing13:05
125. [JS 07-1-3] Tìm kiếm và Debouncing - Debouncing và API11:41
126. [JS 07-2-1] Cuộn vô hạn và Throttling - Cuộn vô hạn20:26
127. [JS 07-2-2] Cuộn vô hạn và Throttling - Throttling20:57
128. [JS 07-2-3] Cuộn vô hạn và Throttling - Throttling và API09:25
129. 👉 Phần 08
130. [CSS 08-1-1] Lịch - Lịch tùy chỉnh - Vùng nhấp chuột10:56
131. [CSS 08-1-2] Lịch - Lịch tùy chỉnh - Placeholder15:18
132. [CSS 08-1-3] Lịch - Lựa chọn và xác thực09:50
133. [CSS 08-2-1] Gradient - Linear Gradient14:06
134. [CSS 08-2-2] Gradient - Gradient hình tròn06:03
135. [CSS 08-2-3] Gradient - Text Gradient12:26
136. [JS 08-1-1] Số trang - Phân trang16:48
137. [JS 08-1-2] Số trang phân trang - Số trang trước/tiếp theo13:06
138. [JS 08-1-3] Số trang phân trang - Số trang cuối cùng21:31
139. [JS 08-2-1] Danh sách phân trang - Ví dụ danh sách trang được nhấp12:25
140. [JS 08-2-2] Danh sách phân trang - Danh sách trang được nhấp13:05
141. [JS 08-2-3] Danh sách phân trang - Hiển thị trang được nhấp đang hoạt động14:21
142. 👉 Phần 09
143. [CSS 09-1-1] Cross-browsing - Lập trình HTML, CSS trong Notepad11:59
144. [CSS 09-1-2] Cross-browsing - Cross-browsing19:58
145. [CSS 09-1-3] Cross-browsing - Phiên bản trình duyệt và CAN-I-USE, MDN22:16
146. [CSS 09-2-1] Font - Font08:03
147. [CSS 09-2-2] Font - Font và Loading22:25
148. [CSS 09-2-3] Font - Font và Cross Browsing10:58
149. [JS 09-1-1] Cross-browsing - Lập trình HTML, CSS trong Notepad10:57
150. [JS 09-1-2] Cross-browsing - Vấn đề Cross-browsing14:33
151. [JS 09-1-3] Cross-browsing - Phiên bản trình duyệt và CAN-I-USE, MDN23: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 web07: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 web10:05
155. 👉 Phần 10
156. [CSS 10-1-1] Thư viện - Bootstrap10:31
157. [CSS 10-1-2] Thư viện - Thiết kế Material05:21
158. [CSS 10-1-3] Thư viện - Tailwind CSS16:12
159. [CSS 10-2-1] Xu hướng và định hướng - Giai đoạn 127:03
160. [CSS 10-2-2] Xu hướng và định hướng - Giai đoạn 214:40
161. [CSS 10-2-3] Xu hướng và định hướng - Giai đoạn 312:07
162. [JS 10-1-1] Thư viện - Cuộn toàn trang09:26
163. [JS 10-1-2] Thư viện - Trình soạn thảo web16: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 116:46
166. [JS 10-2-2] Xu hướng và định hướng - Giai đoạn 219:25
167. [JS 10-2-3] Xu hướng và định hướng - Giai đoạn 316: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🔥


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 setState52:08
182. [02-05] Những thứ biểu thị sự giả dối (False)14:26
183. 👉 Phần 03
184. [03-01] TypeScript41:40
185. [03-02] Kiểu dữ liệu cơ bản54:21
186. [03-03] Linter và Formatter43:22
187. 👉 Phần 04
188. [04-01] Thế giới Next46:49
189. [04-02] Chuyển đến trang Next21:10
190. [04-03] CSS-Module37: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ệu50:24
194. [05-02] Thực hành truyền thông dữ liệu01:25:13
195. 👉 Phần 06
196. [06-01] Đồng bộ/Bất đồng bộ36:35
197. [06-02] Thiết lập GraphQL12:24
198. [06-03] Đăng bài viết và giải quyết lỗi mạng31:21
199. [06-04] Thực hành đăng bài viết54:00
200. 👉 Phần 07
201. [07-01] Định tuyến tĩnh15:57
202. [07-02] Cơ bản về xem bài viết48:40
203. [07-03] Luyện tập xem bài viết49:58
204. 👉 Phần 08
205. [08-01] Vòng lặp map26:01
206. [08-02] Lưu ý khi sử dụng map47:28
207. [08-03] Destructuring Assignment và Custom Hook01:04:19
208. 👉 Phần 09
209. [09-01] Chỉnh sửa bài viết39:36
210. [09-02] Chỉnh sửa bài đăng nâng cao01: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ết01:19:53
213. [09-05] Bổ sung loại chỉnh sửa bài đăng28:27
214. 👉 Phần 10
215. [10-01] Loại API37:41
216. 👉 Phần 11
217. [11-01] Truyền tải sự kiện và Bubbling20:36
218. [11-02] Truyền bá sự kiện và ngắt57:34
219. 👉 Phần 12
220. [12-01] Thư viện và Framework01:03:07
221. [12-02] Thực hành UI Framework - Đánh giá sao35:14
222. [12-03] Thực hành UI Framework - Carousel26:09
223. [12-04] Thư viện - Modal mã bưu điện56: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àn18:36
227. 👉 Phần 13
228. [13-01] trẻ em36:38
229. [13-02] children TypeScript12:37
230. [13-03] Bố cục38:41
231. [13-04] Ẩn layout15:28
232. [13-05] Tổng hợp và thiết lập component10:30
233. 👉 Phần 14
234. [14-01] Cơ bản về Phân trang41:50
235. [14-02] Phân trang trang trước/tiếp theo/cuối cùng46: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ệu46:29
239. [15-02] Ứng dụng thực tế sao chép dữ liệu43:36
240. [15-03] el và TypeScript12:00
241. [15-04] Cuộn vô hạn26:07
242. [15-05] Toán tử spread và refactoring36:46
243. [15-06] Toán tử spread và xóa dữ liệu09:22
244. 👉 Phần 16
245. [16-01] Class Component và this01:06:41
246. [16-02] Vòng đời của Component17:59
247. [16-03] Vòng đời component và useEffect31:55
248. [16-04] useEffect và open-API20:13
249. 👉 Phần 01
250. [17-01] CORS và PROXY server25:04
251. [17-02] Cấu trúc Web30:55
252. [17-03] Backend và DB01:04:50
253. [17-04] Máy chủ và cổng27:47
254. [17-05] API Backend38:35
255. [17-06] Tích hợp API Backend và DB32:16
256. [17-07] Firebase(BaaS)39:57
257. 👉 Phần 18
258. [18-01] Quá trình lưu trữ hình ảnh22:34
259. [18-02] Tải lên hình ảnh45:50
260. [18-03] useRef và nút hình ảnh12:32
261. [18-04] Xác thực và đăng ký hình ảnh33:14
262. [18-05] Đăng bài viết kèm theo hình ảnh27:35
263. 👉 Phần 19
264. [19-01] Tìm kiếm33:04
265. [19-02] Debouncing từ khóa tìm kiếm28:57
266. [19-03] Tô màu từ khóa tìm kiếm19:10
267. [19-04] Từ khóa tìm kiếm typescript10:06
268. 👉 Phần 20
269. [20-01] callback / promise / async-await01:17:28
270. [20-02] Các trường hợp sử dụng callback và bản chất của el, prev22:14
271. [20-03] Thực thể GraphQL37:20
272. [20-04] Nguyên lý hoạt động của promise22:19
273. [20-05] Tạo fetch của riêng mình bằng promise13: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ập39:29
280. [22-02] Thực hành JWT token25:14
281. [22-03] Đăng ký thành viên và mã hóa13:21
282. [22-04] Thực hành đăng nhập43:15
283. [22-05] Token đăng nhập và làm mới45:48
284. [22-06] Đăng nhập và kiểm tra token08:40
285. 👉 Phần 23
286. [23-01] Closure và HOF26:49
287. [23-02] HOF23:41
288. [23-03] HOC31:21
289. [23-04] Kiểu Generic35:32
290. [23-05] Generic và HOF/HOC24:28
291. 👉 Phần 24
292. [24-01] Thư viện Form33:04
293. [24-02] Thư viện xác thực30:24
294. [24-03] Utility Types29:09
295. [24-04] Áp dụng Utility Types33:11
296. 👉 Phần 25
297. [25-01] Component chung33:18
298. [25-02] Component chung và Base component35:31
299. [25-03] Component chung và Generic type23:42
300. [25-04] Thành phần chung và chuyên sâu về kiểu Generic29:23
301. [25-05] Hiểu về phiên bản thư viện10:37
302. [25-06] Phát hành npm component chung49:30
303. [25-07] Triển khai tổ chức npm cho component chung17:46
304. 👉 Phần 26
305. [26-01] Gia hạn đăng nhập31:34
306. [26-02] Refresh Token01:15:28
307. [26-03] Refresh Token và làm mới41:15
308. [26-04] Promise liên tiếp19:09
309. 👉 Phần 27
310. [27-01] Quy trình thanh toán22:23
311. [27-02] PortOne48:08
312. 👉 Phần 28
313. [28-01] Ngày/Giờ và Trình duyệt15:40
314. [28-02] Ngày/Giờ và Thực thi Chức năng04:46
315. [28-03] Ngày/Giờ và Event Loop19:34
316. [28-04] Microqueue và Microqueue25:17
317. [28-05] Nguyên lý của microtask queue và await42:37
318. 👉 Phần 29
319. Bản đồ29:45
320. [29-02] Bản đồ và SPA32:29
321. [29-03] Bản đồ và thư viện05:12
322. 👉 Phần 30
323. [30-01] Trình soạn thảo web và thư viện form30:16
324. [30-02] Trình soạn thảo web và gửi biểu mẫu29:33
325. [30-03] Trình soạn thảo web và XSS30:55
326. [30-04] OWASP Top 1008:57
327. [30-05] Hydration11:57
328. [30-06] Hydration Nâng cao38:41
329. 👉 Phần 31
330. [31-01] Memoization39:22
331. [31-02] Ứng dụng Memoization23:13
332. [31-03] Memoization và map20:36
333. [31-04] Trình duyệt Rendering44:03
334. [31-05] Cải thiện hiệu suất xem trước hình ảnh28:26
335. [31-06] Phương thức hình ảnh mới và đăng ký bài viết16:10
336. [31-07] Tải lên đa tệp và Promise.all24:33
337. [31-08] Cải thiện hiệu suất tải lên nhiều hình ảnh31:52
338. [31-09] Cải thiện hiệu suất refetch41: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ệu25:43
341. [31-12] Cải thiện hiệu suất truy vấn hình ảnh18:30
342. [31-13] Cải thiện hiệu suất truy vấn tệp36:00
343. [31-14] Cải thiện hiệu suất Windowing và Infinite Scroll46:12
344. [31-15] Tổng hợp tối ưu hóa hiệu suất Frontend12:00
345. 👉 Phần 32
346. [32-01] Bản chất của thanh địa chỉ trình duyệt31:50
347. [32-02] Open Graph31:08
348. [32-03] Dynamic Open Graph01:01:48
349. [32-04] RSC và fetch34:32
350. [32-05] RSC và Hydration29:57
351. [32-06] RCC cha và RSC con14:48
352. [32-07] Tổng hợp RCC và RSC23:00
353. 👉 Phần 33
354. [33-01] Tổng hợp RCC/RSC để tái cấu trúc form53:22
355. [33-02] RSC và hướng phát triển của Form hiện đại25:19
356. [33-03] RSC và hướng phát triển web hiện đại11:09
357. [33-04] Shallow routing cho việc refactoring tìm kiếm51:32
358. [33-05] Định tuyến song song (parallel routing) để tái cấu trúc modal28:04
359. [33-06] Fragment để tái cấu trúc GraphQL45:42
360. 👉 Phần 34
361. [34-01] Máy chủ proxy backend35:17
362. 👉 Phần 35
363. [35-01] Mã kiểm thử35:08
364. [35-02] Kiểm thử UI23:07
365. [35-03] Kiểm thử chức năng14:18
366. [35-04] Kiểm thử mô phỏng API01:08:06
367. [35-05] Kiểm thử E2E29:33
368. [35-06] Những hiểu lầm về Test Code và TDD03:11
369. 👉 Phần 36
370. [36-01] Triển khai40:38
371. [36-02] Triển khai trang web tĩnh31:34
372. [36-03] Kết nối tên miền36:42
373. [36-04] Mạng và Khắc phục sự cố29:24
374. [36-05] SSL và HTTPS48:38
375. [36-06] Triển khai trang động01:09:32
376. [36-07] Truy cập tên miền trang động15:35
377. [36-08] Kết nối Load Balancer với trang động48:42
378. [36-09] Wireshark và API08:40
379. [36-10] Docker01:14:42
380. [36-11] Docker và Port Forwarding17:25
381. [36-12] Cải thiện hiệu suất Docker build18: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 🔥


384. Hybrid-App Bootcamp OT11:30
385. 👉 Phần 01
386. [01-01] Cross-platform và Hybrid App04:08
387. [01-02] React Native và Expo17:02
388. [01-03] Emulator và Simulator40:53
389. [01-04] Các thẻ React Native37:42
390. [01-05] WebView13:37
391. [01-06] Tích hợp Webview và Next19:05
392. [01-07] Kết nối webview thất bại19:47
393. 👉 Phần 02
394. [02-01] Thiết kế UI di động và ưu điểm của ứng dụng hybrid04:54
395. [02-02] Tăng tỷ lệ UI di động36:52
396. [02-03] Header bố cục di động37:34
397. [02-04] Header cục bộ48:53
398. [02-05] Tùy chọn header nâng cao33:29
399. [02-06] Bố cục footer trên mobile27:49
400. 👉 Phần 03
401. [03-01] Debug WebView44:32
402. [03-02] Truyền dữ liệu giữa thiết bị và webview-119:03
403. [03-03] Truyền dữ liệu giữa thiết bị và webview-218:19
404. [03-04] API Thiết bị36:04
405. [03-05] API Thiết bị Nâng cao41:22
406. [03-06] Tái cấu trúc API thiết bị44:29
407. 👉 Phần 04
408. [04-01] API thông tin hệ thống thiết bị48:22
409. [04-02] API thông tin vị trí thiết bị33:05
410. [04-03] Tái cấu trúc tra cứu đối tượng API thiết bị43:55
411. 👉 Phần 05
412. [05-01] Quy trình thông báo07:44
413. [05-02] Thông báo lịch trình52:14
414. [05-03] Nhấp vào thông báo32:30
415. 👉 Phần 06
416. [06-01] Cài đặt quyền ứng dụng43:39
417. [06-02] Phát hiện trạng thái ứng dụng37:58
418. 👉 Phần 07
419. [07-01] Xem ảnh gốc46:42
420. [07-02] Pinch Zoom27:54
421. 👉 Phần 08
422. [08-01] Nút back của Android27:25
423. [08-02] useEffect và rò rỉ bộ nhớ21:03
424. [08-03] useEffect và Custom Hook16:33
425. [08-04] Refactoring nút back Android và rò rỉ bộ nhớ53:39
426. 👉 Phần 09
427. [09-01] Hoạt ảnh chuyển trang56:03
428. [09-02] Hoạt ảnh chuyển trang (quay lại)33:35
429. 👉 Phần 10
430. [10-01] Đăng nhập ứng dụng10:42
431. [10-02] Thực hành đăng nhập ứng dụng01:02:06
432. [10-03] Đánh cắp token đăng nhập ứng dụng07:23
433. [10-04] Thực hành đánh cắp token đăng nhập ứng dụng28:33
434. 👉 Phần 11
435. [11-01] Kéo để làm mới (pull-to-refresh)55:26
436. 👉 Phần 12
437. [12-01] Micro Frontend16:33
438. [12-02] Thực hành Micro Frontend (Web)01:11:33
439. [12-03] Thực hành Microfrontend (Kết nối ứng dụng)44:01
440. 👉 Phần 13
441. [13-01] Triển khai ứng dụng hybrid12:42
442. [13-02] Triển khai ứng dụng hybrid và EAS08:19
443. [13-03] Thực hành triển khai test ứng dụng hybrid30:04
444. 🔥 Tải xuống mã nguồn & PPT bài giảng HybridApp Bootcamp🔥

Ngày đăng:

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

`Đánh giá`

Tất cả

11 đánh giá

5.0

11 đánh giá

abcd123123Đánh giá 194 ∙ Đánh giá trung bình 5.0
5
5% đã tham gia
devwon1004Đánh giá 8 ∙ Đánh giá trung bình 5.0
5
30% đã tham gia
topjhoh20Đánh giá 1 ∙ Đánh giá trung bình 5.0
5
30% đã tham gia
skykwj04228556Đánh giá 1 ∙ Đánh giá trung bình 5.0
5
30% đã tham gia
ivoryma9ic6362Đánh giá 3 ∙ Đánh giá trung bình 5.0
5
30% đã tham gia

8.261.550 ₫

`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] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)
codecamp
Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút!
Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'.

Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP.
No Code, Only Prompt
중급이상
React, Next.js, cursor
[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)
codecamp


[CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp
codecamp
Chương trình giảng dạy này chứa đầy niềm đam mê cá nhân của Captain, một nhà phát triển phần mềm đầy đủ với 8 năm kinh nghiệm và yêu thích lập trình. Trái tim của thuyền trưởng tan chảy khi anh ấy muốn kể cho bạn mọi thứ về phần sau! Nếu bạn nghe bài giảng này, bạn sẽ nghĩ: "Họ đã nói với tôi nhiều như vậy sao?" Bạn sẽ không thể thoát khỏi suy nghĩ đó. Chúng ta hãy bắt đầu bằng bài giảng này, bài giảng này sẽ giải đáp và cung cấp cho chúng ta những phần mà mọi người đều thấy khó hiểu?
입문
NestJS, Node.js, JavaScript
[CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp
codecamp


Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web
codecamp
Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.
초급
React, Next.js, expo
Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web
codecamp


[CSS&JS Master] - Tạo nhật ký ghi chép cảm xúc theo phong cách hiện đại
codecamp
Bạn có thể học CSS và Javascript thực tế mới nhất một cách thú vị khi thực hiện dự án.
입문
HTML/CSS, JavaScript, vanilla-javascript
[CSS&JS Master] - Tạo nhật ký ghi chép cảm xúc theo phong cách hiện đại
codecamp


[Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầu
codecamp
Những thuật toán có vẻ rất khó... Ngay cả những sinh viên không quen với toán học cũng có thể hoàn thành những kiến thức cơ bản về thuật toán chỉ trong một bài giảng! Chúng tôi sẽ dạy bạn những khái niệm cơ bản cần thiết để giải thuật từng bước và hơn nữa, chúng tôi sẽ dạy bạn toàn bộ bí quyết của Code Camp để áp dụng vào các vấn đề :)
초급
JavaScript
[Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầu
codecamp


[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp
codecamp
1 năm đào tạo ra hơn 300 nhà phát triển, đây là chương trình đào tạo cô đọng của 'trại huấn luyện' thực sự. Chỉ với một khóa học này, bạn có thể phát triển đến trình độ của một nhà phát triển cấp junior và có được khả năng sử dụng và kiến thức về công nghệ stack phía trước. [InflearnX Code Camp] đã chuẩn bị để bất kỳ ai, bất kể bối cảnh xã hội, kinh tế hay giáo dục, đều có thể xây dựng sự nghiệp :)
입문
React, Next.js, GraphQL
[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp
codecamp


[Code Camp] Javascript ấm áp
codecamp
Có nhiều ngôn ngữ khác... tại sao phải là JavaScript? JavaScript là ngôn ngữ được sử dụng rộng rãi nhất trên thế giới và ngay cả những người không chuyên cũng có thể học nó một cách nhanh chóng và nó có cấu trúc dễ hiểu. Hơn nữa, các công ty nổi tiếng như Google, PayPal và Amazon cũng đang sử dụng nó! Tôi có cần phải suy nghĩ thêm nữa không?
입문
JavaScript
[Code Camp] Javascript ấm áp
codecamp


[Code Camp] CSS mạnh mẽ
codecamp
Bạn đã thấy một bài giảng tập trung hoàn toàn vào CSS chưa? Trong bài giảng này, bạn sẽ làm việc trên tổng cộng hai dự án và triển khai mọi thứ từ cấu hình bố cục cơ bản nhất đến thiết kế đáp ứng! Bây giờ, nếu bạn đã sẵn sàng, hãy bắt đầu.
초급
HTML/CSS
[Code Camp] CSS mạnh mẽ
codecamp


[Code Camp] Bắt đầu với trại miễn phí
codecamp
Đây là khóa học được tạo bằng chương trình giảng dạy độc đáo của Coding Boot Camp. Nó bao gồm những nội dung cơ bản và cần thiết nhất trong thực tế. 'Bất cứ ai cũng có thể chuyển sang nghề lập trình viên' Bắt đầu với bài học này.
입문
HTML/CSS, JavaScript
[Code Camp] Bắt đầu với trại miễn phí
codecamp

`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!


React dễ nhất (phiên bản toàn cầu)
yalco
Học React theo cách dễ dàng và nhanh nhất!
입문
React, JavaScript, Node.js
React dễ nhất (phiên bản toàn cầu)
yalco


Học React.js thông qua các dự án
kossiecoder
Bạn có thể tìm hiểu những điều cơ bản về React thông qua các dự án blog.
초급
React, Redux, ES6
Học React.js thông qua các dự án
kossiecoder


Ứng dụng web được tạo bằng React Hook
kwangsung
React là framework front-end hiện đại phổ biến nhất nhưng rất khó học. Hook được ra đời để giải quyết vấn đề này. Bài giảng này sẽ giúp bạn dễ dàng học React bằng hook.
초급
React, Web Application
Ứng dụng web được tạo bằng React Hook
kwangsung


Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2
aftercamp
Nắm vững các nguyên tắc kết xuất và tối ưu hóa React để sử dụng chúng trong thực tế và chuẩn bị cho các cuộc phỏng vấn!
중급이상
React, react-usememo, Tech Interview
Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2
aftercamp


Tạo ứng dụng cộng đồng avatar (React Native Expo)
Kyo
Phát triển ứng dụng cộng đồng dựa trên avatar bằng React Native. Bạn sẽ được học quá trình xây dựng một ứng dụng cộng đồng hoàn chỉnh, không chỉ bao gồm việc viết bài mà còn có bình luận/trả lời bình luận, lượt thích, bình chọn, tạo avatar, v.v.
초급
React Native, TypeScript, expo
Tạo ứng dụng cộng đồng avatar (React Native Expo)
Kyo


Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web
codecamp
Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.
초급
React, Next.js, expo
Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web
codecamp


Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản
Wintho
Mục tiêu là có được kiến thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.
초급
React Native, React, ES6
Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản
Wintho


Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành
grab
Khóa học đầy đủ nhất mà ngay cả người mới bắt đầu cũng có thể học được, bao gồm web, máy chủ, ứng dụng di động và học máy!!
Nếu bạn không biết nên bắt đầu phát triển từ đâu, tôi thực sự khuyên bạn nên tham gia khóa học này. Chúng ta hãy tiến hành chỉ với Javascript!
입문
JavaScript, React, Node.js
Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành
grab


[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)
codecamp
Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút!
Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'.

Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP.
No Code, Only Prompt
중급이상
React, Next.js, cursor
[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)
codecamp


Học TypeScript thực tế từ các tài liệu chính thức
sowhatcoding
Để hiểu đúng về TypeScript, bạn nên đọc tài liệu chính thức ít nhất một lần.
Chúng tôi sẽ chỉ xác định những phần quan trọng của tài liệu và trình bày chúng một cách dễ hiểu.
Khóa học này cũng cung cấp thông tin bạn sẽ cần trong thực tế!
입문
TypeScript, JavaScript, ES6
Học TypeScript thực tế từ các tài liệu chính thức
sowhatcoding


Next.js 15: Phát triển Full-Stack
zk202308a5410
Cách phát triển React truyền thống và cách phát triển sử dụng Next.js hoàn toàn khác nhau. Khóa học này sẽ giúp bạn nắm vững cốt lõi của Next.js 15 mới nhất và hướng dẫn cách phát triển theo phong cách 'thực sự' của Next.js. Từ portfolio xin việc đến dự án thực tế, hãy trải nghiệm cách nắm bắt cả hiệu suất và hiệu quả.


Hãy phát triển theo phong cách Next.js! Khóa học được cấu trúc để bạn có thể học bằng cách thực hành, tạo ra các ví dụ thực tế để hiểu cách áp dụng các tính năng của Next.js. Tập trung vào Server Components, bạn sẽ học nhanh hơn thông qua code thực tế về Server Actions và chiến lược caching thay vì chỉ lý thuyết.


Mục tiêu của khóa học là nắm bắt được tinh thần của Next.js càng nhanh càng tốt, vì vậy khóa học sẽ được tiến hành bằng JavaScript. Tuy nhiên, các ví dụ trong mỗi bài học được tạo bằng Typescript sẽ được cung cấp thêm như tài liệu học tập.
초급
JavaScript, React, JPA
Next.js 15: Phát triển Full-Stack
zk202308a5410


[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)
dakgangjung123
Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux).
Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!
초급
React, Electron, GUI
[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)
dakgangjung123


Tạo dịch vụ web với Vibe Coding With Claude Code
ref63184917
Một CTO hiện tại của startup sẽ truyền đạt kiến thức về vibe coding thu được thông qua dịch vụ thực tế và nhiều dự án outsourcing.
입문
HTML/CSS, JavaScript, Next.js
Tạo dịch vụ web với Vibe Coding With Claude Code
ref63184917


[Nhập môn Fullstack] Supabase tốt gấp 10 lần so với Firebase
lopun
Supabase! Chắp cánh phát triển Full-stack!
Với Supabase, vượt trội hơn Firebase, hoàn tất phát triển Full-stack chỉ trong 2 giờ.
초급
PostgreSQL, Next.js, TailwindCSS
[Nhập môn Fullstack] Supabase tốt gấp 10 lần so với Firebase
lopun


Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper
ludgi
Đây là khóa học dự án thực tế về cách chạy Whisper cục bộ và phát triển nhanh chóng một ứng dụng nhận dạng giọng nói AI bằng FastAPI và Next.js. Bạn sẽ triển khai nhận dạng giọng nói theo thời gian thực và hoàn thành một sản phẩm có thể được sử dụng làm portfolio đơn giản trong một thời gian ngắn.
초급
Next.js, FastAPI, whisper
Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper
ludgi


Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE
dingcodingco
Không biết code cũng OK!
Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần.
Sử dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.
입문
Flutter, Next.js, cursor
Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE
dingcodingco


Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]
Indie Coder
Bạn sẽ tìm hiểu cách sử dụng GraphQL cơ bản và nâng cao, công nghệ kiểm soát API thế hệ tiếp theo và trải nghiệm dự án thực tế thông qua dịch vụ kiosk ảo được tạo bằng GraphQL.

Khóa học đã được cập nhật một phần lên phiên bản mới nhất, apollo-server v4, kể từ tháng 2 năm 2024.
초급
GraphQL, Svelte, MongoDB
Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]
Indie Coder


The 10x AI-Native Developer: Cách tạo ra thành quả áp đảo bằng AI trong công ty
dingcodingco
AI giờ đây không còn là lựa chọn mà là vấn đề sinh tồn.
Rút ngắn thời gian phát triển từ 3 ngày xuống còn 30 phút, giao những công việc lặp đi lặp lại cho AI và tập trung vào việc giải quyết những vấn đề quan trọng hơn.
Với phương pháp phát triển AI native áp dụng ngay trong thực tế chứ không chỉ là lý thuyết, chúng tôi sẽ chỉ cho bạn cách chắc chắn để được công nhận là "nhà phát triển giỏi về AI" tại công ty.
초급
Spring Boot, Next.js, AI
The 10x AI-Native Developer: Cách tạo ra thành quả áp đảo bằng AI trong công ty
dingcodingco


Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)
ludgi
Full course Next.js nhúng! Hoàn thành dự án thực tế với các công nghệ mới nhất như GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, Grafana và trải nghiệm cả App Router lẫn Page Router.
중급이상
Next.js, React, GraphQL
Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)
ludgi


Nhân bản Chat GPT với Cursor trong 1 giờ (lớp học một ngày)
dodocoding
Bạn có thể có khả năng triển khai một chương trình chat bằng Next.js + Cursor IDE chỉ trong một giờ.
입문
nextjs, ChatGPT, React
Nhân bản Chat GPT với Cursor trong 1 giờ (lớp học một ngày)
dodocoding

[CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp

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

Được thực hiện trong một trại huấn luyện 'thực sự' [Khóa học Front-End hoàn chỉnh]

Bắt đầu với trại huấn luyện trước

Bậc thầy CSS&JS 🆕

Khóa đào tạo Web Front-End 🆕

Khóa đào tạo ứng dụng lai 🆕

Đối với những người này Nó hoàn toàn vừa vặn

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

Với mã tôi tự tay điền vào Hoàn thiện hồ sơ của bạn.

Bắt đầu với trại huấn luyện trước

Thạc sĩ CSS&JS

Trại huấn luyện Web Front-End

Trại huấn luyện ứng dụng lai

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

Ngoài ra, một trong những bài giảng Wanp Nhận được nhiều ngăn xếp này cùng một lúc!

Không bỏ sót một khoảng trống nào Chương trình giảng dạy trại huấn luyện front-end 'vượt qua ranh giới'

#01. React và Next.js

#02. JS và Async Core

#03. Thiết kế thành phần

#04. Tiền mặt

#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. Bài kiểm tra

#10. Phân phối web

#01. Cấu trúc CSS di động

#02. Giao tiếp Web/Ứng dụng

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

#04. Micro Frontend

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

#06. Phân phối ứng dụng

[Khóa học Frontend hoàn chỉnh] Sau khi hoàn thành khóa học, tôi cũng có thể trở thành một nhà phát triển!

Để có bước nhảy vọt trong sự nghiệp [Khóa học nền tảng] cũng đã được chuẩn bị.

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

trong chốc lát! Vui lòng kiểm tra trước khi tham gia lớp học.

nếu như Bạn có thắc mắc nào không?

H. Tôi có thể tham gia khóa học mà không cần biết gì không?

H. Nếu tôi có kiến ​​thức cơ bản, tôi nên bắt đầu học khóa học từ đâu?

H. Có cách nào hiệu quả để tham gia khóa học Web Front-End Bootcamp không?

H. Chương trình giảng dạy theo từng bước là gì?

H. Tôi có một câu hỏi trong lớp học.

Trại huấn luyện mã nhóm Giới thiệu.

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ự

Được thực hiện trong một trại huấn luyện 'thực sự'
[Khóa học Front-End hoàn chỉnh]

Đối với những người này
Nó hoàn toàn vừa vặn

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

Với mã tôi tự tay điền vào
Hoàn thiện hồ sơ của bạn.

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

Ngoài ra, một trong những bài giảng Wanp
Nhận được nhiều ngăn xếp này cùng một lúc!

`Không bỏ sót một khoảng trống nào Chương trình giảng dạy trại huấn luyện front-end 'vượt qua ranh giới'`

`#01. React và Next.js`

`#02. JS và Async Core`

`#03. Thiết kế thành phần`

`#04. Tiền mặt`

`#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. Bài kiểm tra`

`#10. Phân phối web`

`#01. Cấu trúc CSS di động`

`#02. Giao tiếp Web/Ứng dụng`

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

`#04. Micro Frontend`

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

`#06. Phân phối ứng dụng`

`[Khóa học Frontend hoàn chỉnh] Sau khi hoàn thành khóa học, tôi cũng có thể trở thành một nhà phát triển!`

`Để có bước nhảy vọt trong sự nghiệp [Khóa học nền tảng] cũng đã được chuẩn bị.`