Blog / Series
Học từ mã nguồn Telegram25
Đi sâu vào Telegram Web A: gửi tin lạc quan, lịch sử tin nhắn, store tự viết, animation FLIP, bố cục album, thumbnail 100 byte… mỗi bài có code viết lại và demo chạy trong bài.
Mở đầu
Phần 1: dữ liệu và đồng bộ
01Học từ Telegram #1: Gửi tin lạc quan, khớp tin thật bằng randomId02Học từ Telegram #2: Lịch sử tin nhắn chia hai đảo03Học từ Telegram #3: Lưu global state lúc rảnh, chỉ giữ phần cần04Học từ Telegram #4: Gom update realtime theo nhịp animation05Học từ Telegram #5: Store tự viết và diff danh sách có key
Phần 2: animation và giao diện
06Học từ Telegram #6: Animation sắp xếp danh sách chat không đo DOM07Học từ Telegram #7: Ảnh bay giữa hai cây DOM trong media viewer08Học từ Telegram #8: Bố cục album chọn theo hàm chi phí09Học từ Telegram #9: Giờ gửi nằm gọn trong bong bóng chat10Học từ Telegram #10: Composer biến hình, Transition và gạch chân tab
Phần 3: media, mobile, thông báo
Phần 4: soạn tin, media, chi tiết UI
15Học từ Telegram #15: Rich text ⇄ entities và nháp theo từng chat16Học từ Telegram #16: Ô nhập tự giãn, emoji phóng to, gom tin nhắn17Học từ Telegram #17: Bảng emoji chỉ render nhóm đang xem18Học từ Telegram #18: mediaLoader, ảnh mờ sang nét, spinner không chớp19Học từ Telegram #19: Trình phát audio toàn cục và playlist20Học từ Telegram #20: Màn tải đua 700ms và ba mức animation21Học từ Telegram #21: PanZoom bằng một matrix() và lỗi sai dấu22Học từ Telegram #22: Ngày dính khi cuộn, khoá cuộn khi đổi tab23Học từ Telegram #23: Vùng thả file, nén ảnh trước khi gửi, copy ảnh24Học từ Telegram #24: Tiêu đề nhấp nháy và favicon đếm tin mới