Chuyên gia phát triển Frontend với kinh nghiệm vững vàng | Nam Hà Nội

Frontend Developer, React, Vue, JavaScript, TypeScript, Microfrontend, PWA, UI/UX, Unit Testing, Webpack, Agile …

● KINH NGHIỆM LÀM VIỆC

○ Vccorp

• Front-End Developer từ tháng 5 năm 2021 đến nay
• Nghiên cứu và cải tiến dashboard monolith thành micro frontend
• Tối ưu thời gian tải trang của dịch vụ dashboard thành SPA
• Phát triển và bảo trì hơn 20 dự án của công ty
• Tạo cơ sở dự án, phân chia nhiệm vụ, xem xét mã, tư vấn giải pháp cho các thành viên trong nhóm
• Đào tạo nâng cao trình độ cho các thành viên trong nhóm
• Chia sẻ kiến thức và công nghệ mới cho công ty và các thành viên trong nhóm

○ AHT Tech

• Front-End Developer từ tháng 10 năm 2019 đến tháng 11 năm 2020
• Phát triển các trang landing page theo file PDF
• Xây dựng blog, thương mại điện tử theo yêu cầu của khách hàng

● DỰ ÁN

○ Bizfly Root

• Cấu hình thư viện chia sẻ
• Cấu hình các tuyến đường cho các dự án
• Tích hợp PWA cho phép người dùng cài đặt như ứng dụng trên điện thoại, máy tính
• Chia sẻ thư viện qua webpack bên ngoài
• Công nghệ: Microfrontend, Single SPA, PWA, Husky, Eslint

○ Bizfly Shared

• Cấu hình vue-loader, style-loader, file-loader cho webpack để chia sẻ các thành phần vue
• Chia sẻ biến, tái sử dụng hàm cho nhiều dự án
• Chia sẻ trạng thái toàn cục qua các file module để tích hợp vào vuex
• Tích hợp đa ngôn ngữ i18n cho dashboard
• Cấu hình headers cho Axios và tự động hiển thị thông báo lỗi khi phản hồi trả về lỗi
• Công nghệ: Webpack, i18n, Axios, Dayjs

○ Bizfly Layout

• Thiết kế các thành phần dashboard như headers, sidebars và trang lỗi
• Nghiên cứu và phát triển công cụ báo cáo lỗi, chức năng kéo màn hình chụp ảnh viết trong DOM và Html2canvas
• Theo dõi người dùng với Google Analytics
• Công nghệ: Vuejs, VueX, Vue Router, Vue I18n, Raven, Js Cookie, Nprogress, Html2canvas, Google Analytics

○ Cloud Server

• Dashboard cho phép người dùng thao tác với server
• Phát triển các tính năng phức tạp với việc tạo trang với nhiều tùy chọn
• Viết unit tests đạt trên 80%
• Hợp tác với đội ngũ RnD để thiết kế, phát triển, đề xuất các tính năng mới nhằm cải thiện UI UX
• Công nghệ: Vuejs, VueX, Vue Router, Vue I18n, Jest

○ Business Email

• Phát triển các tính năng quản lý tài khoản người dùng
• Cho phép người dùng tải xuống file excel và thêm mới bằng cách tải lên file excel đúng định dạng
• Tối ưu nhiều hộp thoại bằng cách lazy loading, chỉ tải file trunk webpack khi mở hộp thoại
• Công nghệ: Vuejs, VueX, Vue Router, Vue I18n, File saver, xlsx

○ Video On Demand

• Nghiên cứu và chọn công nghệ phù hợp với yêu cầu
• Làm việc với đội ngũ backend để đưa ra API đúng cho biểu đồ
• Phát triển nhiều loại biểu đồ thống kê khác nhau như: Line, Pie, Doughnut, Bar
• Tích hợp bộ lọc cho biểu đồ
• Công nghệ: Vuejs, VueX, Vue Router, Vue I18n, Chartjs, Vue Chart

○ Bizfly UI

• Thư viện phát triển cho dashboard doanh nghiệp
• Kế thừa, nghiên cứu và phát triển thư viện Bizfly UI dựa trên Element UI theo chức năng và thiết kế yêu cầu của công ty
• Cải thiện các vấn đề UX của thư viện
• Tạo các lớp tái sử dụng như Tailwind
• Cấu hình để có thể chuyển đổi đa ngôn ngữ
• Cấu hình để xây dựng thư viện
• Công nghệ: Vuejs, Element UI, Owl Carousel, SCSS

○ Web Mail

• Dự án giống Google Mail cho công ty nội bộ và cho doanh nghiệp
• Tối ưu form chỉnh sửa để gõ trên 80.000 ký tự mà không bị lag
• Tạo thông báo và tự động tải lại khi phát hiện người dùng mất internet
• Phát triển tính năng kéo và thả file vào từ trình chỉnh sửa
• Công nghệ: Vuejs, VueX, Vue Router, Vue I18n, TinyMCE

○ Bizfly Docs

• Tối ưu website đạt hơn 95 điểm trên google lighthouse
• Giảm kích thước hình ảnh và định dạng thành webp
• Lazyload hình ảnh khi cuộn
• Chia nhỏ css thành các file để preloading và postloading sử dụng async và defer
• Loại bỏ jquery và viết lại bằng Javascript DOM
• Chia nhỏ file js và bắt sự kiện click để tải file js chỉ khi cần
• Công nghệ: Hugo, Markdown, Javascript, Boostrap

○ Workzone

• Dự án quản lý nhiệm vụ
• Cho phép người dùng kéo và thả cột và nhiệm vụ
• Thêm, chỉnh sửa và xóa cột và nhiệm vụ đa lớp
• Công nghệ: React, Ant Design, Tailwind, React DND, Typescript

○ Signal

• Dự án nhắn tin
• Sử dụng regex để định dạng tin nhắn từ backend trả về thành các định dạng như: user tag, email, link, color, element tags
• Thiết kế các định dạng đính kèm như file, hình ảnh
• Tạo hộp thoại tạo nhóm chat và thêm người dùng
• Phát triển tính năng tìm kiếm nâng cao
• Công nghệ: React, Material UI, I18next, Typescript

● HỌC VẤN

○ Đại học Công nghệ Thông tin và Truyền thông

• Công nghệ Phần mềm (2016-2020)

● GIẢI THƯỞNG

○ Cá nhân xuất sắc của Vccorp 2021
○ Thành tích chia sẻ công nghệ MicroFrontend

● HOẠT ĐỘNG

○ Blogging
• https://viblo.asia/u/ngncthanh10