DOM là nền tảng và là yếu tố thiết yếu của các ứng dụng động. Chúng tôi sẽ hướng dẫn bạn cách sử dụng mọi sự kiện xảy ra và được tạo ra từ các đối tượng Element, Document và Window. Bạn sẽ học cách sử dụng và hoàn toàn làm chủ Web Component (Custom Element, Shadow DOM, Template). Bạn có thể hoàn thành khóa học "Hoàn thành DOM hoàn toàn: Cơ bản" đã mở để chấm dứt việc học về DOM.
Tất cả các sự kiện của Element, Document, Window
Thành phần web: Phần tử tùy chỉnh, Shadow DOM, <template>
Bảng kẹp, Kéo & Drop, Người quan sát đột biến
DOM + Web Component
Cần thay đổi từ gốc rễ thì mới thấy được dòng chảy.
Để triển khai ứng dụng động tập trung vào người dùng, bạn cần nhận diện hành vi của người dùng. Điều này có thể thực hiện được thông qua tất cả các sự kiện DOM xảy ra hoặc được kích hoạt từ các đối tượng Element, Document, Window.
Web Component là nền tảng phát triển component kết hợp HTML, CSS, DOM và JavaScript. Cần hiểu rõ luồng này để có thể mở rộng tư duy phát triển ứng dụng động.
Để đi sâu, rộng và chi tiết, chúng tôi chia thành 3 khóa học riêng biệt để trình bày.
Bạn đang sử dụng framework và thư viện nhưng có phải đang khao khát những công nghệ cơ bản không? Nếu bạn có thể phát triển hoàn chỉnh các chương trình web động bằng vanilla coding, thì việc học thư viện/framework sẽ không mất quá nhiều thời gian dù bạn chưa biết chúng. Nội dung học trong khóa học cũng sẽ trở thành nền tảng cho những thư viện/framework này.
Bạn có thể học DOM một cách dễ dàng và hoàn chỉnh hơn. Bạn có phải là nhà phát triển muốn phát triển ứng dụng web động, nhà phát triển muốn biết tất cả về sự kiện không? Tôi hy vọng bạn sẽ trải nghiệm sự thay đổi từ căn bản với khóa học này.
Bao phủ hơn 95% đặc tả DOM. Có thể đặt dấu chấm hết cho DOM.
Rộng (Wide), sâu (Deep), và chi tiết (Detail). Không lãng phí thời gian, chi phí và công sức.
Mỗi khi phát triển bài giảng, tôi luôn phải suy nghĩ về phương pháp triển khai các yêu cầu. Để quyết định phương pháp triển khai, trước tiên cần phải biết những gì được hỗ trợ (method, property, v.v.).
Cũng như series "JavaScript hoàn toàn kết thúc" trước đây, khóa học này cũng bao gồm hơn 95% đặc tả tương tác DOM. Khóa học "DOM hoàn toàn kết thúc: Cơ bản" trước đây cũng vậy. Để có thể trình bày nội dung một cách hoàn chỉnh như thế này, người giảng dạy phải có thực lực và kinh nghiệm, đồng thời phải dành rất nhiều thời gian để tạo ra khóa học. Tuy nhiên đó là hoàn cảnh của người giảng dạy, còn người học phải có thể nhìn thấy toàn bộ.
Tôi đã mất hơn 1 năm để tạo ra phần 2 của khóa học "DOM 완전 끝내기". Nếu chỉ đề cập đến khoảng 70%, tôi có thể đã tạo ra khóa học trong thời gian ngắn hơn nhiều. Tuy nhiên, như vậy chỉ thuận tiện cho người giảng dạy mà thôi, còn người học phải dành rất nhiều thời gian để nỗ lực bù đắp 30% còn lại. Vấn đề là, họ không biết 30% đó là gì.
Tôi tự tin rằng đây là khóa học đã được chuẩn bị trong thời gian dài với nguyên tắc 95%, để các bạn học viên có thể nhìn thấy toàn bộ DOM và mở rộng tư duy về ứng dụng động.
Để không bỏ sót các thuộc tính và phương thức của interface, tôi đã tạo danh sách kiểm tra các thuộc tính và phương thức của interface dưới dạng checklist như hình ảnh bên dưới.
Danh sách này được cung cấp dưới dạng file PDF. Bạn có thể tải xuống tài liệu để kiểm tra trong bài học đầu tiên của phần [HTMLElement 인터페이스].
Toàn bộ series là một kịch bản duy nhất. Thay vì ghi nhớ các chức năng, đây là hình thức nắm bắt cảm giác tổng thể. Nếu bạn theo từng bước một cách tuần tự, bạn có thể học toàn bộ một cách tự nhiên. Nội dung không bị trùng lặp nên không lãng phí công sức, thời gian và chi phí. Khi theo dõi bài giảng, bạn có thể tự nhiên nhìn thấy cả rừng, cây, cành và hoa để củng cố vững chắc chiều sâu của những kiến thức cơ bản.
Với 4 khóa học JavaScript đã được mở, bạn có thể hoàn thiện một cách trọn vẹn các công nghệ nền tảng làm cơ sở cho phát triển web. Chúng tôi không chỉ đi sâu và rộng vào từng sự kiện, thuộc tính, phương thức, mà còn tạo ra các kịch bản để xử lý những đoạn code trước và sau khi chúng được thực thi.
Với hơn 40 năm kinh nghiệm phát triển phần mềm, những cảm giác tinh tế chỉ có thể cảm nhận được sau thời gian dài, những bản năng đã trở thành trực giác tự nhiên - tất cả đã được tôi đưa vào bài giảng này.
Bài giảng DOM là dạng kết nối HTML, CSS, DOM, JavaScript với nhau. Vì vậy để giải thích một event, property, method thì phải viết 10~30 dòng code. Nhưng nếu coding trực tiếp thì mất nhiều thời gian và người học phải chờ đợi.
Để ngăn ngừa những vấn đề như vậy, chúng tôi sẽ trình bày và giải thích mã code đã được lập trình sẵn trước. Sau đó, các bạn phải tự mình hoàn thành việc coding để có thể xem toàn bộ và nắm bắt được luồng hoạt động. Khi phát triển chương trình web, kỹ năng của bạn sẽ được cải thiện để có thể áp dụng mã code bài giảng phù hợp với môi trường phát triển. Trong bài giảng, chúng tôi cung cấp mã code cơ bản trước và sau, vì vậy bạn có thể sử dụng chúng để hoàn thành các đoạn mã một cách từng phần.
💾 Môi trường thực hành và tài liệu học tập
Q. Có khóa học "DOM 완전 끝내기: 기본" thì tôi có cần phải học khóa đó trước không ạ?
Bạn có thể học mà không cần nghe, nhưng khóa học này không đề cập đến các khái niệm cơ bản về DOM nên tôi khuyến nghị bạn nên nghe. Bạn có thể không hiểu hoàn toàn bài giảng hoặc nội dung có thể không liên kết với nhau. Vì sử dụng các thuật ngữ được viết trong spec nên có thể có những thuật ngữ khác với những thuật ngữ thông thường được biết đến.
Q. Có nội dung nào cần biết trước khi nghe bài giảng không?
HTML, JavaScript cơ bản là bạn phải biết. CSS thì không đề cập đến nên không biết cũng được.
Q. Tôi là người mới bắt đầu lần đầu tiếp xúc với DOM, liệu có thể học được không?
DOM sử dụng các thuật ngữ và khái niệm riêng. Những điều này được đề cập trong "DOM 완전 끝내기: 기본" nên bạn hãy nghe bài giảng đó trước.
Q. Nếu học DOM thì có thể phát triển chương trình web mà không cần sử dụng framework/thư viện không?
Nếu biết HTML, CSS, JavaScript thì có thể phát triển được.
Khóa học này dành cho ai?
Các nhà phát triển muốn tìm hiểu về các ứng dụng web động
Các nhà phát triển muốn tìm hiểu mọi thứ về sự kiện
Các nhà phát triển muốn triển khai UI/UX lấy người dùng làm trung tâm
Cần biết trước khi bắt đầu?
nhà phát triển javascript
DOM cơ bản
9,664
Học viên
396
Đánh giá
337
Trả lời
4.8
Xếp hạng
12
Các khóa học
소프트웨어 개발을 좋아하는 개발자입니다.
동영상: 12개
Rust 강좌 제작중
클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js
저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.
Tất cả
131 bài giảng ∙ (21giờ 3phút)
Tài liệu khóa học:
Tất cả
1 đánh giá
1.611.656 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![Bootcamp CSS3 tương tác web hiện đại [Phiên bản đầy đủ]강의 썸네일](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?f=avif&w=420)
