Tin mới nhất

Menu

Browsing "Older Posts"

Chia Sẻ Khóa Học VanillaCartJS - ES6 JavaScript Shopping Cart [Khóa 7250 A]

07 tháng 5 2019 / No Comments

Tạo dự án Shopping Cart trong thế giới thực và tìm hiểu JavaScript ES6 trong quá trình thực hiện.

Bạn sẽ học được gì:
  • ✓ Viết thêm code không có lỗi với strict mode.
  • ✓ Khai báo hàm bao gồm các arrow function.
  • ✓ Sử dụng code JavaScript bên trong một string với template string.
  • ✓ Tạo mảng đối tượng để lưu trữ các mặt hàng trong giỏ hàng.
  • ✓ Sử dụng forEach và các phương thức filter array.
  • ✓ Lấy các phần tử từ DOM bằng các phương thức querySelector và querySelectorAll.
  • ✓ Lưu trữ các mặt hàng trong giỏ hàng trong browser localStorage.
  • ✓ Thêm, xóa và nhận các item từ một mảng.
  • ✓ Sử dụng câu lệnh if và inline shorthand.
  • ✓ Khai báo biến sử dụng từ khóa const và let.
  • ✓ Thêm và xóa các class trong HTML elements.
  • ✓ Delaying actions với setTimeout function.
  • ✓ Chèn code HTML mới vào DOM.
  • ✓ Bắt các sự kiện nhấp chuột bằng phương thức addEventListener.
  • ✓ Xóa elements khỏi DOM.
  • ✓ Thêm/xóa class name và thuộc tính trong DOM elements.
  • ✓ Sử dụng các toán tử sau: ++, --, +=, ===, !==, ||, >, <.
  • ✓ Stringifying array thành định dạng JSON.
  • ✓ Code refactoring
  • ✓ Gửi HTML form từ xa.
  • ✓ Sử dụng PayPal làm phương thức thanh toán.
Nếu bạn từng muốn xây dựng một giỏ mua hàng đơn giản nhưng mạnh mẽ bằng JavaScript thì khóa học này chắc chắn là dành cho bạn.

Khóa học này không phải là về việc tạo ra giải pháp thương mại điện tử cỡ lớn. Đó là về việc tạo ra dự án trong thế giới thực với thái độ sẵn sàng kinh doanh.

Tất cả các sản phẩm trong dự án này đến trực tiếp từ code HTML. Không có cơ sở dữ liệu hoặc bất kỳ code back-end nào. Nếu bạn muốn thêm sản phẩm mới, chỉ cần sao chép-dán đoạn mã HTML.

Bạn sẽ tạo một dự án với các tính năng sau:
  • ✓ Thêm sản phẩm vào giỏ hàng.
  • ✓ Thay đổi số lượng hàng trong giỏ hàng.
  • ✓ Xóa một mặt hàng hoặc tất cả cùng một lúc khỏi giỏ hàng.
  • ✓ Đặt hàng qua thanh toán PayPal.
Viết code có nghĩa là phải thú vị và tôi hy vọng nó sẽ như vậy trong khóa học này. Trên thực tế, dự án giỏ hàng chỉ là vỏ bọc. Vấn đề thực sự là với khóa học này, bạn nên học lập trình bằng JavaScript bằng các tính năng của ES6.

Điều đáng nói là mỗi bài giảng đều có tệp mã nguồn riêng . Vì vậy, nếu bạn gặp khó khăn nào đó, bạn luôn có thể so sánh code của mình với code từ bài giảng cụ thể.

Khóa học này dành cho ai:
  • Các web developer mới bắt đầu muốn thành thạo vanilla JavaScript (không sử dụng các framework).
  • ✓ Các Web Developer muốn nhận thêm các công việc liên quan đến lập trình JavaScript.
  • ✓ Những người muốn tạo các tính năng thương mại điện tử để bán sản phẩm trực tuyến.
  • ✓ Tất cả những ai muốn tìm hiểu các tính năng của JavaScript ES6.

NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU




Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.