Học Svelte trong khi làm nó

Gặp gỡ Svelte , gương mặt mới của nền tảng front-end JS.

Giới thiệu chủ đề 📝

Khóa học này sẽ hướng dẫn bạn về Svelte, một framework front-end ngày càng phổ biến kể từ năm 2019.

Tại sao bạn nên học ✒️

^{▲ Logo thanh mảnh}

Hiện nay có rất nhiều framework front-end khác nhau, bao gồm React và Vue.js. Mỗi framework có triết lý và phương pháp luận riêng.
Svelte là một nền tảng tự hào có tính năng đặc trưng là triển khai khả năng phản ứng hoàn hảo với ít mã hơn .

Đoạn mã sau đây minh họa các ví dụ về việc triển khai State trong các framework khác nhau. Bạn có thể thấy sự khác biệt rõ rệt về kích thước mã.

^{▲ Svelte có ít mã hơn đáng kể so với các nền tảng khác.}

Tuy mỗi framework đều khác nhau, nhưng tất cả đều có những khái niệm tương đồng. Nếu bạn mới bắt đầu phát triển front-end, Svelte là framework dễ học nhất trong số các framework hiện có, vì vậy việc tìm hiểu Svelte trước sẽ rất hữu ích cho việc học các framework khác.

Và đối với những người đang sử dụng các nền tảng khác, tôi nghĩ việc học Svelte sẽ không quá khó khăn và đó sẽ là một trải nghiệm tuyệt vời để mở rộng tầm nhìn vĩ mô của bạn về hướng đi mà giao diện người dùng luôn thay đổi sẽ hướng tới.

Giới thiệu ngắn gọn về từng phần 📖

• Bài học 0-4: Những điều cơ bản về Svelte
• Bài 5: Phát triển dịch vụ việc cần làm bằng Svelte
• Bài 6: Tái cấu trúc dịch vụ To-do bằng Store
• Bài 7: Ứng dụng Router
• Tứ kết: Ajax thua
• Bài 10: Javascript đơn giản và các ngữ pháp khác cần thiết cho bài giảng

Kết quả bài giảng 🧰

Đây là giao diện ứng dụng cuối cùng của chúng ta. Đây là một ứng dụng todo đơn giản, nhưng nếu bạn mở rộng các mẫu đã học ở đây, bạn sẽ có thể áp dụng chúng vào các dự án thực tế .

^{▲ Ứng dụng Việc cần làm được tạo bằng Svelte}

Nguồn bài học & Tài liệu 💡

• Ví dụ cho Bài 2-4
  https://github.com/freeseamew/svelte-tutoral-basic-example

• Ví dụ cơ bản về Todo
  https://github.com/freeseamew/todo-svelte-basic

• Tái cấu trúc Todo + Định tuyến + Ajax
  https://github.com/freeseamew/todo-svelte-store

• Học Svelte bằng cách xây dựng (sách giáo khoa điện tử) - Ghi chú thực hành todo chỉ có thể tải xuống cho học viên trên trang web đào tạo.
  https://freeseamew.gitbook.io/svelte/