Thắng Trần
0%

Sơn Môn

Nhập môn · Giới thiệu

Tại hạ hành tẩu giang hồ frontend đã gần tám năm, tu luyện JavaScript, TypeScript, React.js và Next.js, chuyên rèn những ứng dụng web quy mô lớn, vận hành nhanh như gió. Tâm pháp giữ trọn ba điều: trải nghiệm người dùng, hiệu năng và chất lượng mã nguồn.

Từng trấn giữ những sản phẩm lưu lượng lớn, sát cánh cùng nhiều đội ngũ đồng môn, truyền nghề cho hậu bối và lập quy củ frontend; lấy sản phẩm làm gốc, say mê giao diện tương tác và thuật chuyển động (motion design).

  • Frontend Engineer
  • ~8 năm công lực
  • Việt Nam
Sư môn
Trường Đại học Công nghệ Thông tin2014 — 2019
Thú tiêu dao
Lúc nhàn rỗi, tại hạ mê đọc truyện và xem phim tiên hiệp (Phàm Nhân Tu Tiên, Tiên Nghịch, Đấu Phá Thương Khung, Kiếm Lai…), lại thích thổi sáo trúc Việt Nam lẫn sáo Dizi Trung Hoa.
Thư Họa Lâu →

Thư Họa Lâu

Lịch luyện · Kinh nghiệm

  1. Trang này còn đang được chép lại — xin đạo hữu đợi ngày sau.

  2. Chức vịMiddle Frontend Engineer

    • Tự đảm nhận các tính năng của Hybrid OS từ phân tích yêu cầu đến tối ưu
    • Chuyển hệ thống vẽ bản đồ từ SVG sang canvas Fabric.js cho bản đồ lớn, cải thiện ~70% hiệu năng
    • Làm các luồng thương mại điện tử cốt lõi trên autonomous.ai: giỏ hàng lưu bền, đăng ký/đăng nhập OTP
    Công pháp
    • TypeScript
    • React.js
    • Next.js
    • GSAP
    • Fabric.js
    • Redux
    • Redux Saga
  3. Chức vịMiddle Frontend Engineer

    • Thiết kế và xây các module cốt lõi (Communication, Attendance, Student Portfolio, Checklist) dùng ở hơn 1.000 trường tại 12 quốc gia
    • Tối ưu hệ thống tải ảnh React
    • Tích hợp SDK thanh toán không tiền mặt cho Malaysia
    • Làm mới website LittleLives và Little Hearts
    Công pháp
    • TypeScript
    • React.js
    • Node.js
    • Vue.js
    • Vuex
    • Vuetify
    • GraphQL
    • Bulma CSS
  4. Chức vịJunior Frontend Engineer

    • Đề xuất giải pháp và công nghệ frontend
    • Chuyển template HTML thành component React tái sử dụng
    • Bảo trì các dự án cho khách hàng Nhật (Smart Plus, KDDI AU Wallet)
    Công pháp
    • TypeScript
    • React.js
    • Redux
    • Vue.js
    • jQuery
    • Gulp
    • Foundation CSS
    • Handlebars
    • Atlaskit UI
  5. Chức vịJunior Frontend Engineer

    • Dựng kiến trúc và phát triển web lẫn app React Native, chuyển codebase từ jQuery sang React
    • Dùng Firebase Realtime Database cho các chiến dịch ngắn hạn và Google Maps API để tìm nhà hàng ưu đãi gần nhất
    Công pháp
    • JavaScript
    • React.js
    • React Native
    • Redux
    • jQuery
    • Webpack
    • Google Maps API
    • Firebase
  6. Chức vịJunior Frontend Engineer

    • Xây web và app thương mại điện tử đồ điện tử (Umbala.vn, Dienmaygiakhang.vn) và app giao nhận 123giao.vn bằng React và React Native, với module proxy dùng chung code giữa hai nền tảng
    Công pháp
    • JavaScript
    • React.js
    • React Native
    • Node.js
    • Redux
    • Webpack

Tàng Kinh Các

Bí tịch · Dự án

  • Trang này còn đang được chép lại — xin đạo hữu đợi ngày sau.

  • Nền tảng quản lý văn phòng hybrid: sơ đồ chỗ ngồi, đặt bàn và phòng họp, lịch làm việc linh hoạt.

    Cảnh giới Middle Frontend Engineer

    Công pháp
    • React.js
    • TypeScript
    • Fabric.js
    • Redux Saga

    Tổng quan

    Giúp doanh nghiệp quản lý sơ đồ văn phòng, đặt bàn và phòng họp, lịch làm việc hybrid, với hình ảnh không gian theo thời gian thực và luồng đặt chỗ trực quan.

    Thành tựu

    • Tự đảm nhận các tính năng từ phân tích yêu cầu đến hiện thực, tối ưu và bảo trì.
    • Chuyển hệ thống vẽ bản đồ từ SVG sang canvas Fabric.js, thiết kế lại pipeline cho bản đồ lớn: giảm giật lag, cải thiện khoảng 70% hiệu năng.
  • Cửa hàng trực tuyến toàn cầu của Autonomous: nội thất văn phòng thông minh và đồ công thái học.

    Cảnh giới Middle Frontend Engineer

    Công pháp
    • Next.js
    • React.js
    • Redux

    Tổng quan

    Cửa hàng chính thức của Autonomous, bán bàn nâng hạ điện, ghế công thái học và phụ kiện văn phòng thông minh trên toàn cầu.

    Thành tựu

    • Hiện thực các luồng thương mại điện tử cốt lõi: giỏ hàng được lưu bền, đăng ký và đăng nhập bằng OTP.

    Ghé thăm ↗

  • Dashboard quản lý trường học dùng ở hơn 1.000 trường tại 12 quốc gia.

    Cảnh giới Middle Frontend Engineer

    Công pháp
    • React.js
    • Vue.js
    • GraphQL

    Tổng quan

    Bảng điều khiển web của hệ thống quản lý trường LittleLives: giáo viên, quản lý và phụ huynh xem hồ sơ học sinh, điểm danh, ảnh hoạt động và trao đổi với nhau ở bất cứ đâu.

    Thành tựu

    • Thiết kế và xây các module cốt lõi Communication, Attendance, Student Portfolio và Checklist cho nhiều vai trò người dùng.
    • Phụ trách và tối ưu hệ thống tải ảnh viết bằng React, ổn định với lượng ảnh lớn mỗi ngày.
    • Tích hợp SDK thanh toán không tiền mặt cho thị trường Malaysia.

    Ghé thăm ↗

  • Chính trang này — sa bàn 2.5D vẽ bằng mực tàu, dựng từ các lớp tranh AI trên mặt phẳng WebGL.

    Cảnh giới Thiết kế & phát triển

    Công pháp
    • Astro
    • Three.js
    • GLSL
    • GSAP

    Tổng quan

    Một portfolio vẽ theo lối thủy mặc cổ điển, nhuốm hơi thở kiếm hiệp giang hồ: người xem theo con đường mực.

Luyện Võ Trường

Võ công · Kỹ năng

Nội công · Nền tảng

  • JavaScript / TypeScript
  • HTML / CSS
  • Performance · Micro frontend

Kiếm pháp · Framework

  • React.js / Next.js
  • Redux / Zustand
  • Vue.js / Vuex
  • React Native
  • Astro
  • Strapi Headless

Khinh công · Chuyển động & đồ họa

  • GSAP / Framer Motion
  • PixiJS / Fabric.js
  • Three.js

Ám khí · Web3 & dữ liệu

  • GraphQL / Apollo Client
  • Ether.js / Viem
  • Vite / Rollup / Webpack

Trà Đình

Phi hạc truyền thư · Liên hệ

Có việc muốn nhờ, hay chỉ muốn cùng nhau luận đạo đôi câu? Xin gửi một cánh hạc.

Phi hạc truyền thư

Còn một chặng từ biệt — xin nhắn gửi đôi lời.

Cài đặt

Phiên bản

Đổi phiên bản sẽ tải lại trang tại trạm đang đọc.