BEST

The 'Perfect' Front-End Course Created at [Code Camp] Bootcamp

Name: The 'Perfect' Front-End Course Created at [Code Camp] Bootcamp
Price: 396000 KRW

This is the perfect front-end curriculum from a "real" boot camp that has produced hundreds of developers. With this one course, you can grow to the level of a junior developer and gain the skills and knowledge to utilize the front-end tech stack. [Code Camp] has prepared this so that anyone can build a career regardless of their social, economic, or educational background :)

(5.0) 10 reviews

375 learners

이론 실습 모두

코드캠프

코딩독학

React

Next.js

GraphQL

React Native

Hybrid App

What you will learn!

A friendly [CSS & Javascript] to prepare you for advanced courses.
Web Frontend Using the Latest Tech Stack
Hybrid App Frontend for Practical Skills
2 mini portfolios, 2 practical portfolios
Complete understanding of the entire development cycle

Core technologies of the front-end
Why should we use React.js and Next.js?

Next.js is a framework for the React library . Unlike React, Next.js uses server-side rendering (SSR) by default, making it ideal for search engine optimization (SEO) . It also allows for pre-rendering, allowing pages to be loaded with pre- rendered data, improving the user experience.

In addition to this , it provides page-based routing, image optimization, built-in CSS, etc. to improve project performance and provide a convenient development environment for developers, so you can develop efficiently and with high performance :)

Finally, it's the era of hybrid apps!
Based on React and Next, you can develop hybrid apps more conveniently and efficiently using React.Native and Expo, and build services for Android and iOS .

In addition, one of the Wanp lectures
Get this much stack at once!

In this course, you'll learn through projects utilizing a variety of major stacks, including React and Next.js, as well as TypeScript and GraphQL. You'll learn how to use these languages organically to implement a single function, naturally gaining a deeper understanding of various technology stacks.

In real-world practice, you need to be able to use various languages and technology stacks appropriately to achieve maximum efficiency!

*version: This is the main stack version used during the course. (Please refer to this if necessary!)

 - "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" ,

Don't worry if you don't understand 'Version' and its corresponding technology stack. I'll explain it thoroughly and helpfully in the lecture :)

💡 Please check your computer specifications .

 · Mac OS specifications are irrelevant.  
· If you are using Window OS, you need to install git-bash. 
- Please refer to Class Materials > Environment Settings.  
- Intel Core i5 9th generation or higher / AMD RYZEN 5 2nd generation or higher 

- RAM 16GB or more recommended

💡 I recommend that you create a schedule and study regularly and consistently . 💡 Please create an account for the collaboration tool ‘Notion’ to receive learning materials. 💡 Learning materials required for the course are provided through Notion (link) . ※ The copyright of the learning materials belongs to Code Camp. Unauthorized use, distribution, or reproduction is prohibited.

`Q. Can I take the course without any knowledge?`

Yes. It's okay if you don't know the 'code' of coding. To help you understand more deeply and broadly, we offer a 'Start with Free Camp' course, which is a complete beginner course , and a 'CSS&JS Master Course' course, which is an intermediate course to go to the boot camp.

`Q. If I have basic knowledge, where should I start taking the course?`

If you only understand basic HTML, CSS, and Javascript, I recommend starting with the 'CSS&JS Master Course '. If you have a solid understanding of CSS and Javascript through government-funded education or other online education, you can start with the 'Web Front-End Bootcamp' .

`Q. Is there an efficient way to take the Web Front-End Bootcamp course?`

Please take the lectures by section! On average, each section is divided into 3 to 5 subtopics. Since it is a systematic class, I recommend making a schedule and studying regularly!
If you have a learning assignment, please do it! The learning assignment is divided into sections with and without it. It would be helpful if you did the learning assignment before doing the portfolio assignment!
Please complete the required assignments (portfolio assignments)! The required assignments for each section provided based on the section content are mandatory for portfolio creation! However, reference codes for reference are only provided up to the middle part! Please keep in mind that you must be able to write all the codes yourself after that to use the real portfolio.

`Q. What is a stepped curriculum?`

The curriculum for Perfect Front-End has a continuous lecture structure that goes on and on ! For example, in order to take [Section 26-02 Refresh Token], you have to copy the code written in [Section 23-07] and continue the class. In other words, you have to take [Section 23-07] and write the code, and also review it to know what the code is, right? Don't worry if you want to skip certain sections and just take the ones you're curious about! The instructor's class code is provided separately for you to download! However, if it's not the code you wrote yourself in class, but the code you downloaded, you need to understand that code to follow along!

`Q. I have a question during class.`

Please leave your questions in the community and we will give you a quick and refreshing answer 😁

`Recommended for these people`

Who is this course right for?

Anyone who wants to grow properly with a professional curriculum
Anyone who feels lacking in government-funded or other lectures
Anyone who wants to study coding systematically with sufficient assignments
Junior developers who need a mentor
Job seekers who want to build a trendy portfolio

Need to know before starting?

Passion and determination for coding 💪🏻

`Hello This is`

14,848

Learners

390

Reviews

209

Answers

4.8

Rating

14

Courses

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

Co-instructor

`Curriculum`

All

444 lectures ∙ (162hr 6min)

Course Materials:

Lecture resources


1. 👉 Section 01: Understanding Web App Services & Program Installation
2. [01-01] What is a web app service?
03:21
3. [01-02] Program Installation (VS code, Extension)
07:53
4. 👉 Section 02: Understanding HTML and the Tech Stack
5. [02-01] HTML is a set of pre-defined "commands."
11:30
6. [02-02] The Core of HTML
42:25
7. [02-03] Understanding Tech Stacks
06:14
8. 👉 Section 03: CSS Basics and Cyworld Practice Part 1
9. [03-01] Learning CSS
25:28
10. [03-02] CSS Alignment
20:43
11. [03-03] Building C-World Part 1
43:24
12. 👉 Section 04: Javascript Basics and Cyworld Practice Part 2
13. [04-01] Understanding the Web Language 'Javascript'
02:40
14. [04-02] Variables and Constants
17:07
15. [04-03] Arrays
24:30
16. [04-04] Object
20:40
17. [04-05] Creating Cyworld Part 2
39:42
18. 👉 Section 05: Javascript Practice and Cyworld Project Part 3
19. [05-01] Data Types and Operators
17:29
20. [05-02] Conditional Statements
19:53
21. [05-03] Loop Statements
22:18
22. [05-04] Math Objects
06:43
23. [05-05] DOM
10:41
24. [05-06] Creating Cyworld Part 3
27:30
25. 👉 Section 06: Javascript Application and Cyworld Practice Part 4
26. [06-01] Function
09:13
27. [06-02] How to Write Functions
14:20
28. [06-03] Built-in Functions
24:08
29. [06-04] Creating Cyworld Part 4
23:30
30. 👉 Section 07: Javascript Event Change Detection and Cyworld Practice Part 5
31. [07-01] Review of Built-in Functions
10:59
32. [07-02] Event Change Detection
16:04
33. [07-03] Creating Cyworld Part 5
43:24
34. 👉 Section 08: Final Assignment and Planting Github Grass
35. [08-01] Final Assignment
07:55
36. [08-02] Git/Github
22:01


37. CSS & Javascript Master OT
05:35
38. Section 01
39. [CSS 01-1-1] Whitespace - Introduction to CSS and whitespace settings
27:53
40. [CSS 01-1-2] Margin - Box Sizing
08:00
41. [CSS 01-1-3] Whitespace - Margin Collapse
09:38
42. [CSS 01-2-1] Alignment - Item Alignment
12:09
43. [CSS 01-2-2] Alignment - Dropping Overflowing Items
12:18
44. [CSS 01-2-3] Alignment - Why flexbox vertical alignment might not work
12:44
45. [JS 01-1-1] Variables and Functions - Storing Various Data
26:55
46. [JS 01-1-2] Variables and Functions - Combining Variables and Strings
11:14
47. [JS 01-1-3] Variables and Functions - Functions and Scope
33:37
48. [JS 01-2-1] Utilizing Variables and Functions - Hoisting
12:50
49. [JS 01-2-2] Issues with Variable and Function Usage - Problems with Hoisting and TDZ
18:52
50. [JS 01-2-3] Using Variables and Functions - DOM
30:39
51. 👉 Section 02
52. [CSS 02-1-1] Transform and Animation - Transition
11:40
53. [CSS 02-1-2] Transformation and Animation - Transform
14:43
54. [CSS 02-1-3] Transforms and Animations - Animations
11:29
55. [CSS 02-2-1] Animation Application - Toast
13:17
56. [CSS 02-2-2] Animation Application - Loading
09:19
57. [CSS 02-2-3] Animation Application - Skeleton
11:58
58. [JS 02-1-1] Browser Features - Storage
21:55
59. [JS 02-1-2] Browser Features - Storage and JSON Saving
15:17
60. [JS 02-1-3] Browser Functionality - Routing
18:46
61. [JS 02-2-1] Conditional and Loop Statements - Conditional Filtering
26:21
62. [JS 02-2-2] Conditional and Loop Statements - Item Iteration
01:06:16
63. [JS 02-2-3] Conditionals and Loops - Advanced Item Iteration
34:21
64. 👉 Section 03
65. [CSS 03-1-1] Position - Absolute Positioning
09:20
66. [CSS 03-1-2] Position - Relative Positioning
08:19
67. [CSS 03-1-3] Position - Screen Location
07:05
68. [CSS 03-2-1] Scroll - Creating a Scroll
17:24
69. [CSS 03-2-2] Scroll - Fixing the Scroll Header06:28
70. [CSS 03-2-3] Scroll - Making the Scroll Header Background Blurry
04:38
71. [JS 03-1-1] Scroll - Scroll
17:26
72. [JS 03-1-2] Scroll - Scroll and Address Bar
11:44
73. [JS 03-1-3] Scroll - Event Listeners and Scroll Detection
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. 👉 Section 04
78. [CSS 04-1-1] Responsive Design - Responsive Design
10:00
79. [CSS 04-1-2] Responsive Design - Media Queries
18:19
80. [CSS 04-1-3] Responsive Design - Enhancing Maintainability with rem
12:48
81. [CSS 04-2-1] Combining Responsive Design and Grid - Grid Alignment
15:36
82. [CSS 04-2-2] Combining Responsive Design and Grid - Comparing Flexbox and Grid
13:10
83. [CSS 04-2-3] Combining Responsive Design with Grid - Mixing Flexbox and Grid
11:48
84. [JS 04-1-1] Device Detection - Device Size Detection Not Applied
22:26
85. [JS 04-1-2] Device Detection - Applying Device Size Detection
12:33
86. [JS 04-1-3] Device Detection - Device Dynamic Scroll % Detection
09:28
87. [JS 04-2-1] Mobile Detection - Mobile Detection
09:41
88. [JS 04-2-2] Mobile Detection - Mobile Pinch Zoom In/Out
13:30
89. [JS 04-2-3] Mobile Detection - Mobile Virtual Keyboard
11:03
90. 👉 Section 05
91. [CSS 05-1-1] Stacking Context and Z-Index - z-index
09:20
92. [CSS 05-1-2] Stacking Context and Z-Index - Stacking Context
17:42
93. [CSS 05-1-3] Stacking Context and Z-Index - Refactoring
20:32
94. [CSS 05-2-1] Modal and Nested Modal - Creating a Modal Background
09:05
95. [CSS 05-2-2] Modals and Nested Modals - Creating Modal Items
16:00
96. [CSS 05-2-3] Modals and Nested Modals - Creating Nested Modals
16:43
97. [JS 05-1-1] Keyboard Detection - Keyboard Detection
25:53
98. [JS 05-1-2] Keyboard Detection - Keyboard and Input Field
08:50
99. [JS 05-1-3] Keyboard Detection - Form Concepts and Keyboard Functions in Forms
13:37
100. [JS 05-2-1] Browser API - API and Web API
12:56
101. [JS 05-2-2] Browser API - Navigator31:00
102. [JS 05-2-3] Browser APIs - Timers
23:30
103. 👉 Section 06
104. [CSS 06-1-1] Image Fit and Aspect Ratio - Changing Image Fit08:09
105. [CSS 06-1-2] Image Fit and Ratio - Changing Image Ratio
09:38
106. [CSS 06-1-3] Image Fit and Aspect Ratio - Simultaneously Changing Image Fit and Aspect Ratio
08:59
107. [CSS 06-2-1] Page Transition Animation - Flying Animation
12:49
108. [CSS 06-2-2] Page Transition Animation - Flying and Rotating Animation
10:02
109. [CSS 06-2-3] Page Transition Animation - Combining Previous and Next Page Animations
16:31
110. [JS 06-1-1] Open API - Sentence
18:33
111. [JS 06-1-2] Open API - Image
15:23
112. [JS 06-1-3] Open API - Image Application
10:23
113. [JS 06-2-1] Menu Navigation - Copying Pages for Menu Navigation
15:23
114. [JS 06-2-2] Menu Navigation - iframe for menu navigation
15:32
115. [JS 06-2-3] Menu Navigation - Component for Menu Navigation
12:25
116. 👉 Section 07
117. [CSS 07-1-1] Advanced UI - Changing the accent color
07:59
118. [CSS 07-1-2] Advanced UI - Custom Toggle
23:24
119. [CSS 07-1-3] Advanced UI - Custom Dropdown
41:30
120. [CSS 07-2-1] Dark Mode - Dark Mode
10:41
121. [CSS 07-2-2] Dark Mode - Dark Mode and Various Tags
08:11
122. [CSS 07-2-3] Dark Mode - Dark Mode and CSS Global Variables
11:36
123. [JS 07-1-1] Search and Debouncing - Search
14:23
124. [JS 07-1-2] Search and Debouncing - Debouncing
13:05
125. [JS 07-1-3] Search and Debouncing - Debouncing and API
11:41
126. [JS 07-2-1] Infinite Scroll and Throttling - Infinite Scroll
20:26
127. [JS 07-2-2] Infinite Scroll and Throttling - Throttling
20:57
128. [JS 07-2-3] Infinite Scroll and Throttling - Throttling and API
09:25
129. 👉 Section 08
130. [CSS 08-1-1] Calendar - Custom Calendar - Clickable Area
10:56
131. [CSS 08-1-2] Calendar - Custom Calendar - Placeholder
15:18
132. [CSS 08-1-3] Calendar - Selection and Validation
09:50
133. [CSS 08-2-1] Gradient - Linear Gradient
14:06
134. [CSS 08-2-2] Gradient - Radial Gradient
06:03
135. [CSS 08-2-3] Gradient - Text Gradient
12:26
136. [JS 08-1-1] Pagination Numbers - Pagination
16:48
137. [JS 08-1-2] Pagination Numbers - Previous/Next Page Numbers
13:06
138. Pagination Number - Last Page Number
21:31
139. [JS 08-2-1] Pagination List - Example of Clicked Page List
12:25
140. [JS 08-2-2] Pagination List - Clicked Page List
13:05
141. [JS 08-2-3] Pagination List - Display Active State for Clicked Page
14:21
142. 👉 Section 09
143. [CSS 09-1-1] Cross-browsing - Coding HTML and CSS in Notepad
11:59
144. [CSS 09-1-2] Cross-Browser Compatibility - Cross-Browser Compatibility
19:58
145. [CSS 09-1-3] Cross-Browsing - Browser Versions, CAN-I-USE, and MDN
22:16
146. [CSS 09-2-1] Fonts - Fonts
08:03
147. [CSS 09-2-2] Fonts - Fonts and Loading
22:25
148. [CSS 09-2-3] Fonts - Fonts and Cross-Browser Compatibility
10:58
149. [JS 09-1-1] Cross-browser Compatibility - Coding HTML and CSS in Notepad
10:57
150. [JS 09-1-2] Cross-Browser Compatibility - Cross-Browser Compatibility Issues
14:33
151. [JS 09-1-3] Cross-Browsing - Browser Versions, CAN-I-USE, and MDN
23:38
152. [JS 09-2-1] Web Standards and Accessibility - Search Engine Optimization (SEO)
17:42
153. [JS 09-2-2] Web Standards and Accessibility - SEO and Web Standards
07:30
154. [JS 09-2-3] Web Standards and Accessibility - SEO and Web Accessibility
10:05
155. 👉 Section 10
156. [CSS 10-1-1] Library - Bootstrap
10:31
157. [CSS 10-1-2] Library - Material Design
05:21
158. [CSS 10-1-3] Library - Tailwind CSS
16:12
159. [CSS 10-2-1] Trends and Directions - Stage 1
27:03
160. [CSS 10-2-2] Trends and Directions - Stage 2
14:40
161. [CSS 10-2-3] Trends and Directions - Stage 3
12:07
162. [JS 10-1-1] Library - Fullpage Scroll
09:26
163. [JS 10-1-2] Library - Web Editor
16:14
164. [JS 10-1-3] Library - Drag and Drop
08:47
165. [JS 10-2-1] Trends and Directions - Step 1
16:46
166. [JS 10-2-2] Trends and Directions - Stage 2
19:25
167. [JS 10-2-3] Trends and Directions - Stage 3
16:00
168. 🔥 CSS & Javascript Master Course PPT Download 🔥
169. 🔥 CSS & Javascript Master Course Code Download 🔥
170. 🔥 Download CSS & Javascript Master Assignment Reference Code 🔥


171. Section 01
172. [01-01] React and Components
52:38
173. [01-02] Props and State
41:09
174. [01-03] Why Use React? (Simultaneous Modification)
34:57
175. [01-04] State Verification (Membership Registration Verification)
47:02
176. [01-05] Module import and export
18:08
177. 👉 Section 02
178. [02-01] Creating a React App (CRA) in One Go
33:16
179. [02-02] React Boilerplate
32:23
180. [02-03] React Page Navigation
46:26
181. [02-04] The principle of setState
52:08
182. [02-05] Things That Represent False14:26
183. 👉 Section 03
184. [03-01] TypeScript
41:40
185. [03-02] Basic Types
54:21
186. [03-03] Linters and Formatters
43:22
187. 👉 Section 04
188. [04-01] Next World
46:49
189. [04-02] Next page
21:10
190. [04-03] CSS-Module
37:32
191. [04-04] Next Built-in Features (Fonts, Images)
40:23
192. 👉 Section 05
193. [05-01] Data Communication Theory
50:24
194. [05-02] Data Communication Lab
01:25:13
195. 👉 Section 06
196. [06-01] Synchronous/Asynchronous
36:35
197. [06-02] GraphQL Setup
12:24
198. [06-03] Post Registration and Network Error Resolution
31:21
199. [06-04] Practice posting54:00
200. 👉 Section 07
201. [07-01] Static Routing
15:57
202. [07-02] Basic Post Retrieval
48:40
203. [07-03] Practice Viewing Posts
49:58
204. 👉 Section 08
205. [08-01] Loop map
26:01
206. [08-02] Map Precautions
47:28
207. [08-03] Destructuring Assignment and Custom Hooks
01:04:19
208. 👉 Section 09
209. [09-01] Post edited
39:36
210. [09-02] Advanced Post Editing
01:08:41
211. [09-03] Practical guide to editing posts
32:23
212. [09-04] Refactor folder structure for post modification
01:19:53
213. [09-05] Post editing type supplemented
28:27
214. 👉 Section 10
215. [10-01] API Type
37:41
216. 👉 Section 11
217. [11-01] Event Propagation and Bubbling
20:36
218. [11-02] Event Propagation and Interruption
57:34
219. 👉 Section 12
220. [12-01] Libraries and Frameworks
01:03:07
221. [12-02] UI Framework Practice - Star Rating
35:14
222. [12-03] UI Framework Practice - Carousel
26:09
223. [12-04] Library - Zip Code Modal
56:01
224. [12-05] Refactoring (previous state)
27:53
225. [12-06] Library (TypeScript)
04:28
226. [12-07] Safe Refactoring
18:36
227. 👉 Section 13
228. [13-01] children
36:38
229. [13-02] children TypeScript
12:37
230. [13-03] Layout
38:41
231. [13-04] Hiding Layouts
15:28
232. [13-05] Component Composition and Setup
10:30
233. 👉 Section 14
234. [14-01] Pagination Basics
41:50
235. [14-02] Pagination: Previous/Next/Last Page
46:26
236. [14-03] Refactoring (Lifting State Up)
01:04:20
237. 👉 Section 15
238. [15-01] Spread Operator and Data Copying
46:29
239. [15-02] Practical Application of Data Copying
43:36
240. [15-03] el and TypeScript
12:00
241. [15-04] Infinite Scroll
26:07
242. [15-05] Spread Operator and Refactoring
36:46
243. [15-06] Spread Operator and Data Deletion
09:22
244. 👉 Section 16
245. [16-01] Class Components and this
01:06:41
246. [16-02] Component Lifecycle
17:59
247. [16-03] Component Lifecycle and useEffect
31:55
248. [16-04] useEffect and open-API
20:13
249. Section 01
250. [17-01] CORS and PROXY Server
25:04
251. [17-02] Web Structure
30:55
252. [17-03] Backend and DB
01:04:50
253. [17-04] Server and Port
27:47
254. [17-05] Backend API
38:35
255. [17-06] Backend API and DB Integration
32:16
256. [17-07] Firebase (BaaS)
39:57
257. 👉 Section 18
258. [18-01] Image Saving Process
22:34
259. [18-02] Image Upload
45:50
260. [18-03] useRef and Image Buttons
12:32
261. [18-04] Image Verification and Registration
33:14
262. [18-05] Posted with image
27:35
263. 👉 Section 19
264. [19-01] Search
33:04
265. [19-02] Search term debouncing
28:57
266. [19-03] Highlighting Search Keywords
19:10
267. [19-04] Search term: TypeScript
10:06
268. 👉 Section 20
269. [20-01] callback / promise / async-await
01:17:28
270. [20-02] Use cases for callbacks, and the reality of el and prev
22:14
271. [20-03] The Reality of GraphQL
37:20
272. [20-04] How Promises Work
22:19
273. [20-05] Creating Your Own Fetch with Promises
13:48
274. 👉 Section 21
275. [21-01] Global State (Server Data Cache and fetchPolicy)
46:06
276. [21-02] Global State (Server Data Cache and Update)
16:14
277. [21-03] Global State (Local Data Cache)
25:46
278. 👉 Section 22
279. [22-01] Login
39:29
280. [22-02] JWT Token Practice
25:14
281. [22-03] Sign-up and Encryption
13:21
282. [22-04] Login Practice
43:15
283. [22-05] Login Token and Refresh
45:48
284. [22-06] Login and Token Validation
08:40
285. 👉 Section 23
286. [23-01] Closures and HOFs
26:49
287. [23-02] HOF
23:41
288. [23-03] HOC
31:21
289. [23-04] Generic Types
35:32
290. [23-05] Generics and HOF/HOC
24:28
291. 👉 Section 24
292. [24-01] Form Library
33:04
293. [24-02] Validation Library
30:24
294. [24-03] Utility Types
29:09
295. [24-04] Utility Type Applied
33:11
296. 👉 Section 25
297. [25-01] Common Component
33:18
298. [25-02] Common Components and Base Components
35:31
299. [25-03] Common Components and Generic Types
23:42
300. [25-04] Advanced Common Components and Generic Types
29:23
301. [25-05] Understanding Library Versions
10:37
302. [25-06] Deploying common components to npm
49:30
303. [25-07] Common component npm organization deployment
17:46
304. 👉 Section 26
305. [26-01] Login Extension
31:34
306. [26-02] Refresh Token
01:15:28
307. [26-03] Refresh Tokens and Refreshing
41:15
308. [26-04] Chaining Promises
19:09
309. 👉 Section 27
310. [27-01] Payment Process
22:23
311. [27-02] Port One
48:08
312. 👉 Section 28
313. [28-01] Date/Time and Browser
15:40
314. [28-02] Date/Time and Function Execution
04:46
315. [28-03] Date/Time and Event Loop
19:34
316. [28-04] Micro Q and Micro Q
25:17
317. [28-05] Microqueue and the principles of await
42:37
318. 👉 Section 29
319. [29-01] Map
29:45
320. Maps and SPA
32:29
321. [29-03] Maps and Libraries
05:12
322. 👉 Section 30
323. [30-01] Web editor and form library
30:16
324. [30-02] Web Editor and Form Submission
29:33
325. [30-03] Web Editor and XSS
30:55
326. [30-04] OWASP Top 10
08:57
327. [30-05] Hydration
11:57
328. [30-06] Hydration Deep Dive
38:41
329. 👉 Section 31
330. [31-01] Memoization
39:22
331. [31-02] Memorization Application
23:13
332. [31-03] Memoization and Map
20:36
333. [31-04] Browser Rendering
44:03
334. [31-05] Improved image preview performance
28:26
335. [31-06] New image method and post registration
16:10
336. [31-07] Multiple Uploads and Promise.all
24:33
337. [31-08] Improved performance of multiple image uploads
31:52
338. [31-09] Refetch performance improvements
41:47
339. [31-10] Improved performance for bookmarks/likes/subscriptions
34:06
340. [31-11] Improved Data Query Performance
25:43
341. [31-12] Improved image retrieval performance
18:30
342. [31-13] Improved file query performance
36:00
343. [31-14] Improved Windowing and Infinite Scroll Performance
46:12
344. [31-15] Frontend Performance Optimization: The Ultimate Guide
12:00
345. Section 32
346. [32-01] The Reality of the Browser Address Bar
31:50
347. [32-02] Open Graph
31:08
348. [32-03] Dynamic Open Graph
01:01:48
349. [32-04] RSC and fetch
34:32
350. [32-05] RSC and Hydration
29:57
351. [32-06] Parent RCC and Child RSC
14:48
352. [32-07] RCC and RSC Composition
23:00
353. 👉 Section 33
354. [33-01] RCC/RSC Composition for Form Refactoring
53:22
355. [33-02] RSC and Future Directions in Modern Forms
25:19
356. [33-03] RSC and the Future Direction of Modern Web Development
11:09
357. [33-04] Shallow Routing for Search Refactoring
51:32
358. [33-05] Parallel Routing for Modal Refactoring
28:04
359. [33-06] Fragments for GraphQL Refactoring
45:42
360. 👉 Section 34
361. [34-01] Backend Proxy Server
35:17
362. 👉 Section 35
363. [35-01] Test code
35:08
364. [35-02] UI Testing
23:07
365. [35-03] Functionality Testing
14:18
366. [35-04] API Mocking Test
01:08:06
367. [35-05] E2E Testing
29:33
368. [35-06] Misconceptions about Test Code and TDD
03:11
369. 👉 Section 36
370. [36-01] Distribution
40:38
371. [36-02] Static Page Deployment
31:34
372. [36-03] Connect Domain
36:42
373. [36-04] Networking and Troubleshooting
29:24
374. [36-05] SSL and HTTPS
48:38
375. [36-06] Dynamic Page Deployment
01:09:32
376. [36-07] Dynamic Page Domain Connection
15:35
377. [36-08] Connecting a Dynamic Page Load Balancer
48:42
378. [36-09] Wireshark and APIs
08:40
379. [36-10] Docker
01:14:42
380. [36-11] Docker and Port Forwarding
17:25
381. [36-12] Improving Docker Build Performance
18:31
382. 🔥 Web Front-end Bootcamp Lecture Code Download 🔥
383. 🔥 Web Front-end Bootcamp Assignment Reference Code Download 🔥


384. Hybrid-App Bootcamp OT
11:30
385. Section 01
386. [01-01] Cross-Platform and Hybrid Apps
04:08
387. [01-02] React Native and Expo
17:02
388. [01-03] Emulators and Simulators
40:53
389. [01-04] React Native Tags
37:42
390. [01-05] Web View
13:37
391. [01-06] Integrating WebViews with Next.js
19:05
392. [01-07] Webview connection failed
19:47
393. 👉 Section 02
394. [02-01] Mobile UI Design and the Advantages of Hybrid Apps
04:54
395. [02-02] Increase Mobile UI Ratio
36:52
396. [02-03] Mobile Layout Header
37:34
397. [02-04] Local Header
48:53
398. [02-05] Advanced Header Options
33:29
399. [02-06] Mobile Layout Footer
27:49
400. Section 03
401. [03-01] WebView Debugging
44:32
402. [03-02] Transferring Data Between Devices and Web Views - 1
19:03
403. [03-03] Device to WebView Data Transfer - 2
18:19
404. [03-04] Device API
36:04
405. [03-05] Advanced Device API
41:22
406. [03-06] Device API Refactoring
44:29
407. 👉 Section 04
408. [04-01] Device System Information API
48:22
409. [04-02] Device Location Information API
33:05
410. [04-03] Device API Object Lookup Refactoring
43:55
411. 👉 Section 05
412. [05-01] Notification Process
07:44
413. [05-02] Schedule Reminder
52:14
414. [05-03] Notification Click
32:30
415. 👉 Section 06
416. [06-01] App Permission Settings
43:39
417. [06-02] App state detection
37:58
418. 👉 Section 07
419. [07-01] View original image
46:42
420. [07-02] Pinch zoom
27:54
421. 👉 Section 08
422. [08-01] Android Back Button
27:25
423. [08-02] useEffect and Memory Leaks
21:03
424. [08-03] useEffect and Custom Hooks
16:33
425. [08-04] Android Back Button and Memory Leak Refactoring
53:39
426. 👉 Section 09
427. [09-01] Page transition animation
56:03
428. [09-02] Page transition animation (Back)
33:35
429. 👉 Section 10
430. [10-01] App login
10:42
431. [10-02] App Login Practice
01:02:06
432. [10-03] App Login Token Theft
07:23
433. [10-04] App Login Token Theft Practice
28:33
434. 👉 Section 11
435. [11-01] pull-to-refresh
55:26
436. 👉 Section 12
437. [12-01] Micro Frontend
16:33
438. [12-02] Micro Frontend Practice (Web)
01:11:33
439. [12-03] Micro Frontend Practice (App Connection)
44:01
440. 👉 Section 13
441. [13-01] Hybrid App Distribution
12:42
442. [13-02] Hybrid App Distribution and EAS
08:19
443. [13-03] Hybrid App Test Distribution Practice
30:04
444. 🔥 HybridApp Bootcamp Lecture Code & PPT Download 🔥

Published:

Last updated:

`Reviews`

All

10 reviews

5.0

10 reviews

devwon1004Reviews 5 ∙ Average Rating 5.0
5
30% enrolled
topjhoh20Reviews 1 ∙ Average Rating 5.0
5
30% enrolled
skykwj04228556Reviews 1 ∙ Average Rating 5.0
5
30% enrolled
ivoryma9ic6362Reviews 3 ∙ Average Rating 5.0
5
30% enrolled
fkdldjzlr6017Reviews 1 ∙ Average Rating 5.0
5
31% enrolled

$304.70

`codecamp's other courses`

Check out other courses by the instructor!


[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
Trung cấp trở lên
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?
Nhập môn
NestJS, Node.js, JavaScript
[CodeCamp] Khóa học backend 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?
Nhập môn
JavaScript
[Code Camp] Javascript ấm áp
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.
Cơ bản
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.
Nhập mô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 đề :)
Cơ bả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 :)
Nhập môn
React, Next.js, GraphQL
[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp
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.
Cơ bản
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.
Nhập môn
HTML/CSS, JavaScript
[Code Camp] Bắt đầu với trại miễn phí
codecamp

`Similar courses`

Explore other courses in the same field!


[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 :)
Nhập môn
React, Next.js, GraphQL
[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp
codecamp


Next.js khám phá: từ "nhà phát triển biết sử dụng" đến "nhà phát triển hiểu và sử dụng"
Boaz
Cùng mổ xẻ mã nguồn, tôi sẽ giúp bạn trang bị hiểu biết sâu sắc và góc nhìn riêng cần thiết cho kỷ nguyên AI, từ phỏng vấn kỹ thuật đến thiết kế thực tế. Hãy phát triển từ nhà phát triển chỉ đơn thuần "dùng" Next.js thành chuyên gia "hiểu" tại sao nó được dùng như vậy.
Trung cấp trở lên
Next.js, React, TypeScript
Next.js khám phá: từ "nhà phát triển biết sử dụng" đến "nhà phát triển hiểu và sử dụng"
Boaz


Ứ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.
Cơ bản
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


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.
Cơ bản
JavaScript, React, JPA
Next.js 15: Phát triển Full-Stack
zk202308a5410


React(리액트) quản lý trạng thái Hook
usefulit
Khóa học này tập trung vào việc học chuyên sâu về các hook useContext và useReducer để quản lý state hiệu quả trong React.
Bạn có thể học cách giảm độ phức tạp trong việc truyền dữ liệu giữa các component và quản lý state một cách có hệ thống trong các ứng dụng quy mô lớn thông qua thực hành.
Qua đó, học viên có thể hiểu được các khái niệm cơ bản về quản lý state toàn cục và trang bị khả năng ứng dụng thực tế có thể áp dụng ngay vào các dự án thực tế.
Nhập môn
React, hook, react-hook-form
React(리액트) quản lý trạng thái Hook
usefulit


Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS
lopun
🔥 Từ đăng ký khóa học đến tải video lên, đây là một khóa học full-stack thực chiến để triển khai đầy đủ các tính năng của người chia sẻ kiến thức. Sử dụng Next.js 15 và NestJS, bạn sẽ xây dựng theo luồng thực tế của Inflearn, bao gồm tạo khóa học, cấu trúc chương trình giảng dạy, tải ảnh bìa và video lên, viết phần giới thiệu chi tiết. Bạn cũng có thể tích lũy kinh nghiệm thực tế gần với công việc như mô hình hóa Prisma, xác thực JWT, tải lên S3 + CloudFront, thiết kế API Swagger, v.v.
Cơ bản
AWS, Docker, Next.js
Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS
lopun


Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]
nhcodingstudio
Khóa học này không chỉ dừng lại ở thao tác DOM đơn thuần, mà còn đi sâu vào việc tìm hiểu cách cấu trúc và phản ứng động với giao diện người dùng web trong tương tác thực tế với người dùng. Bản chất của hệ thống sự kiện, bubbling và capturing, ủy quyền sự kiện, phản hồi UX theo thời gian thực, và tối ưu hóa hiệu suất bằng cách sử dụng throttle & debounce, đã được cấu trúc để bạn có thể tự mình triển khai và nắm vững các vấn đề thường gặp trong thực tế. Dựa trên sự hiểu biết về cấu trúc của cây DOM, bạn sẽ phát triển khả năng liên kết linh hoạt luồng sự kiện và thay đổi trạng thái.
Cơ bản
HTML/CSS, JavaScript, React
Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]
nhcodingstudio


[Gia hạn] Tạo NodeBird SNS bằng React
zerocho
Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack.
Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.
Trung cấp trở lên
React, Redux, Node.js
[Gia hạn] Tạo NodeBird SNS bằng React
zerocho


[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!
Cơ bản
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 ứ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.
Cơ bản
React Native, TypeScript, expo
Tạo ứng dụng cộng đồng avatar (React Native Expo)
Kyo


[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
Trung cấp trở lên
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


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.
Trung cấp trở lên
Next.js, React, GraphQL
Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)
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ụ.
Nhập môn
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


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ế!
Nhập môn
TypeScript, JavaScript, ES6
Học TypeScript thực tế từ các tài liệu chính thức
sowhatcoding


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.
Cơ bản
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


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.
Cơ bản
React Native, React, ES6
Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản
Wintho


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.
Cơ bả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


GraphQL nông và Apollo
yalco
⚡ Khóa học 90 phút ngắn gọn và súc tích!  Tìm hiểu nhanh về GraphQL và cách sử dụng Apollo bằng cách sao chép và dán mã của trang web.
Cơ bản
GraphQL, Apollo, Node.js
GraphQL nông và Apollo
yalco


SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS
ehtjd339667
Khóa học tập trung vào portfolio về triển khai trực tiếp React frontend và SpringBoot backend lên AWS cloud!
Đây là khóa học hữu ích cho những ai muốn nhanh chóng triển khai các dự án frontend và backend vào portfolio của mình! Bạn sẽ có thể thực hành từng bước trong thời gian ngắn các kiến thức cần thiết để triển khai, từ cấu hình server đến Docker, kết nối Domain, Nginx, áp dụng HTTPS!
Cơ bản
React, Java, AWS
SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS
ehtjd339667


TypeScript Korea: Hội thảo phản ứng với TypeScript
woongjae
Đây là khóa học liên quan đến TypeScript và React.
Trung cấp trở lên
React, TypeScript
TypeScript Korea: Hội thảo phản ứng với TypeScript
woongjae

The 'Perfect' Front-End Course Created at [Code Camp] Bootcamp

What you will learn!

Made in a 'real' boot camp [The Complete Front-End Course]

Start with pre-camp

CSS&JS Master 🆕

Web Front-End Bootcamp 🆕

Hybrid App Bootcamp 🆕

For these people It's a perfect fit

For a higher career jump We provide bootcamp course materials and assignments.

With the code I filled in with my own hands Complete your portfolio.

Start with pre-camp

CSS&JS Master

Web Front-End Bootcamp

Hybrid App Bootcamp

Core technologies of the front-end Why should we use React.js and Next.js?

In addition, one of the Wanp lectures Get this much stack at once!

Not missing a single gap Front-end bootcamp curriculum that 'crosses the line'

#01. React and Next.js

#02. JS and Asynchronous Core

#03. Component Design

#04. Cash

#05. Login and Security

#06. Advanced functions

#07. Performance Optimization

#08. Frontend Server

#09. Test

#10. Web Distribution

#01. Mobile CSS Structure

#02. Web/App Communication

#03. Advanced features

#04. Micro Frontend

#05. App Login

#06. App Distribution

[Complete Frontend Course] After taking the course, I too can become a developer!

For a higher career jump [Backend course] has also been prepared.

Related recommended courses:

for a moment! Please check before taking the class.

if Do you have any questions?

Q. Can I take the course without any knowledge?

Q. If I have basic knowledge, where should I start taking the course?

Q. Is there an efficient way to take the Web Front-End Bootcamp course?

Q. What is a stepped curriculum?

Q. I have a question during class.

Team Code Camp Introducing.

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

codecamp's other courses

Similar courses

Made in a 'real' boot camp
[The Complete Front-End Course]

For these people
It's a perfect fit

For a higher career jump
We provide bootcamp course materials and assignments.

With the code I filled in with my own hands
Complete your portfolio.

Core technologies of the front-end
Why should we use React.js and Next.js?

In addition, one of the Wanp lectures
Get this much stack at once!

`Not missing a single gap Front-end bootcamp curriculum that 'crosses the line'`

`#01. React and Next.js`

`#02. JS and Asynchronous Core`

`#03. Component Design`

`#04. Cash`

`#05. Login and Security`

`#06. Advanced functions`

`#07. Performance Optimization`

`#08. Frontend Server`

`#09. Test`

`#10. Web Distribution`

`#01. Mobile CSS Structure`

`#02. Web/App Communication`

`#03. Advanced features`

`#04. Micro Frontend`

`#05. App Login`

`#06. App Distribution`

`[Complete Frontend Course] After taking the course, I too can become a developer!`

`For a higher career jump [Backend course] has also been prepared.`

`Related recommended courses:`

`for a moment! Please check before taking the class.`

`if Do you have any questions?`