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: 24750 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á

78 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

nhcodingstudio

HTML/CSS

JavaScript

React

DOM

frontend

HTML/CSS

JavaScript

React

DOM

frontend

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

5.0

YU NA Joe

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.

5.0

leo pug

30% đã tham gia

Anh/Em yêu bạn

5.0

호우

30% đã tham gia

Tôi đang nghe rất chăm chú!

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à

719

Học viên

Đánh giá

Trả lời

4.8

Xếp hạng

Các khóa học

Xin chào, chào mừng bạn đến với Our Neighborhood Coding Studio!

Our Neighborhood Coding Studio là một nhóm giáo dục được thành lập bởi các nhà phát triển tốt nghiệp chuyên ngành Khoa học máy tính tại các trường đại học hàng đầu Bắc Mỹ như Carnegie Mellon, Washington, Toronto, Waterloo và đã tích lũy kinh nghiệm thực tế tại các tập đoàn IT toàn cầu như Google, Microsoft, Meta.

Ban đầu, mọi thứ bắt đầu từ một nhóm học tập được thành lập để các sinh viên chuyên ngành Khoa học máy tính tại Mỹ và Canada có thể cùng nhau học hỏi và phát triển. Dù ở các trường đại học khác nhau và thuộc các múi giờ khác nhau, nhưng khoảng thời gian cùng nhau giải quyết vấn đề và học hỏi lẫn nhau đó vô cùng đặc biệt, và một ý nghĩ đã tự nhiên nảy ra.

“Nếu chúng ta truyền đạt lại đúng phương pháp học tập này cho những người khác thì sao nhỉ?”

Câu hỏi đó chính là điểm khởi đầu của Woori Dongne Coding Studio.

Hiện tại, có khoảng 30 nhà phát triển đang đi làm và các sinh viên chuyên ngành khoa học máy tính đảm nhận từng lĩnh vực chuyên môn riêng, trực tiếp thiết kế và giảng dạy lộ trình học từ cơ bản đến thực chiến. Không chỉ dừng lại ở việc truyền đạt kiến thức đơn thuần, chúng tôi mang đến một môi trường nơi bạn có thể học hỏi dưới góc nhìn của một nhà phát triển thực thụ và cùng nhau phát triển.

“Lập trình viên thực thụ phải học từ lập trình viên thực thụ.”

Chúng tôi bao quát toàn bộ quy trình phát triển web một cách hệ thống từ đầu đến cuối, nhưng không dừng lại ở lý thuyết mà giúp bạn nâng cao năng lực thông qua thực hành và phản hồi tập trung vào thực tế.
Triết lý của chúng tôi là cùng trăn trở và dẫn dắt sự trưởng thành của từng học viên một.

🎯 Triết lý của chúng tôi rất rõ ràng.
"Sự học chân chính đến từ thực hành, và sự trưởng thành chỉ hoàn thiện khi chúng ta đồng hành cùng nhau."

Từ những người mới bắt đầu học lập trình, đến những sinh viên đang chuẩn bị xin việc muốn nâng cao kỹ năng thực tế, hay những bạn trẻ đang trong quá trình định hướng nghề nghiệp.
Neighborhood Coding Studio mong muốn trở thành điểm khởi đầu và là người đồng hành tin cậy cùng tất cả mọi người.

Giờ đây, đừng lo lắng một mình nữa.
Neighborhood Coding Studio sẽ luôn đồng hành cùng sự phát triển của bạn.

Chào mừng bạn đến với Neighborhood Coding Studio!

Neighborhood Coding Studio được thành lập bởi một đội ngũ các nhà phát triển từng theo học ngành khoa học máy tính tại các trường đại học hàng đầu Bắc Mỹ như Carnegie Mellon, Đại học Washington, Đại học Toronto và Đại học Waterloo, và đã tích lũy được nhiều kinh nghiệm thực tế tại các công ty công nghệ toàn cầu như Google, Microsoft và Meta.

Tất cả bắt đầu từ một nhóm học tập được thành lập bởi các sinh viên khoa học máy tính trên khắp Hoa Kỳ và Canada, được tạo ra để cùng nhau phát triển bằng cách chia sẻ kiến thức, giải quyết vấn đề và học hỏi lẫn nhau.
Mặc dù chúng tôi học ở những ngôi trường khác nhau và ở các múi giờ khác nhau, nhưng trải nghiệm đó ý nghĩa đến mức đã dẫn chúng tôi đến một suy nghĩ đơn giản:

“Sẽ ra sao nếu chúng ta chia sẻ cách học này với những người khác?”

Ý nghĩ đó đã trở thành nền tảng của Neighborhood Coding Studio.

Hiện tại, chúng tôi là một đội ngũ gồm khoảng 30 nhà phát triển và sinh viên ngành khoa học máy tính đang hoạt động, mỗi người chịu trách nhiệm về lĩnh vực chuyên môn của mình—thiết kế và truyền tải chương trình giảng dạy trải dài từ kiến thức nền tảng đến phát triển thực tế.
Chúng tôi không chỉ ở đây để giảng dạy—chúng tôi ở đây để giúp bạn nhìn nhận dưới góc độ của những nhà phát triển thực thụ và cùng nhau phát triển.

“Để trở thành một lập trình viên thực thụ, bạn phải học hỏi từ những lập trình viên thực thụ.”

Các khóa học của chúng tôi sẽ đưa bạn đi qua toàn bộ hành trình phát triển web—từ đầu đến cuối—tập trung vào thực hành thực tế, các dự án thực tế và phản hồi thực tiễn.
Chúng tôi quan tâm sâu sắc đến sự phát triển của từng học viên và cam kết hỗ trợ con đường của bạn trên mọi bước đi.

🎯 Triết lý của chúng tôi tuy đơn giản nhưng đầy mạnh mẽ:
"Học thực sự đến từ hành động, và sự trưởng thành thực sự diễn ra khi chúng ta đồng hành cùng nhau."

Cho dù bạn chỉ mới bắt đầu, đang chuẩn bị cho công việc đầu tiên hay đang khám phá tương lai của mình trong ngành công nghệ,
Neighborhood Coding Studio luôn ở đây để trở thành bệ phóng—và là người bạn đồng hành đáng tin cậy của bạn trên suốt hành trình này.

Bạn không cần phải thực hiện điều đó một mình.
Hãy để Neighborhood Coding Studio đồng hành cùng bạn trên con đường hướng tới tương lai trong ngành phát triển phần mềm.

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á

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.
- nhcodingstudio
  Giảng viên
  Xin chào YU NA Joe! 😊 Cảm ơn bạn rất nhiều vì đã để lại đánh giá quý báu. 🙏 Mình thực sự vui vì phần hướng dẫn sử dụng DevTools và quy trình phân tích trong khóa học [DOM 완전 정복 Part 3] đã giúp ích cho bạn. Mình nghĩ rằng việc không chỉ dừng lại ở lý thuyết mà còn trực tiếp quan sát hiệu suất của trình duyệt bằng mắt và tìm ra nguyên nhân chính là kỹ năng cần thiết nhất trong công việc thực tế. Thật vinh dự khi bạn đã nhận ra sự thú vị và hữu ích của nó. Với sự quan tâm của bạn đến nguyên lý và phân tích như vậy, mình tin rằng bạn sẽ có thể phát triển khả năng phân tích cách React tối ưu hóa rendering nội bộ trong khóa [제대로 배우는 React Part 1] hiện đang có sẵn hoặc [React Part 2] sắp ra mắt. Nếu có bất kỳ thắc mắc nào trong quá trình học, đừng ngại để lại câu hỏi bất cứ lúc nào nhé. 💬 Mình sẽ tiếp tục đáp lại bằng những nội dung chuyên sâu có thể áp dụng ngay vào công việc thực tế. Chúc bạn có một ngày tốt lành! 🌿 Mình cũng đang giao lưu với các học viên trong phòng chat mở, hãy ghé thăm khi rảnh nhé. 👉 https://open.kakao.com/o/gC10Fnoh
robot99172146
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
30% đã tham gia
Anh/Em yêu bạn
- nhcodingstudio
  Giảng viên
  Xin chào leo pug! Tôi cũng yêu bạn lắm😊😊 Tôi thực sự vui mừng khi nhận được đánh giá trực quan và đầy nhiệt huyết như thế này từ bạn. Việc khóa học [DOM 완전 정복 Part 3] mang lại sự hài lòng lớn đến vậy cho bạn khiến tôi với tư cách là người sáng tạo cảm thấy vô cùng xứng đáng. Cảm ơn bạn đã cùng chinh phục quy trình phức tạp mà trình duyệt vẽ lên màn hình! Để bạn có thể tiếp tục duy trì nguồn năng lượng tràn đầy này, tôi sẽ đáp lại bằng những khóa học sâu sắc và chân thành hơn nữa trong tương lai. Hiện tại, tôi đang chuẩn bị hết mình cho series React đang tiến hành để nó có thể trở thành nguồn yêu thương lớn trong hành trình phát triển của bạn, rất mong bạn kỳ vọng nhiều nhé! Nếu có bất kỳ thắc mắc nào trong quá trình học tập hoặc có thành tích muốn chia sẻ, hãy ghé thăm phòng chat mở hoặc diễn đàn bất cứ lúc nào. Tôi sẽ luôn ủng hộ nhiệt thành tương lai của bạn. Chúc bạn một ngày tràn đầy hạnh phúc! 🌿🔥 👉 https://open.kakao.com/o/gC10Fnoh
hochoi86214872
Đánh giá 11
∙
Đá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

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

24.750 ₫

25%

705.360 ₫

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!

React Master Class: Phần 2 - Hoàn thiện Hook hiệu suất cao và Kiến trúc thực chiến thông qua Mission

nhcodingstudio

Thực tế công việc rất khắc nghiệt. Tôi sẽ truyền đạt hoàn hảo tinh hoa tối ưu hóa của mình thông qua hệ thống nhiệm vụ chi tiết, giúp bạn thiết kế trải nghiệm người dùng mượt mà ngay cả trong môi trường khắc nghiệt với hàng chục nghìn dữ liệu thời gian thực đổ về. Hãy vượt qua việc chỉ là người viết code, để trở thành một kỹ sư cấp cao không thể thay thế, người phân tích hiệu suất dựa trên nguyên lý của engine.

Basic

React

React Master Class: Phần 2 - Hoàn thiện Hook hiệu suất cao và Kiến trúc thực chiến thông qua Mission

nhcodingstudio

React Master Class: Phần 1 - Bản chất rendering và thiết kế thông qua các nhiệm vụ thực hành

nhcodingstudio

Đây không phải là khóa học chỉ nghe rồi kết thúc. Khóa học này không hướng đến "khoảnh khắc hiểu về React" mà là "khoảnh khắc có thể trực tiếp sử dụng React". Mỗi phần học, bạn sẽ thực hiện nhiệm vụ cùng với bài giảng, tự mình giải các bài tập, và học thông qua việc tự tay triển khai 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 một developer có khả năng tự giải thích và vận dụng từ thiết kế component đến luồng rendering. "Không phải lớp học chỉ nghe, mà là quá trình học 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.

Basic

HTML/CSS, JavaScript, React

React Master Class: Phần 1 - Bản chất rendering và thiết kế thông qua các nhiệm vụ thực hành

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.

Basic

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

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.

Basic

JavaScript, React, Web Application

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

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.

Beginner

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

Lập trình hướng đối tượng JavaScript, học bằng cách 'thực hành' chứ không phải lý thuyết (Phần AI chiến lược)

nhcodingstudio

📌 Khóa học này bắt đầu với dự án Tic-Tac-Toe AI chiến lược, và hoàn thiện các khái niệm cốt lõi của lập trình hướng đối tượng thông qua các ví dụ thực tế. Rèn luyện tư duy thiết kế logic và chiến lược AI thông qua việc xây dựng game, sau đó trải nghiệm trực tiếp các kỹ thuật thiết kế OOP như kế thừa, composition, delegation, và encapsulation thông qua code. Khóa học được khuyến nghị cho những ai muốn phát triển thành 'nhà phát triển biết thiết kế' vượt ra ngoài cú pháp thông qua dự án thực tế.

Basic

HTML/CSS, JavaScript, oop

Lập trình hướng đối tượng JavaScript, học bằng cách 'thực hành' chứ không phải lý thuyết (Phần AI chiến lược)

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.

Basic

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 đúng cách Express.js: Part2 Nguyên lý hoạt động bên trong engine và dự án clone

nhcodingstudio

Đây là khóa học giúp bạn vượt qua mức độ chỉ sử dụng Express.js, thực sự triển khai engine bên trong của nó từ đầu đến cuối và thấu hiểu nguyên lý hoạt động thực sự của server bằng chính đôi tay mình. Khóa học mang đến trải nghiệm phát triển thành một server developer bằng cách tự tay xây dựng từ đầu tất cả các thành phần của Express như router, middleware, request-response object, xử lý static file, template rendering.

Basic

JavaScript, Node.js, Express

Học đúng cách Express.js: Part2 Nguyên lý hoạt động bên trong engine và dự án clone

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.

Beginner

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

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.

Beginner

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.

Basic

JavaScript, Node.js, Express

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

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.

Basic

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

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

Basic

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

Dự án tạo bản đồ nhà hàng đầy đủ cho những người không chuyên!: Front, Back-end và triển khai

Jay

Đây là khóa học lập bản đồ nhà hàng đầy đủ, nơi bạn có thể tìm hiểu về front-end, back-end, cách sử dụng Kakao Map API và cách phân phối cùng lúc trong khi tạo bản đồ nhà hàng cho YouTuber yêu thích của bạn.

Basic

HTML/CSS, JavaScript, REST API

Dự án tạo bản đồ nhà hàng đầy đủ cho những người không chuyên!: Front, Back-end và triển khai

Jay

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

Beginner

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

React Master Class: Phần 2 - Hoàn thiện Hook hiệu suất cao và Kiến trúc thực chiến thông qua Mission

nhcodingstudio

Basic

React

React Master Class: Phần 2 - Hoàn thiện Hook hiệu suất cao và Kiến trúc thực chiến thông qua Mission

nhcodingstudio

Do It! Django + Bootstrap: Nguyên tắc phát triển web bằng Python

SungYong Lee

Học phát triển web Python A to Z khi thực hành! Học từ cơ bản về web cho đến phát triển và triển khai blog chỉ trong một lần.

Basic

Python, Django, Bootstrap

Do It! Django + Bootstrap: Nguyên tắc phát triển web bằng Python

SungYong Lee

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.

Basic

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

Lập trình clone ChatGPT nhanh hơn ai hết

Neo

Đây là khóa học thực hành fullstack xây dựng clone ChatGPT từ đầu đến cuối bằng cách tự tay lập trình. Từ server Spring Boot đến frontend React | Neo + Essential Không chỉ đơn thuần là khóa học gõ theo code, mà hướng dẫn bạn xây dựng dịch vụ chatbot AI hoàn chỉnh thông qua việc triển khai dịch vụ thực tế.

Basic

JavaScript, React, Java

Lập trình clone ChatGPT nhanh hơn ai hết

Neo

Lập trình hàm và JavaScript ES6+

mduniv

Đây là khóa học nơi bạn có thể học ES6+ và lập trình chức năng. Trong khóa học này, chúng ta sẽ trình bày và áp dụng chi tiết giao thức iterable/iterator/generator của ES6+. Bạn có thể học lập trình chức năng dựa trên các lần lặp, bản đồ/bộ lọc/giảm, quy trình, đánh giá bị trì hoãn thông qua trình tạo, thành phần Promise, đồng thời/song song, không đồng bộ/chờ đợi và xử lý lỗi không đồng bộ. Nắm vững và thực hành khóa học này để trở thành nhà phát triển JavaScript trình độ trung cấp!

Basic

JavaScript, Functional Programming

Lập trình hàm và JavaScript ES6+

mduniv

Tương tác DOM

tonextday

DOM là nền tảng và là yếu tố thiết yếu của các ứng dụng động. Khóa học bao quát tất cả các sự kiện phát sinh hoặc được tạo ra từ các đối tượng Element, Document, Window, từ cơ bản đến nâng cao. Bạn có thể học và vận dụng hoàn toàn Web Component (Custom Element, Shadow DOM, Template). Cùng với khóa học "Chinh phục DOM hoàn toàn: Cơ bản" đã ra mắt, bạn có thể hoàn thiện trọn vẹn kiến thức về DOM.

Basic

DOM, JavaScript, HTML/CSS

Tương tác DOM

tonextday

Dọn dẹp JavaScript: Xây dựng nền tảng!

tonextday

Xử lý tư duy. Bạn có thể hệ thống hóa cốt lõi và nền tảng của JavaScript một cách logic. Bạn có thể tự mình đúc kết kinh nghiệm và suy nghĩ về JavaScript. Bạn có thể thiết lập logic kỹ thuật JavaScript. Bạn có thể mở rộng tầm nhìn bao quát toàn bộ JavaScript. Bạn có thể chuẩn bị cho các câu hỏi phỏng vấn kỹ thuật JavaScript.

Basic

JavaScript, Interview, Tech Interview

Dọn dẹp JavaScript: Xây dựng nền tảng!

tonextday

Giới thiệu về ES6+ JavaScript mới nhất cho người mới bắt đầu

gymcoding

Tôi đã thấy rất nhiều người xung quanh tôi lần đầu tiên bắt đầu viết mã. Những người có kinh nghiệm cho rằng JavaScript dễ nhưng những người mới làm quen chắc chắn sẽ thấy khó. Vì vậy, bài giảng này rất đơn giản và dễ dàng dành cho những người mới bắt đầu học viết mã! đầy! Chúng tôi đã chuẩn bị nội dung. 💪🙂

Basic

JavaScript, ES6

Giới thiệu về ES6+ JavaScript mới nhất cho người mới bắt đầu

gymcoding

Lập trình hướng đối tượng JavaScript, học bằng cách 'thực hành' chứ không phải lý thuyết (Phần AI chiến lược)

nhcodingstudio

Basic

HTML/CSS, JavaScript, oop

Lập trình hướng đối tượng JavaScript, học bằng cách 'thực hành' chứ không phải lý thuyết (Phần AI chiến lược)

nhcodingstudio

Thực hành cơ bản CSS3 của Libehayan - 2024

rebehayan

CSS Chào mừng bạn đến với các bài giảng cơ bản về CSS dựa trên hơn 20 năm kinh nghiệm thực tế! Khóa học này được thiết kế dành cho bạn khi bạn thực hiện những bước đầu tiên để trở thành nhà xuất bản web và nhà phát triển giao diện người dùng.

Beginner

HTML/CSS, nesting, css3

Thực hành cơ bản CSS3 của Libehayan - 2024

rebehayan

Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

jeong4726

Thông qua khóa học này, sinh viên sẽ có thể tạo một dịch vụ web tương tự như Instagram bằng cách sử dụng HTML, CSS và JS. (Chỉ triển khai front-end! Việc xây dựng máy chủ back-end sẽ được quay trong bài giảng sau.)

Basic

HTML/CSS, JavaScript, Clone Coding

Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

jeong4726

Phát triển dịch vụ báo cáo AI cho Cổng thông tin an toàn công cộng (Safety Report) bằng React + SpringAI

Neo

Phát triển dịch vụ báo cáo AI Safety e-Report bằng React + SpringAI Bài giảng dự án thứ 5 của Neo + Essential là xây dựng hệ thống báo cáo Safety e-Report - một ý tưởng cải thiện hệ thống chính phủ!

Beginner

React, Spring Boot, AI

Phát triển dịch vụ báo cáo AI cho Cổng thông tin an toàn công cộng (Safety Report) bằng React + SpringAI

Neo

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!

Beginner

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

Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

ggangcoding162118

Một lớp học nơi bạn có thể tạo trò chơi web và học các kỹ năng phát triển web front-end! Chúng tôi đã tạo một lớp về cách tạo trò chơi bằng JavaScript, CSS và HTML bằng ý tưởng của riêng mình!

Basic

Interactive Web, JavaScript, HTML/CSS

Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

ggangcoding162118

[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

Intermediate

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

Hoàn thiện tổng hợp thực hành đánh giá quá trình Kỹ sư ngành Xử lý thông tin học qua giải bài

Neo

Học thông qua thực hành 정보처리산업기사 Để đậu kỳ thi thực hành dạng đánh giá quá trình của 정보처리산업기사, chúng tôi đã chuẩn bị mọi thứ.

Beginner

HTML/CSS, Java, SQL

Hoàn thiện tổng hợp thực hành đánh giá quá trình Kỹ sư ngành Xử lý thông tin học qua giải bài

Neo

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!

Basic

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

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

5.0

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