Thiết kế Website tương tác với DOM, Vue.js và jQuery

0 (0 đánh giá)
1 người học
Cập nhật mới nhất 11/2024
Đăng nhập

Khóa học chỉ dành cho nội bộ doanh nghiệp

Thiết kế Website tương tác với DOM, Vue.js và jQuery

Mô tả khóa học

Khóa học này bao gồm 3 phần nội dung và hướ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. Bao gồm:

- Mô hình DOM (Document Object Model) và cách sử dụng DOM để phát triển các trang Web tương tác. Với lập trình web, kiến thức về DOM và khả năng thao tác DOM là hai yếu tố quan trọng nhất. DOM cho bạn khả năng thay đổi mọi thứ của trang web, khi mà mọi nội dung đều có thể được thêm bớt xóa sửa để mang lại trải nghiệm và nội dung tốt nhất. Đây cũng là phần nền tảng để các bạn học tiếp 2 phần tiếp theo của khóa học.

- Vue.js là một framework dùng để xây dựng giao diện người dùng (user interfaces). Khác với các framework nguyên khối, Vue được thiết kế từ đầu theo hướng cho phép và khuyến khích việc phát triển ứng dụng theo từng bước. Khi phát triển lớp giao diện (view layer), người dùng chỉ cần dùng thư viện lõi (core library) của Vue, vốn rất dễ học và tích hợp với các thư viện hoặc dự án có sẵn. Cùng lúc đó, nếu kết hợp với những kĩ thuật hiện đại như SFC (single file components) và các thư viện hỗ trợ, Vue cũng đáp ứng được dễ dàng nhu cầu xây dựng những ứng dụng một trang (SPA - Single-Page Applications) với độ phức tạp cao.

- jQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn. jQuery không phải là một ngôn ngữ lập trình riêng biệt mà hoạt động liên kết với JavaScript. Với jQuery, bạn có thể làm được nhiều việc hơn mà lại tốn ít công sức hơn. jQuery cung cấp các API giúp việc duyệt tài liệu HTML, hoạt ảnh, xử lý sự kiện và thao tác AJAX đơn giản hơn. jQuery hoạt động tốt trên nhiều loại trình duyệt khác nhau.
Khóa học này dành cho
  • Những người muốn nâng cao kiến thức javascript của mình.
  • Những người muốn nâng cao kiến thức của mình trên con đường trở thành full-stack web developer
  • Sinh viên ngành CNTT muốn tiếp tục phát triển kiến thức về ngôn ngữ javascript
  • Yêu cầu: Có kiến thức cơ bản về HTML, CSS, Javascript
Bạn sẽ nhận được gì nếu đăng ký khóa học này
  • 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 khoá học

1

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

1 bài học thử
  • 1. Giới thiệu khóa học
2

Lập trình Web tương tác với DOM

2 bài học thử
  • 2. Giới thiệu phần 1 - DOM
  • 3. DOM là gì ?
  • 4. Truy suất phần tử theo tên class
  • 5. Truy suất phần tử theo ID và tên thẻ
  • 6. Truy suất phần tử bằng QuerySelector
  • 7. Lấy và thiết lập giá trị của các thuộc tính
  • 8. Thêm và xóa thẻ dùng Javascript
  • 9. Xử lý các sự kiện trong Javascript
  • 10. Cơ bản về Form
  • 11. Giới thiệu project Flash Card
  • 12. Xây dựng khung xương bằng HTML trong project
  • 13. Định dạng page với CSS
  • 14. Thêm chức năng cho nút hiển thị với Card đầu tiên
  • 15. Thêm chức năng cho toàn bộ nút
  • 16. Giới thiệu project Job List
  • 17. Xây dựng khung xương và CSS cho Job list
  • 18. Thêm chức năng cho thanh search
  • 19. Giới thiệu project Booking Form
  • 20. Xây dựng khung xương HTML cho project Booking Form
  • 21. Định dạng Form với CSS
  • 22. Thêm chức năng ẩn hiện Dropdown menu
  • 23. Xử lý chức năng Form Submission
3

Lập trình Web tương tác với Vue.js

  • 24. Giới thiệu nội dung phần 2 và vue.js
  • 25. Hello World với vue
  • 26. Vue instance
  • 27. Truyền dữ liệu vào HTML
  • 28. Rẽ nhánh trong vue
  • 29. Vòng lặp for
  • 30. Xử lý tương tác người dùng
  • 31. Vue component
  • 32. Giới thiệu project Blog website
  • 33. Xây dựng template cho trang blog
  • 34. Xây dựng Vue component cho bài viết
  • 35. Thêm chức năng đăng bài mới
4

Lập trình Web tương tác với jQuery

  • 36. Giới thiệu phần jQuery
  • 37. Hello World với jQuery
  • 38. Lựa chọn phần tử HTML bằng jQuery
  • 39. Lựa chọn các thẻ input
  • 40. jQuery traversing
  • 41. Click event
  • 42. Change event
  • 43. Key event
  • 44. Xây dựng cấu trúc trang project
  • 45. Thêm sản phẩm một cách động bằng jQuery
  • 46. Xóa sản phẩm
  • 47. Animation
  • 48. Thiết lập web server đơn giản với Node.js
  • 49. AJAX
  • 50. Đọc file json và load vào trang web
  • 51. Xử lý nút Thêm giỏ hàng
5

Tổng kết khóa học

  • 52. Tổng kết khóa học
Đăng nhập

Khóa học chỉ dành cho nội bộ doanh nghiệp

Chi tiết khóa học
  • 52 Bài giảng
  • 7 giờ 40 phút
  • Học online mọi lúc, mọi nơi
  • Học trên máy tính, điện thoại
Đinh Nguyễn Trọng Nghĩa
Đinh Nguyễn Trọng Nghĩa

5 (5 đánh giá)