Svelte Training Course

Giới thiệu

• Svelte.io so với React so với Vue.js

Tổng quan về Tính năng và Kiến trúc của Svelte

• Quản lý trạng thái ứng dụng mà không cần so sánh ảo DOM.
• Tạo các ứng dụng không phụ thuộc vào các thư viện bên ngoài.
• Tốc độ tải của một ứng dụng Svelte

Bắt đầu

• Tổng quan về các thư mục và cấu trúc tệp của dự án
• Một ứng dụng Hello World đơn giản.
• Tổng quan về Cú pháp Svelte

Tạo một Thành phần

• Viết một mẫu
• Thêm các kiểu dáng đơn giản
• Dọn dẹp các quy tắc CSS

Chạy Ứng dụng

• Chạy, kiểm tra và cập nhật mã
• Thêm các câu lệnh điều kiện và vòng lặp

Thêm Tương tác cho Ứng dụng

• Tạo một biểu mẫu người dùng
• Xử lý đầu vào của người dùng
• Liên kết các phần tử UI và truyền dữ liệu
• Xử lý các sự kiện khác

Thêm các Thành phần vào Ứng dụng

• Cách các thành phần giao tiếp
• Điều hướng qua các thành phần khác nhau thông qua định tuyến

Quản lý Trạng thái Ứng dụng

• Lưu trữ dữ liệu trong thành phần
• Lưu trữ dữ liệu ở một vị trí trung tâm
• Đăng ký các thuộc tính

Lấy Dữ liệu từ Nguồn Bên ngoài

• Access dữ liệu từ một API

Nâng cao Khả năng Sử dụng

• Làm việc với Kiểu dáng
• Tham chiếu các phần tử CSS

Tích hợp Mã Svelte vào một Dự án React Hiện có

• Triển khai mã cấp thành phần với Svelte
• Gọi chức năng từ trong một Ứng dụng React

Tóm tắt và Kết luận