Từ DOM đến pixel, chinh phục hoàn toàn quá trình rendering của trình duyệt và CRP - [DOM 완전 정복 Part 3]

Name: Từ DOM đến pixel, chinh phục hoàn toàn quá trình rendering của trình duyệt và CRP - [DOM 완전 정복 Part 3]
Price: 29700 KRW
Rating: 5 (6 reviews)

Khóa học này bao gồm toàn bộ quá trình Critical Rendering Path (CRP) từ đầu đến cuối - cách trình duyệt nhận HTML để tạo DOM, kết hợp với CSSOM và vẽ pixel lên màn hình. Vượt ra ngoài việc thao tác DOM đơn giản, bạn sẽ học được CSS và JS ảnh hưởng như thế nào đến hiệu suất, tối ưu hóa hình ảnh·font, Lazy Loading, Intersection Observer, danh sách ảo, và thực hành với DevTools để có thể cải thiện hiệu suất web thực tế một cách đáng kể thông qua các chiến lược thực chiến.

(5.0) 6 đánh giá

56 học viên

nhcodingstudio

실습 중심

웹개발

프론트엔드

dom

이론 실습 모두

HTML/CSS

JavaScript

React

DOM

frontend

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

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

Bạn có thể hiểu toàn bộ quá trình mà trình duyệt vẽ màn hình từ DOM đến pixel.
Bạn có thể hiểu được tác động của việc tải CSS và JS đến hiệu suất và áp dụng các chiến lược tối ưu hóa.
Bạn có thể cải thiện các chỉ số hiệu suất cốt lõi bằng cách phân tích CRP(Critical Rendering Path).
Bạn có thể theo dõi và giải quyết các tắc nghẽn kết xuất thực tế bằng DevTools.
Có thể render nhanh chóng hàng nghìn dữ liệu bằng Virtual List.
Bạn có thể tối ưu hóa hình ảnh, font và iframe bằng Lazy Loading.
Có thể triển khai phát hiện hiển thị, cuộn vô hạn, v.v. bằng Intersection Observer.
Có thể tự tin giải thích các khái niệm thường gặp trong phỏng vấn như CRP, DOMContentLoaded.
Bạn có thể học được các nguyên lý tối ưu hóa hiệu suất có thể áp dụng cho cả framework SPA.
Bạn có thể phát triển năng lực giải quyết căn bản các vấn đề về hiệu suất web.
Bạn có thể trực tiếp xử lý các vấn đề UI chậm thường xảy ra trong thực tế từ nguyên nhân đến giải pháp.
Bạn có thể hiểu rõ nguyên lý bằng cách trực tiếp triển khai quá trình rendering của trình duyệt bằng code.
will-change, tăng tốc GPU và các kỹ thuật tối ưu hóa CSS hiện đại khác có thể được thực hành.
Có thể lựa chọn chiến lược tải script (async, defer, preload) theo từng tình huống cụ thể.
Bạn có thể biến những kiến thức học được thông qua nhiệm vụ tối ưu hóa hiệu suất thành của riêng mình.

Tại sao hiện tượng này lại xảy ra?
Và trình duyệt trải qua quá trình nào để chuyển đổi HTML và CSS thành các pixel trên màn hình?

Khóa học này sẽ khám phá hoàn toàn bí mật đó, pipeline render của trình duyệt (CRP, Critical Rendering Path) từ cơ bản đến tối ưu hóa thực tế.

DOM, CSSOM, Render Tree, Layout, Paint, Composite - trong quá trình trực tiếp triển khai tất cả các giai đoạn rendering này bằng code, theo dõi thời gian thực bằng DevTools và xác nhận bằng mắt, bạn sẽ học một cách có hệ thống về nguyên lý trình duyệt tạo ra màn hình. Khóa học được thiết kế không chỉ dừng lại ở lý thuyết "rendering diễn ra như thế này", mà còn giúp bạn phát triển năng lực thực tế trong việc phân tích và tối ưu hóa các trang web chậm.

Đặc biệt sử dụng các công cụ chẩn đoán trực quan như Performance tab, Paint Flashing, FPS monitoring để phát hiện các điểm nghẽn, và học các chỉ số hiệu suất mà Google coi trọng như CLS(Layout Shift), Recalculate Style, Composite Layers. Cuối khóa học, bạn sẽ thực hành trực tiếp triển khai Virtual List để tối ưu hóa hàng nghìn DOM, từ đó có khả năng xử lý hiệu quả UI quy mô lớn ngay cả khi không sử dụng framework.

Sau khi hoàn thành khóa học này, bạn sẽ có được cảm giác có thể nhìn thấy bằng mắt và cải thiện bằng tay về cách trình duyệt diễn giải DOM, thời điểm nào hiệu suất bị suy giảm, và làm thế nào để cải thiện điều này. Trước khi chuyển sang các framework như React, Vue, nếu hiểu được CRP hoạt động ở tầng nền tảng thì việc tối ưu hóa hiệu suất và debug sẽ trở nên dễ dàng hơn rất nhiều.

📌 Đặc điểm của khóa học này

Học tập 100% trực quan
Xác minh trực tiếp bằng mắt pipeline rendering của trình duyệt thông qua code và DevTools.
Học tập cân bằng giữa lý thuyết và thực hành
Giải thích rõ ràng các khái niệm cốt lõi, ngay lập tức xác minh bằng mã thực hành và phân tích DevTools để học tập một cách cân bằng.
Huấn luyện nhiệm vụ thực tế
Giải quyết các nhiệm vụ dự án tái hiện chính xác các vấn đề thực tế trong công việc như tối ưu hóa CLS, chẩn đoán render dashboard, tối ưu hóa trang giỏ hàng/thanh toán.
Làm chủ hoàn toàn các chỉ số hiệu suất cốt lõi của web
Thông qua thực hành đo lường và cải thiện trực tiếp các Core Web Vitals như CLS, LCP, FCP, bạn có thể tăng cường cả khả năng hiển thị trên tìm kiếm và trải nghiệm người dùng.
Tăng cường khả năng phân tích hiệu suất rendering
Bạn sẽ thành thạo sử dụng các công cụ hiệu suất DevTools như Paint Flashing, FPS monitoring, Layers visualization.
Nắm vững chiến lược tối ưu hóa hiệu suất
Đào tạo có hệ thống từ việc giảm thiểu Layout/Paint không cần thiết, tận dụng GPU composite, tách Critical CSS, đến async/defer loading.
Kiến thức cần thiết trước khi học framework
Khóa học đi sâu vào cơ chế nội bộ của CRP mà bạn nhất định phải biết để hiểu được tối ưu hóa hiệu suất của các thư viện như React/Vue.
Kinh nghiệm cải thiện UX thực tế
Trải nghiệm trực tiếp việc cải thiện các chỉ số UX thực tế như layout ổn định, rendering đầu tiên nhanh (cải thiện LCP), duy trì animation 60fps.
Cảm giác dự án liên kết trực tiếp với thực tế công việc
Vượt qua việc luyện tập code đơn thuần, phát triển cảm giác thực tế có thể chẩn đoán và giải quyết các tắc nghẽn hiệu suất xảy ra trong môi trường vận hành dịch vụ.

🧩 Chúng tôi xử lý những nhiệm vụ thực tế như thế này

Trong khóa học [DOM 완전 정복 Part 3] này, chúng ta sẽ không chỉ học qua các ví dụ code đơn giản mà sẽ học thông qua việc giải quyết các nhiệm vụ thực tế được lấy từ những tình huống thực sự gặp phải trong quá trình phát triển dịch vụ.

✅ Mission #1 – Nhiệm vụ chỉnh sửa kiểu dáng tiêu đề
Mục tiêu thực hành: Phát triển khả năng theo dõi và sửa chữa các vấn đề UI không khớp với thiết kế của designer.
Tóm tắt nội dung: Sử dụng panel Elements/Styles của DevTools để phân tích các thuộc tính CSS sai của tiêu đề và chỉnh sửa kiểu dáng để có kết quả giống với thiết kế.

🎨 Mission #2 – Nhiệm vụ thiết kế lại bảng giá khuyến mãi
Mục tiêu thực hành: Phân tích vấn đề bố cục rối rắm và cải thiện UI.
Tóm tắt nội dung: Sử dụng DevTools để theo dõi các xung đột style không cần thiết, sau đó thông qua refactoring code để sắp xếp gọn gàng phần bảng giá và cải thiện cấu trúc phân cấp thị giác.

📏 Mission #3 – Nhiệm vụ tối ưu hóa CLS
Mục tiêu thực hành: Đo lường vấn đề layout shift bằng số liệu và triển khai UI ổn định.
Tóm tắt nội dung: Theo dõi sự kiện Layout Shift trong tab Performance và tính toán điểm CLS, sau đó áp dụng việc chỉ định kích thước hình ảnh, chiến lược tải font, v.v. để hoàn thiện trang web không bị rung lắc.

📊 Mission #4 – Nhiệm vụ chẩn đoán tắc nghẽn render dashboard
Mục tiêu thực hành: Kiểm tra hiệu suất dashboard có nhiều thẻ KPI·bảng·biểu đồ mini.
Tóm tắt nội dung: Sử dụng Paint Flashing và tab Layers để tìm ra các khu vực render lại thường xuyên, đảm bảo tính ổn định khung hình thông qua tối ưu hóa dựa trên GPU composite (transform/opacity).

🧾 Mission #5 – Nhiệm vụ tối ưu hóa UX đặt chỗ/biên lai
Mục tiêu thực hành: Tối ưu hóa kịch bản đặt chỗ và biên lai thanh toán thực tế.
Tóm tắt nội dung: So sánh trước và sau tối ưu hóa bằng tab Performance, giảm thiểu Recalculate Style và Paint không cần thiết để cải thiện luồng đặt chỗ/thanh toán hoạt động mượt mà.

🛒 Mission #6 – Nhiệm vụ cải thiện hiệu suất trang giỏ hàng & thanh toán
Mục tiêu thực hành: Duy trì hiệu suất ổn định trong quy trình cốt lõi của thương mại điện tử.
Tóm tắt nội dung: Tối thiểu hóa chi phí Layout khi thêm/xóa sản phẩm trong giỏ hàng và tối ưu hóa việc tải tài nguyên trong giai đoạn thanh toán để duy trì trải nghiệm người dùng liền mạch.

⚙ Mission #7 – Nhiệm vụ quản lý vòng đời trình duyệt
Mục tiêu thực hành: Kiểm soát đúng cách việc khởi tạo trình duyệt và ghi log phiên làm việc.
Tóm tắt nội dung: Phân tích thời điểm của các sự kiện như DOMContentLoaded, load, beforeunload và thiết kế cấu trúc đảm bảo bảo vệ dữ liệu UX cũng như tính ổn định của log.

🎯 Mission #8 – Nhiệm vụ tối ưu hóa Critical CSS
Mục tiêu thực hành: Giải quyết vấn đề CSS chặn quá trình render ban đầu.
Tóm tắt nội dung: Chỉ giữ lại vùng Above-the-Fold cốt lõi dưới dạng Critical CSS, phần còn lại sẽ được tách riêng theo phương thức lazy loading để cải thiện đáng kể tốc độ tải trang.

⚡ Mission #9 – Tối ưu hóa JS async/defer
Mục tiêu thực hành: Tối ưu hóa các script chặn quá trình rendering.
Tóm tắt nội dung: Điều chỉnh thời điểm thực thi của thẻ script bằng thuộc tính async, defer để cải thiện tốc độ rendering trang web mà không bị chặn.

🚀 Mission #10 – Chiến lược Preload & Prefetch
Mục tiêu thực hành: Rút ngắn LCP và tăng tốc độ cảm nhận ban đầu.
Tóm tắt nội dung: Sử dụng preload, preconnect, prefetch để tải trước các hình ảnh, font và tài nguyên cốt lõi nhằm tối đa hóa hiệu suất.

🎬 Mission #11 – Nhiệm vụ tối ưu hóa trang đích media
Mục tiêu thực hành: Cải thiện hiệu suất ban đầu của trang có nhiều hình ảnh và video quy mô lớn.
Tóm tắt nội dung: Áp dụng tải trễ Video và Lazy Loading hình ảnh để rút ngắn LCP/FCP và cải thiện hiệu suất cảm nhận.

📱 Mission #12 – Nhiệm vụ tối ưu hóa hiệu suất feed sản phẩm mới
Mục tiêu thực hành: Duy trì hiệu suất ngay cả với feed dữ liệu quy mô lớn.
Tóm tắt nội dung: Triển khai Virtual List và Infinite Scroll, kết hợp với Lazy Loading cho media/script để cung cấp UX nhanh chóng.

Kiến thức tiên quyết và lưu ý

Nếu bạn đã biết cấu trúc cơ bản của HTML/CSS và cú pháp cơ bản của JavaScript thì có thể theo dõi một cách suôn sẻ.
Đặc biệt, tốt nhất là bạn nên biết về addEventListener, if/else, forEach, và cách truy cập đối tượng.
Có thể học trên cả môi trường Mac/Windows, chỉ cần có trình duyệt web là có thể thực hành mà không cần cài đặt thêm gì.
Chúng tôi khuyến nghị sử dụng trình duyệt Chrome mới nhất.
(Tùy chọn) Part 1: [DOM 완전 정복 Part 1] – 구조 탐색과 조작의 모든 것
(Tùy chọn) Part 2: [DOM 완전 정복 Part 2] – Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác

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

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

Người mới bắt đầu frontend muốn tạo ra website nhanh
Nhà phát triển startup muốn giảm tỷ lệ người dùng rời bỏ do trang web chậm
Sinh viên chuẩn bị việc làm muốn thêm "dự án tối ưu hóa hiệu suất" vào portfolio
Nhà thiết kế kiêm lập trình viên đang lo lắng vì tốc độ tải chậm do hình ảnh, font chữ và video
Các lập trình viên đã từng gặp phải tình trạng hiệu suất giảm do có quá nhiều danh sách trong các framework như React, Vue
Người học JavaScript từng bối rối với các thuộc tính như "async, defer"
Nhà phát triển web cần cải thiện điểm Core Web Vitals trong dịch vụ thực tế
Những người đã thử phân tích hiệu suất bằng Developer Tools nhưng cảm thấy bối rối không biết nên sửa chỗ nào
Lập trình viên frontend junior quan tâm đến tối ưu hóa cuộn trang và rendering trong dự án dựa trên SPA
Người học đầy nhiệt huyết muốn đào sâu đến cùng câu hỏi "Tại sao web của tôi lại chậm?"

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

Hiểu biết cơ bản về các thẻ HTML/CSS cơ bản và cấu trúc DOM
Cú pháp cơ bản của JavaScript
Kinh nghiệm về querySelector và lựa chọn/thao tác các phần tử DOM
(Tùy chọn) [DOM 완전 정복 Part 1] – Tất cả về khám phá cấu trúc và thao tác
(Tùy chọn) [DOM 완전 정복 Part 2] – Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác

Xin chào
Đây là

462

Học viên

Đánh giá

Trả lời

4.8

Xếp hạng

Các khóa học

안녕하세요, 우리동네코딩 스튜디오에 오신 것을 환영합니다!

우리동네코딩 스튜디오는 카네기 멜론, 워싱턴, 토론토, 워터루 등 북미의 주요 대학에서 컴퓨터공학을 전공하고, Google, Microsoft, Meta 등 글로벌 IT 기업에서 실무 경험을 쌓은 개발자들이 함께 만든 교육 그룹입니다.

처음에는 미국과 캐나다의 컴퓨터공학 전공자들끼리 함께 공부하며 성장하고자 만든 스터디 모임에서 시작되었습니다. 각기 다른 대학, 다른 시간대에 있었지만 함께 문제를 해결하고 서로에게 배운 그 시간은 매우 특별했고, 자연스럽게 이런 생각이 들었습니다.

“우리가 공부하던 이 방식, 그대로 다른 사람에게도 전하면 어떨까?”

그 물음이 바로 우리동네코딩 스튜디오의 출발점이었습니다.

현재는 약 30명의 현직 개발자와 컴퓨터공학 전공 대학생들이 각자의 전문 분야를 맡아, 입문부터 실전까지 아우르는 커리큘럼을 직접 설계하고 강의합니다. 단순한 지식 전달을 넘어, 진짜 개발자의 시선으로 배우고 함께 성장할 수 있는 환경을 제공합니다.

“진짜 개발자는, 진짜 개발자에게 배워야 합니다.”

저희는 웹 개발의 전 과정을 처음부터 끝까지 체계적으로 다루되, 이론에 머무르지 않고 실습과 실전 중심의 피드백을 통해 실력을 키워드립니다.
수강생 한 사람, 한 사람의 성장을 함께 고민하고 이끌어가는 것이 우리의 철학입니다.

🎯 우리의 철학은 분명합니다.
"진정한 배움은 실천에서 오고, 성장은 함께할 때 완성된다."

개발을 처음 시작하는 입문자부터, 실무 능력을 키우고 싶은 취업 준비생, 진로를 탐색 중인 청소년까지.
우리동네코딩 스튜디오는 모두의 출발점이자, 함께 걷는 든든한 동반자가 되고자 합니다.

이제, 혼자 고민하지 마세요.
우리동네코딩 스튜디오가 여러분의 성장을 함께하겠습니다.

Welcome to Neighborhood Coding Studio!

Neighborhood Coding Studio was founded by a team of developers who studied computer science at top North American universities such as Carnegie Mellon, the University of Washington, the University of Toronto, and the University of Waterloo, and went on to gain hands-on experience at global tech companies like Google, Microsoft, and Meta.

It all began as a study group formed by computer science students across the U.S. and Canada, created to grow together by sharing knowledge, solving problems, and learning from one another.
Though we were attending different schools in different time zones, the experience was so meaningful that it led us to one simple thought:

“What if we shared this way of learning with others?”

That thought became the foundation of Neighborhood Coding Studio.

Today, we are a team of around 30 active developers and computer science students, each taking responsibility for their area of expertise—designing and delivering a curriculum that spans from foundational knowledge to real-world development.
We’re not just here to teach—we’re here to help you see through the lens of real developers and grow together.

“To become a real developer, you must learn from real developers.”

Our courses take you through the entire web development journey—from start to finish—focused on hands-on practice, real-world projects, and practical feedback.
We care deeply about each learner’s growth and are committed to supporting your path every step of the way.

🎯 Our philosophy is simple but powerful:
"True learning comes from doing, and true growth happens together."

Whether you're just getting started, preparing for your first job, or exploring your future in tech,
Neighborhood Coding Studio is here to be your launchpad—and your trusted companion on the journey.

You don’t have to do it alone.
Let Neighborhood Coding Studio walk with you toward your future in development.

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

Tất cả

42 bài giảng ∙ (2giờ 15phút)

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

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

Nhiệm vụ

Phần 1. Phần #1: Pipeline Rendering Trình duyệt – Hiểu về CRP thông qua việc triển khai bằng code

11 bài giảng ∙ (56phút)

1. Section #1: Mã ví dụ sẽ được sử dụng trong bài học
2. CRP(Critical Rendering Path) tổng quan — Hành trình cốt lõi của hiệu suất web
04:59
3. DOM & CSSOM — Quá trình HTML và CSS trở thành cây
07:18
4. Triển khai HTML Parser — Từ văn bản đến cây DOM
05:05
5. CSS parser implementation — Chuyển đổi quy tắc style thành cây đối tượng
05:27
6. Cấu trúc Render Tree — Sự kết hợp của DOM và CSSOM
05:46
7. Layout giai đoạn — Logic tính toán vị trí và kích thước
07:52
8. Paint giai đoạn — khoảnh khắc chuyển đổi thành pixel
07:25
9. Composite 단계 — 합성 các layer
06:26
10. Tạo trực tiếp engine rendering — Mô phỏng toàn bộ quy trình
06:03
11. Tóm tắt: Section #1: Pipeline Rendering Trình duyệt – Hiểu CRP thông qua việc triển khai bằng code

Phần 2. Section #2: Chẩn đoán hiệu suất rendering trình duyệt – Khám phá điểm nghẽn với DevTools

9 bài giảng ∙ (39phút)

12. Section #2: Mã ví dụ sẽ được sử dụng trong bài học
13. Elements & Computed — Phân tích cấu trúc DOM và style cuối cùng
05:59
14. Performance Timeline — Lý do tại sao giai đoạn Composite biến mất
06:32
15. Layout Shift & CLS — Đo lường độ rung lắc màn hình
06:57
16. Paint Flashing & Layer Borders — Thực hành trực quan hóa rendering
06:09
17. FPS & Thời gian biểu kết xuất — Phân tích hiệu suất hoạt ảnh
07:28
18. Nghiên cứu tình huống thực tế — Tìm kiếm điểm nghẽn của trang web chậm
06:33
19. Tóm tắt: Section #2: Chẩn đoán hiệu suất rendering trình duyệt – Khám phá điểm nghẽn với DevTools
20. Ví dụ: Section #2: Chẩn đoán hiệu suất rendering trình duyệt – Khám phá điểm nghẽn với DevTools

Phần 3. Section #3: Vòng đời trình duyệt và chiến lược tối ưu hóa rendering thực tế

9 bài giảng ∙ (39phút)

21. Phần #3: Mã ví dụ sẽ được sử dụng trong bài học
22. DOMContentLoaded·load·beforeunload·unload — Hiểu hoàn toàn thời điểm các sự kiện trình duyệt
08:04
23. Tài nguyên chặn render — Kỹ thuật tối ưu hóa CSS·JS
08:54
24. Speculative Parsing và preload/async/defer — Chiến lược tải song song
05:29
25. Tối ưu hóa Lazy Loading cho hình ảnh & web font
06:42
26. Intersection Observer — Tối ưu hóa hiệu suất phát hiện viewport
04:24
27. Virtual List — Tối ưu hóa render DOM quy mô lớn
05:45
28. Tóm tắt: Section #3: Chu kỳ sống của trình duyệt và chiến lược tối ưu hóa rendering thực tế
29. Ví dụ: Section #3: Vòng đời trình duyệt và chiến lược tối ưu hóa rendering thực tế

Phần 4. Nhiệm vụ

13 bài giảng

Ngày đăng:

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

Đánh giá

Tất cả

6 đánh giá

5.0

6 đánh giá

hochoi86214872
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
30% đã tham gia
Tôi đang nghe rất chăm chú!
- nhcodingstudio
  Giảng viên
  Xin chào howu 😊 Cảm ơn bạn rất nhiều vì đã để lại đánh giá ấm áp như vậy. 🙏 Việc bạn thích thú khi nghe bài giảng thực sự là động lực rất lớn đối với tôi. Khóa học này được thiết kế không chỉ để học lý thuyết đơn thuần, mà còn để bạn có thể trực tiếp quan sát bằng mắt quá trình trình duyệt tạo ra màn hình thông qua DOM, và rèn luyện khả năng cảm nhận để cải thiện hiệu suất trong công việc thực tế. Nếu những phần đó đã thu hút được bạn thì tôi thực sự cảm thấy rất đáng giá. Từng lời động viên như thế này đều trở thành động lực lớn trong việc tạo ra các bài giảng. Tôi sẽ đáp lại bằng những bài giảng có nội dung sâu sắc và thiết thực hơn nữa. Nếu trong quá trình học có điều gì thắc mắc hoặc muốn tìm hiểu thêm, hãy thoải mái chia sẻ bất cứ lúc nào nhé. 💬 Dù là câu hỏi nhỏ, chúng ta cùng thảo luận để tạo ra trải nghiệm học tập tốt hơn. Một lần nữa, xin chân thành cảm ơn sự ủng hộ quý báu của bạn, Chúc bạn có một ngày tốt lành! 🌿 Tôi cũng đang trò chuyện với các học viên trong phòng chat mở, khi có thời gian hãy ghé qua nhé. 👉 https://open.kakao.com/o/gC10Fnoh
bkw96032393
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
60% đã tham gia
- nhcodingstudio
  Giảng viên
  Xin chào anh Byeon Giwon 😊 Cảm ơn anh rất nhiều vì đã để lại đánh giá ấm áp. 🙏 Tôi thật sự vui mừng khi biết anh đã nghe khóa học một cách thú vị. [DOM 완전 정복 Part 3] này được thiết kế để theo dõi toàn bộ quá trình trình duyệt vẽ màn hình từ đầu đến cuối, và để anh có thể trực tiếp trải nghiệm những khoảnh khắc hiệu suất thực sự được cải thiện. Nếu quá trình đó đã đến với anh một cách thú vị, thì với tư cách là người sáng tạo, tôi cảm thấy vô cùng bổ ích. Từng lời động viên mà anh để lại đều trở thành động lực lớn giúp tôi tiếp tục các khóa học. Tôi sẽ tiếp tục mang đến những khóa học tối ưu hóa hiệu suất có thể áp dụng ngay vào thực tế, và những nội dung sâu sắc hơn như phần React 렌더링 tiếp theo. Nếu trong quá trình học có điều gì thắc mắc hoặc chủ đề nào muốn tìm hiểu thêm, hãy thoải mái để lại bất cứ lúc nào. 💬 Hy vọng chúng ta có thể cùng nhau trò chuyện và tạo nên hành trình học tập tốt đẹp hơn. Một lần nữa cảm ơn anh, Chúc anh có một ngày tốt lành! 🌿 Tôi cũng đang vận hành phòng chat mở để trò chuyện cùng các học viên, Khi có thời gian hãy ghé qua nhé. 👉 https://open.kakao.com/o/gC10Fnoh
rarla
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
83% đã tham gia
Đúng như tiêu đề khóa học, từ DOM đến pixel, có thể hiểu được luồng tổng thể về browser rendering và CRP, và mặc dù chưa thực hiện nhưng việc có thể học đến các vấn đề có thể gặp phải trong thực tế và phương pháp giải quyết thông qua bài tập thực hành thật tuyệt vời! Giảng viên trả lời các câu hỏi rất chi tiết nên đây là một khóa học rất hài lòng!
- nhcodingstudio
  Giảng viên
  Xin chào chị Jeong Su-ji 😊 Những lời động viên ấm áp như vậy thực sự là nguồn động lực rất lớn đối với tôi. 🙏 Tôi rất vui khi biết chị đã thấy thú vị với quá trình rendering từ DOM đến pixel và luồng CRP. Như chị đã nói, khóa học này được thiết kế để giúp hiểu một cách có cấu trúc toàn bộ quá trình trình duyệt tạo ra màn hình, và hơn nữa là để có thể tự giải quyết những vấn đề có thể gặp phải trong thực tế. Tôi cảm thấy rất đáng giá khi ý định đó đã được truyền tải tốt. Những lời động viên như thế này thực sự là động lực rất lớn trong việc tạo ra các khóa học. Tôi sẽ tiếp tục nghiên cứu và phát triển một cách kiên trì, để mang đến những nội dung sâu sắc hơn và thực sự hữu ích. Hiện tại tôi đang chuẩn bị các khóa học mới bao gồm cả series React, nguyên lý hoạt động sau rendering và việc áp dụng vào dự án thực tế. Nếu trong quá trình học có điều gì thắc mắc hoặc muốn tìm hiểu thêm, hãy thoải mái chia sẻ bất cứ lúc nào. Dù là câu hỏi nhỏ, chúng ta cùng thảo luận để tạo ra trải nghiệm học tập tốt hơn sẽ rất tuyệt. 💬 Một lần nữa xin chân thành cảm ơn những phản hồi quý báu, tôi sẽ đáp lại bằng hình ảnh không ngừng phát triển. Chúc chị có một ngày hạnh phúc! 🌿 Tôi cũng đang trò chuyện với các học viên trong phòng chat mở, khi có thời gian hãy ghé qua nhé. 👉 https://open.kakao.com/o/gC10Fnoh
abcd123123
Đánh giá 326
∙
Đánh giá trung bình 5.0
5
13% đã tham gia
- nhcodingstudio
  Giảng viên
  Cảm ơn bạn, Jeong Byeong-ju! 🙏 Việc bạn tìm đến Part 3 sau Part 2 thực sự là động lực rất lớn cho tôi. Nhờ bạn kiên trì đồng hành, từ DOM events và dynamic UI ban đầu, giờ chúng ta có thể cùng khám phá những chủ đề sâu hơn như browser rendering và CRP, điều này khiến tôi cảm thấy rất có ý nghĩa. 🚀 CRP có thể là khái niệm khá xa lạ và phức tạp, nhưng nếu hiểu được cách DOM chuyển thành pixels, bạn sẽ có được những hiểu biết chắc chắn hơn nhiều về tối ưu hóa hiệu suất web và cải thiện trải nghiệm người dùng. Hy vọng trong bài giảng này, bạn cũng đã được nhiều giúp đỡ khi theo dõi luồng như đang vẽ hình trong đầu. Nếu trong quá trình nghe giảng có điều gì thắc mắc hoặc muốn tìm hiểu chi tiết hơn, hãy thoải mái chia sẻ bất cứ lúc nào. Dù là câu hỏi nhỏ, tôi cũng sẽ tận tình trả lời và cùng suy nghĩ với bạn. 💬 Ngoài ra, bạn cũng có thể tự do giao lưu với các học viên khác trong phòng chat mở và trao đổi ý kiến với tôi, hãy thoải mái ghé thăm bất cứ lúc nào. 📮 👉 [https://open.kakao.com/o/gC10Fnoh] Và cũng hy vọng bạn có thể nhẹ nhàng mong đợi khóa học React đang được chuẩn bị tiếp theo. Những ai đã hiểu nguyên lý hoạt động của DOM và browser sẽ có thể dễ dàng tiếp nhận hơn nhiều lý do tại sao React lại được thiết kế theo cách đó. 🌟 Tôi chân thành ủng hộ niềm đam mê và hành trình học tập kiên trì của Jeong Byeong-ju, và mong đợi chúng ta sẽ tiếp tục cùng nhau phát triển! ✨
yunajoe9062
Đánh giá 3
∙
Đánh giá trung bình 4.3
5
63% đã tham gia
Tôi thích cách tìm nguyên nhân và phân tích bằng cách sử dụng dev tools.

Ưu đãi có thời hạn, kết thúc sau 8 ngày ngày

627.183 ₫

25%

836.245 ₫

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

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

Học React đúng cách: Hoàn thành bản chất của rendering và UI khai báo thông qua các nhiệm vụ [Part 1 – Phần cơ bản]

nhcodingstudio

Đây không phải là khóa học chỉ nghe và kết thúc. Khóa học này không nhắm đến "khoảnh khắc hiểu React" mà là "khoảnh khắc có thể trực tiếp sử dụng React". Mỗi phần sẽ thực hiện mission cùng với bài giảng, giải trực tiếp các bài tập, đây là quá trình học tập thông qua việc tự tay implement các khái niệm cốt lõi như JSX, Virtual DOM, State, useEffect. Khi hoàn thành khóa học, bạn sẽ không chỉ là người mới bắt đầu biết cú pháp React, mà sẽ trở thành developer có thể tự giải thích và ứng dụng từ thiết kế component đến luồng rendering. "Không phải lớp học chỉ nghe, mà là học tập hoàn thiện từng bước." Hãy hiểu bản chất của React và trực tiếp trải nghiệm thế giới của declarative UI.

초급

HTML/CSS, JavaScript, React

Học React đúng cách: Hoàn thành bản chất của rendering và UI khai báo thông qua các nhiệm vụ [Part 1 – Phần cơ bản]

nhcodingstudio

HTML + CSS học bài bản: Chinh phục hoàn hảo từ nhập môn đến thực chiến Phần 1 - [Phần cơ bản]

nhcodingstudio

Khóa học “Học HTML + CSS đúng cách: Chinh phục hoàn hảo từ nhập môn đến thực chiến Phần 1” là quá trình giúp bạn hiểu sâu sắc nguyên lý hoạt động của Internet và Web, đồng thời nắm vững kiến thức cơ bản về HTML/CSS thông qua chương trình học tập trung vào thực hành. Chỉ cần tham gia khóa học này, bạn sẽ nắm chắc các khái niệm thiết yếu của phát triển web và có thể áp dụng ngay vào dự án.

입문

HTML/CSS

HTML + CSS học bài bản: Chinh phục hoàn hảo từ nhập môn đến thực chiến Phần 1 - [Phần cơ bản]

nhcodingstudio

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.

초급

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

Tất cả về khám phá và thao tác cấu trúc - [Chinh phục hoàn toàn DOM Part 1]

nhcodingstudio

Dù bạn có học React, Next.js, Vue đến đâu, nếu bạn cảm thấy mã code trừu tượng và cấu trúc không được hiểu rõ ràng, nguyên nhân cốt lõi có thể là do thiếu hiểu biết về DOM. DOM là nền tảng của mọi framework frontend, là thực thể kết nối cấu trúc và hoạt động của một trang web. Khóa học này không chỉ dừng lại ở các bộ chọn hay phương pháp thao tác đơn giản, mà còn từ đầu, từng bước một, chỉ ra cách HTML được biến đổi thành đối tượng DOM, cách cấu trúc này có thể được chọn, duyệt qua và thao tác. Đây là khóa học nhập môn Phần 1 của loạt bài chinh phục DOM hoàn toàn. Các thẻ HTML chỉ là cấu trúc, và JavaScript chỉ là hành vi, nhưng DOM là yếu tố cốt lõi kết nối cả hai. Nếu bạn hiểu rõ ràng mối liên kết này, bạn sẽ có thể nhìn thấu cấu trúc và luồng thực sự bên trong bất kỳ framework nào mà bạn sử dụng.

입문

HTML/CSS, JavaScript, React

Tất cả về khám phá và thao tác cấu trúc - [Chinh phục hoàn toàn DOM Part 1]

nhcodingstudio

Xây dựng Server Framework từ đầu: Sao chép Engine Express.js

nhcodingstudio

Khóa học này không chỉ đơn thuần sử dụng Express.js. Bạn sẽ xây dựng lại engine bên trong của nó từ đầu đến cuối, có được trải nghiệm thực tế với các nguyên lý thực sự về cách một server hoạt động. Bằng cách trực tiếp tạo ra từng thành phần của Express—như routing, middleware, request–response objects, xử lý static file, và template rendering—bạn sẽ phát triển như một server developer và thực sự hiểu cách một framework hoạt động ở cốt lõi.

초급

JavaScript, Node.js, Express

Xây dựng Server Framework từ đầu: Sao chép Engine Express.js

nhcodingstudio

Triển khai Notion trực tiếp bằng Vanilla JavaScript

nhcodingstudio

Khóa học này là một dự án frontend cấp độ fullstack tập trung vào việc triển khai Notion từ đầu đến cuối bằng Vanilla JavaScript, không chỉ dừng lại ở việc clone UI đơn thuần mà còn tập trung vào việc hiểu sâu nguyên lý hoạt động bên trong. Chúng ta sẽ trực tiếp triển khai tất cả các tính năng cốt lõi của một ứng dụng ghi chú thực tế bằng vanilla JS như: sidebar tree, tạo tài liệu lồng nhau, tự động lưu, routing, thùng rác, yêu thích, modal tìm kiếm, modal cài đặt, chuyển đổi theme, Export/Import, phím tắt, responsive layout, drag resize. Mục tiêu là học vững chắc các hoạt động chuẩn của trình duyệt (event bubbling, DOM tree, local storage, Blob, FileReader, hash routing, v.v.) mà bạn phải biết trước khi sử dụng các framework như React, Vue, để có thể hiểu hoàn toàn "tại sao lại hoạt động như vậy" và xây dựng nội lực có thể debug được.

초급

JavaScript, React, Web Application

Triển khai Notion trực tiếp bằng Vanilla JavaScript

nhcodingstudio

Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.js

nhcodingstudio

Đây là khóa học không chỉ dừng lại ở việc sử dụng Express.js mà còn giúp bạn nắm vững nguyên lý hoạt động thực sự của server bằng cách tự tay triển khai toàn bộ engine nội bộ của nó từ đầu đến cuối. Khóa học mang đến trải nghiệm trở thành nhà phát triển server thông qua việc tự mình xây dựng từ đầu mọi thành phần của Express như router, middleware, đối tượng yêu cầu-phản hồi, xử lý tệp tĩnh và hiển thị template.

초급

JavaScript, Node.js, Express

Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.js

nhcodingstudio

Học JavaScript đúng cách: Lập trình hướng đối tượng hoàn chỉnh & Thực chiến AI Tic-Tac-Toe chiến lược Part2 [Phần trung cấp]

nhcodingstudio

📌 Khóa học này là chương trình giảng dạy bắt đầu với dự án AI cờ caro chiến lược và hoàn thành các khái niệm cốt lõi của lập trình hướng đối tượng bằng các ví dụ thực tế. Thông qua việc hiện thực hóa trò chơi, bạn sẽ rèn luyện tư duy chiến lược AI và thiết kế logic, sau đó trực tiếp trải nghiệm các kỹ thuật thiết kế OOP như thừa kế, kết hợp, ủy quyền, đóng gói qua mã code. Khóa học được khuyến nghị cho những ai muốn phát triển thành một 'nhà phát triển biết thiết kế' vượt qua ngữ pháp thông thường thông qua các dự án thực tế.

초급

JavaScript, HTML/CSS, oop

Học JavaScript đúng cách: Lập trình hướng đối tượng hoàn chỉnh & Thực chiến AI Tic-Tac-Toe chiến lược Part2 [Phần trung cấp]

nhcodingstudio

Học Express.js một cách bài bản: Phần 1 Từ cơ bản đến nâng cao [Phần cơ bản]

nhcodingstudio

Nhập môn Express.js mượt mà như dòng chảy, từ cơ bản đến thực chiến! Hành trình backend, tự tay xây dựng từ khái niệm cơ bản về server đến hoàn thành dự án CRUD, học hỏi một cách bài bản.

초급

express.js, Node.js, routing

Học Express.js một cách bài bản: Phần 1 Từ cơ bản đến nâng cao [Phần cơ bản]

nhcodingstudio

Học JavaScript đúng cách: Chinh phục hoàn toàn từ người mới bắt đầu đến người làm thực tế Phần 1 - [Phần cơ bản]

nhcodingstudio

Thông qua khóa học này, học viên sẽ được học rộng rãi các khái niệm cơ bản và nâng cao của JavaScript, từ thiết lập môi trường phát triển đến biến, câu lệnh điều kiện, hàm, đối tượng, mảng, v.v. Thông qua thực hành và bài kiểm tra, học viên có thể ôn tập kỹ lưỡng và trang bị khả năng giải quyết vấn đề, có thể áp dụng ngay vào thực tế phát triển web và di động.

입문

JavaScript, HTML/CSS, Web Application

Học JavaScript đúng cách: Chinh phục hoàn toàn từ người mới bắt đầu đến người làm thực tế Phần 1 - [Phần cơ bản]

nhcodingstudio

HTML + CSS học đúng cách: Chinh phục hoàn hảo từ nhập môn đến thực chiến Phần 2 - [Trung cấp]

nhcodingstudio

Đây là khóa học giúp bạn làm chủ một cách hệ thống các kỹ thuật CSS trung cấp trở lên như "CSS Position, Transition, Transform, Animation, Flexbox, Grid, Thiết kế web đáp ứng (Responsive Web)" và học các kỹ năng có thể áp dụng ngay vào thực tế thông qua các dự án thực hành đa dạng.

초급

HTML/CSS

HTML + CSS học đúng cách: Chinh phục hoàn hảo từ nhập môn đến thực chiến Phần 2 - [Trung cấp]

nhcodingstudio

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!

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

초급

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

Tất cả về khám phá và thao tác cấu trúc - [Chinh phục hoàn toàn DOM Part 1]

nhcodingstudio

입문

HTML/CSS, JavaScript, React

Tất cả về khám phá và thao tác cấu trúc - [Chinh phục hoàn toàn DOM Part 1]

nhcodingstudio

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

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

초급

React, Firebase, Web Application

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

[Từ JavaScript đến React] Con đường đến React không bỏ cuộc [Phiên bản đầy đủ]

youngcodikimssam

Bạn đã từ bỏ việc học React à? Dành cho người mới bắt đầu hoàn toàn, không chuyên ngành, từ JavaScript đến React, chúng tôi sẽ mở ra con đường đến React mà không bỏ cuộc.

입문

JavaScript, React, jQuery

[Từ JavaScript đến React] Con đường đến React không bỏ cuộc [Phiên bản đầy đủ]

youngcodikimssam

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

codecamp

Đâ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 😊

입문

React, Next.js, GraphQL

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

codecamp

<M.B.I.T> Tạo trang thử nghiệm! với Django

jejucoding

Tạo một trang web kiểm tra kiểu phát triển của bạn! MBIT (Nhân vật CNTT xuất sắc nhất của tôi), không phải MBTI! Bạn có thể tìm hiểu toàn bộ quá trình phát triển web bằng cách tạo trang thử nghiệm MBIT của riêng mình. (Tôi sử dụng phiên bản Django 3.1.)

초급

HTML/CSS, JavaScript, Django

<M.B.I.T> Tạo trang thử nghiệm! với Django

jejucoding

Bài giảng front-end dành cho back-end của lập trình viên back-end - Căn bản

foo

Chúng tôi sẽ cung cấp cho những người tìm việc đã tạo danh mục đầu tư với tư cách là nhà phát triển phụ trợ nhưng không có gì để hiển thị ngoài API, với kinh nghiệm tạo một dịch vụ web duy nhất bằng cách thêm giao diện người dùng.

초급

HTML/CSS, JavaScript, Bootstrap

Bài giảng front-end dành cho back-end của lập trình viên back-end - Căn bản

foo

Học JavaScript đúng cách: Lập trình hướng đối tượng hoàn chỉnh & Thực chiến AI Tic-Tac-Toe chiến lược Part2 [Phần trung cấp]

nhcodingstudio

초급

JavaScript, HTML/CSS, oop

Học JavaScript đúng cách: Lập trình hướng đối tượng hoàn chỉnh & Thực chiến AI Tic-Tac-Toe chiến lược Part2 [Phần trung cấp]

nhcodingstudio

[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

Khóa học nhập môn AI Vibe Coding dành cho cả người không chuyên ngành

itconnect

💡 Ngay cả người không phải lập trình viên cũng có thể cùng AI từ MVP khởi nghiệp chỉ trong 10 giờ đến dịch vụ tạo doanh thu! 💰 Chi phí thuê ngoài hàng chục triệu won cần thiết cho phát triển giờ đây được giải quyết hoàn toàn chỉ với 120,000 won 🎯 Hoàn thành 5 dự án kinh doanh thực tế từ nhận diện danh thiếp, phân tích cảm xúc đến phân tích vị trí 🔥 Nếu bạn là người lập kế hoạch, marketer, người chuẩn bị khởi nghiệp thì có thể hiện thực hóa ý tưởng mà không cần lập trình viên ⚡ Bắt đầu ngay bây giờ để có được khả năng tự lập phát triển dùng cả đời!

입문

HTML/CSS, Java, Web Application

Khóa học nhập môn AI Vibe Coding dành cho cả người không chuyên ngành

itconnect

Claude Code Hoàn Hảo Master: Từ Cơ Bản Đến Thực Chiến Quy Trình Phát Triển AI (with Cursor AI)

gymcoding

Khám phá → Lập kế hoạch → Triển khai → Commit. Làm chủ quy trình phát triển AI đã được kiểm chứng với Claude Code. Học hỏi qua 23 nhiệm vụ từ MCP, Sub-agent đến Prompt Engineering, và hoàn thành 3 dự án thực tế.

입문

React, Next.js, cursor

Claude Code Hoàn Hảo Master: Từ Cơ Bản Đến Thực Chiến Quy Trình Phát Triển AI (with Cursor AI)

gymcoding

jQuery bất tử vẫn còn sống - Từ cơ bản đến thực tế

ezweb

jQuery, thư viện javascript được sử dụng bởi hơn 75% trang web trên toàn thế giới! Nội dung khóa học được xây dựng để bạn có thể củng cố những kiến thức cơ bản, hiểu rõ nguyên lý hoạt động thay vì chỉ tập trung vào những hiệu ứng hào nhoáng. Hãy học từ cơ bản đến nâng cao về jQuery để hoàn thành portfolio của riêng bạn hoặc áp dụng ngay vào công việc thực tế.

초급

HTML/CSS, JavaScript, jQuery

jQuery bất tử vẫn còn sống - Từ cơ bản đến thực tế

ezweb

Giới thiệu về TypeScript - Từ cơ bản đến thực tế

captain

Đây là khóa học dành cho những người mới bắt đầu học TypeScript. Chúng tôi đã xây dựng chương trình giảng dạy để những người không biết về ngữ pháp JavaScript mới nhất cũng có thể dễ dàng học. Hãy cùng nhau học TypeScript theo cách dễ dàng và thú vị từ góc nhìn của người mới bắt đầu 😄

초급

TypeScript, ES6, JavaScript

Giới thiệu về TypeScript - Từ cơ bản đến thực tế

captain

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS Core

codefactory

JavaScript, TypeScript Tiếp theo là phát triển backend! Bạn sẽ có thể phát triển backend API REST bằng NestJS, phát triển và triển khai Socket IO.

초급

NestJS, REST API, backend

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS Core

codefactory

Xây dựng Server Framework từ đầu: Sao chép Engine Express.js

nhcodingstudio

초급

JavaScript, Node.js, Express

Xây dựng Server Framework từ đầu: Sao chép Engine Express.js

nhcodingstudio

Thật sự! Javascript - Từ cơ bản đến nâng cao

codingmax

🌟 Bắt đầu với khóa học JavaScript từ cơ bản đến nâng cao! 🌟

입문

JavaScript, ES6, es5

Thật sự! Javascript - Từ cơ bản đến nâng cao

codingmax

Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp

youngcodikimssam

Đây là bài giảng về cách sử dụng Bootstrap để tạo trang web phản hồi, tức là trang web có bố cục thay đổi tùy theo thiết bị. [Phiên bản sửa đổi]

초급

Bootstrap, Responsive Web, Web Design

Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp

youngcodikimssam

Bootcamp thực hành: Thiết kế web responsive với Bootstrap

youngcodikimssam

Trong buổi học thực hành của khóa học "Xây dựng trang web phản hồi bằng BOOTSTRAP [Ấn bản sửa đổi năm 2024]", chúng ta sẽ trực tiếp xây dựng một trang web thực tế có bố cục thay đổi theo thiết bị, sử dụng Bootstrap 4.

초급

Bootstrap, Responsive Web, Web Design

Bootcamp thực hành: Thiết kế web responsive với Bootstrap

youngcodikimssam

[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ừ DOM đến pixel, chinh phục hoàn toàn quá trình rendering của trình duyệt và CRP - [DOM 완전 정복 Part 3]

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

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