Hiệu năng là tính năng
Đo trước khi tối ưu. Ngân sách bundle, lazy-load có chủ đích, ảnh đúng kích thước — người dùng mạng yếu cũng xứng đáng có trải nghiệm tốt.
Đang nhận dự án & cộng tác
Xây giao diện nhanh, bền và dễ chịu khi dùng.
// Bùi Ngọc Bảo — Senior Front-End Developer
Mình biến thiết kế thành sản phẩm web mượt trên mọi thiết bị, với kiến trúc rõ ràng để team mở rộng mà không sợ vỡ. Quan tâm tới từng mili-giây tải trang, từng trạng thái focus và từng dòng code người khác sẽ đọc lại.
Bảo là Senior Front-End Developer, tập trung vào kiến trúc UI, hiệu năng và khả năng tiếp cận; dùng TypeScript, React và Node.
01.
Dự án
Sản phẩm mình tham gia xây dựng, cùng các dự án cá nhân chạy dưới baobndev.com.
Shopify App · 4.8★
Omega Facebook Pixel, Meta Ads
apps.shopify.com/facebook-multi-pixelsApp Shopify giúp merchant cài Meta Pixel & Conversion API không cần code, lọc bot, truy vết đơn hàng về đúng quảng cáo và đồng bộ catalog — gần 1.000 đánh giá trên Shopify App Store.
Built for Shopify
Hệ sinh thái Omega
apps.shopify.com/partners/omegaappsBộ app tracking, feed & marketing cho merchant Shopify trên toàn thế giới.
- App
- 10
- Đánh giá
- 1.7k+
- Trung bình
- 4.8★
// Các app khác trong hệ sinh thái Omega
Omega Google & Facebook FeedĐồng bộ real-time Google feed, FB catalog & xử lý lỗi duyệt sản phẩm
4.9★ · 110
Omega for your TikTok pixelTracking real-time cho TikTok Pixel, Events API & TikTok Ads
4.9★ · 150
Omega Google Ads, GA4 & GTMServer-side tracking cho Google Ads với GA4, GTM & analytics
4.8★ · 52
Omega Twitter Pixel, ConversionTăng ROI quảng cáo X với X Pixel & Conversion API
4.7★ · 52
Omega ‑ Pinterest Pixels, CAPIPinterest tag tracking & scale quảng cáo với pixel + CAPI
5.0★ · 24
Omega ‑ Multi Snapchat PixelsSnap Pixel & CAPI cho quảng cáo Snapchat, cài trong vài phút
5.0★ · 7
Omega InstaFeed Instagram FeedTự đồng bộ feed Instagram & bài UGC lên cửa hàng
4.8★ · 82
O: Chat buttons & Contact FormThu lead qua Messenger, nút chat & form liên hệ
4.9★ · 263
Omega Team ShowcaseTrình bày đội ngũ & portfolio thành viên thật ấn tượng
5.0★ · 12
02.
Công cụ hằng ngày
Chọn công cụ theo bài toán, không theo trend. Đây là bộ mình tin dùng nhất.
Ngôn ngữ
- TypeScript
- JavaScript (ES2023+)
- HTML ngữ nghĩa
- CSS hiện đại
Framework & UI
- React / Next.js
- Vite
- Tailwind CSS
- Design system & tokens
Chất lượng
- Vitest / Jest
- Testing Library
- Playwright
- Lighthouse & Web Vitals
Hạ tầng
- Node.js & PM2
- Nginx
- Linux VPS
- Cloudflare
03.
Cách mình làm việc
Ai cũng dùng được
HTML ngữ nghĩa trước, ARIA sau. Điều hướng được bằng bàn phím, tương phản đủ, tôn trọng prefers-reduced-motion.
Code để người đọc
Kiểu dữ liệu chặt, component nhỏ, tên rõ nghĩa. Code hôm nay là tài liệu cho đồng đội sáu tháng sau.
Ship nhỏ, ship đều
Thay đổi nhỏ, review nhanh, deploy tự động. Có số liệu thật từ production rồi mới bàn bước tiếp theo.
04. Liên hệ
Cùng làm gì đó hay ho?
Có ý tưởng sản phẩm, cần người dựng front-end, hay chỉ muốn trao đổi về web — hộp thư luôn mở.