Khóa Học Thiết Kế Website Tương Tác Với DOM, Vue.js Và jQuery

Chia Sẻ Khóa học Thiết Kế Website Tương Tác Với DOM, Vue.js và jQuery

Giới thiệu khóa học

Bất kì website nào khi được xây dựng đều đặt khả năng tương tác với người dùng làm mục tiêu trọng tâm để tối ưu và phát triển. Nếu không có người truy cập hay người truy cập không tương tác với trang web, có thể nói đó là một trang web “chết”, không hoạt động tốt và lúc này, bất kì tác vụ hay đầu tư từ doanh nghiệp lên trang website này đều vô nghĩa.

Khóa họcThiết kế Website tương tác với DOM, Vue.js và jQueryhướng dẫn các bạn sử dụng các công cụ hiện đại để thiết kế các trang Web tương tác. Khóa học gồm 3 phần:

Nhanh tay đăng ký khóa học để nhận ưu đãi từ Khoahocgiahoi nhé!

Bạn sẽ học được gì

Bạn sẽ biết cách sử dụng DOM để thao tác lên các phần tử của trang HTML.

Bạn sẽ có được những kiến thức về thiết kế các trang Web tương tác với 2 framework nổi tiếng Vuejs và jQuery.

Bạn sẽ sở hữu kỹ năng xây dựng web tương tác thông qua các dự án trong khóa học.

Bạn sẽ có thể bước thêm một bước trên con đường trở thành một web developer chuyên nghiệp.

Nội dung khóa học

3 Phần • bài giảng • 06 giờ 39 phút

Phần 1: Document Object Model (DOM) (23 bài học)

Bài 1: Giới thiệu khóa học (00:04:29)

Bài 2: Giới thiệu phần 1 (00:04:00)

Bài 3: DOM là gì ? (00:06:00)

Bài 4: Truy xuất phần tử theo tên class (00:06:51)

Bài 5: Truy xuất phần tử theo ID và tên thẻ (00:06:05)

Bài 6: Truy xuất phần tử bằng QuerySelector (00:07:27)

Bài 7: Lấy và thiết lập giá trị của các thuộc tính (00:11:33)

Bài 8: Thêm và xóa thẻ dùng Javascript (00:06:30)

Bài 9: Xử lý các sự kiện trong Javascript (00:10:05)

Bài 10: Cơ bản về Form (00:09:24)

Bài 11: Giới thiệu project Flash Card (00:01:53)

Bài 12: Xây dựng khung xương bằng HTML trong project (00:06:50)

Bài 13: Định dạng page với CSS (00:07:41)

Bài 14: Thêm chức năng cho nút hiển thị với Card đầu tiên (00:06:36)

Bài 15: Thêm chức năng cho toàn bộ nút (00:09:00)

Bài 16: Giới thiệu project Job List (00:03:15)

Bài 17: Xây dựng khung xương và CSS cho Job list (00:09:55)

Bài 18: Thêm chức năng cho thanh search (00:10:53)

Bài 19: Giới thiệu project Booking Form (00:02:00)

Bài 20: Xây dựng khung xương HTML cho project Booking Form (00:07:17)

Bài 21: Định dạng Form với CSS (00:08:27)

Bài 22: Thêm chức năng ẩn hiện Dropdown menu (00:06:19)

Bài 23: Xử lý chức năng Form Submission (00:14:15)

Phần 2: Vue.js (12 bài học)

Bài 24: Giới thiệu nội dung phần 2 và vue.js (00:03:17)

Bài 25: Hello World với vue (00:06:10)

Bài 26: Vue instance (00:05:31)

Bài 27: Truyền dữ liệu vào HTML (00:08:48)

Bài 28: Rẽ nhánh trong vue (00:09:04)

Bài 29: Vòng lặp for (00:06:39)

Bài 30: Xử lý tương tác người dùng (00:08:43)

Bài 31: Vue component (00:10:54)

Bài 32: Giới thiệu project Blog website (00:02:06)

Bài 33: Xây dựng template cho trang blog (00:06:57)

Bài 34: Xây dựng Vue component cho bài viết (00:09:06)

Bài 35: Thêm chức năng đăng bài mới (00:10:52)

Phần 3: jQuey (17 bài học)

Bài 36: Giới thiệu phần jQuery (00:03:25)

Bài 37: Hello World với jQuery (00:08:05)

Bài 38: Lựa chọn phần tử HTML bằng jQuery (00:08:07)

Bài 39: Lựa chọn các thẻ input (00:05:31)

Bài 40: jQuery traversing (00:13:31)

Bài 41: Click event (00:10:43)

Bài 42: Change event (00:11:09)

Bài 43: Key event (00:07:57)

Bài 44: Xây dựng cấu trúc trang project (00:09:49)

Bài 45: Thêm sản phẩm một cách động bằng jQuery (00:10:11)

Bài 46: Xóa sản phẩm (00:05:01)

Bài 47: Animation (00:10:16)

Bài 48: Thiết lập web server đơn giản với Node.js (00:03:54)

Bài 49: AJAX (00:08:58)

Bài 50: Đọc file json và load vào trang web (00:15:15)

Bài 51: Xử lý nút Thêm giỏ hàng (00:07:03)

Bài 52: Tổng kết khóa học (00:06:11)