Bài viết đến từ Nguyễn Việt Cường - Quản lý Cao cấp Khoa học dữ liệu Data Science team @Techcombank Giới thiệu Tỷ lệ khách hàng rời bỏ, hay tỷ lệ khách hàng dừng giao dịch với Techcombank, là một chỉ số quan trọng ảnh hưởng đến sự phát triển và lợi nhuận của ngành ngân hàng. Việc dự đoán chính xác khách hàng rời bỏ cho phép Techcombank xác định trước khách hàng có nguy cơ rời bỏ và áp dụng các biện pháp chủ động để giữ chân họ, từ đó tiết kiệm đáng kể chi phí thu hút khách hàng. Trong bối cảnh này, việc sử dụng các mô hình học máy cho việc dự đoán khách hàng rời bỏ đã thu hút được sự chú ý đáng kể. Trong bài viết này, chúng tôi sẽ đi vào giải thích chi tiết về phương pháp phát triển một mô hình dự đoán khách hàng rời bỏ cho khách hàng doanh nghiệp. [...]

Hooks là một bổ sung mới trong React 16.8, nó là những function cho phép bạn kết nối React state và lifecycle vào các components sử dụng hàm. React cung cấp cho chúng ta những hooks có sẵn như useState, useEffect, useMemo, … và đang tiếp tục bổ sung thêm các hooks hữu ích khác trong các phiên bản React mới. Không chỉ có vậy, React cũng có phép chúng ta tự định nghĩa các custom hooks để sử dụng. Trong bài viết này mình sẽ giới thiệu một vài custom hooks hữu ích cho các bạn tham khảo nhé. useWindowSize Trường hợp chúng ta muốn lấy kích thước của trình duyệt (chiều rộng và chiều cao), ta có thể sử dụng hook dưới đây; lưu ý là trường hợp code chạy phía server (server-side) thì biến window sẽ trả về undefined. function useWindowSize() {   // biến kiểm tra nó có phải client hay không   const isClient = typeof window === "object";   // lấy chiều rộng và chiều cao của cửa sổ của trình duyệt đang có   function getSize() {     return {       [...]

Bài viết được sự cho phép của tác giả Nguyễn Hữu Khanh Thông thường, sử dụng Nginx với Docker, chúng ta sẽ không cài đặt Nginx từ official image rồi cấu hình manually. Chúng ta sẽ sử dụng những Inginx Docker Image đã được cấu hình sẵn và việc chúng ta cần làm là start container từ những Nginx Docker Image đó và sử dụng mà thôi. Trong bài viết này, mình sẽ hướng dẫn các bạn cách xây dựng một custom Nginx Docker Image các bạn nhé! Mình sẽ xây dựng một custom Nginx Docker Image để khi start container từ Docker image này, mình sẽ có một web application giống như trong bài viết Cấu hình ứng dụng web cơ bản với Nginx trên CentOS. [irp posts="19795" name="Biến Git và GitHub trở thành công cụ đắc lực cho Software Engineer"] [irp posts="7048" name="Cách thiết lập một dự án Symfony để làm việc với Docker Subdomains"] Mình sẽ tạo mới một Dockerfile sử dụng Ignix official image để bắt đầu: FROM nginx:latest Cấu [...]

Bài viết được sự cho phép của tác giả Giang Phan Trong bài viết trước tôi đã giới thiệu với các bạn sử dụng tính năng Reverse Engineering của Hibernate Tool để Generate code domain model classes, annotated EJB3 entity, Hibernate mapping files một cách tự động. Có một số trường hợp, chúng ta cần customize code generation chẳng hạn database được thiết kế có prefix “gp_” cho tất cả table. Tuy nhiên, trong code chúng ta không muốn có prefix này, ví dụ gp_user thì cần generate class là User. Để giải quyết vấn đề này, ta có thể tạo một Custom Strategy Class để tùy chỉnh việc tạo các tên class được generate. [irp posts="44290" name="Hibernate Criteria Query Language (HCQL)"] [irp posts="40410" name="Hibernate Batch processing"] Giới thiệu ReverseEngineeringStrategy Bên cạnh việc sử dụng XML trong file hibernate.reveng.xml, chúng cũng có thể tùy chỉnh việc generate bằng mã Java. Điều này có thể được thực hiện bằng cách tạo một lớp Java implements ReverseEngineeringStrategy hoặc extends DelegatingReverseEngineeringStrargetyclass. Cả hai đều nằm trong package org.hibernate.cfg.reveng. Có rấ [...]

Bài viết được sự cho phép của tác giả Võ Quang Huy Để xây dựng tính năng search trong wordpress thì phải nói cực kỳ đơn giản, các bạn chỉ cần vài ba đoạn code nhỏ là có thể làm được. Nhưng… Search theo custom field ? Các bạn đã thử chưa  Nếu chưa thì hôm này mình sẽ hướng dẫn cho các bạn cách để làm chức năng đó. [irp posts="38913" name="Search cha con trong wordpress tưởng không dễ mà dễ không tưởng"] [irp posts="41167" name="Custom authentication filter đăng nhập không cần password trong Spring Security"] [irp posts="28943" name="Custom checkbox là gì ? Và cách tạo custom checkbox đẹp dễ dàng"] Để ôn lại 1 tý thì mình sẽ nhắc lại cách tạo 1 form search bình thường trong wordpress. Các bạn xem đoạn code phía dưới nha Tạo form search trong wordpress Form search đơn giản nhất <form action="/" method="GET" role="form" _lpchecked="1"> <input type="text" name="s" id="s-home" autocomplete="off" placeholder="Từ khóa...."> <button type="submit" class="button-search"><i class="fa fa-search"></i></button> </form& [...]

Bài viết được sự cho phép của tác giả Nguyễn Hữu Khanh Như mình đã nói trong bài viết về Tổng quan về quy trình xử lý request trong Spring Security, class UsernamePasswordAuthenticationFilter là filter sẽ đảm nhận việc authentication trong Spring Security và mặc định thông tin username và password của user sẽ được sử dụng cho quá trình authentication này. Trong các dự án thực tế thì các bạn có thể gặp những yêu cầu đăng nhập không cần sử dụng password mà sử dụng một thông tin khác như token hay một thông tin gì đó chẳng hạn… Trong các trường hợp này, chúng ta sẽ cần sử dụng một custom authentication filter để thay thế logic mặc định của Spring Security. Cụ thể như thế nào? Trong bài viết này, mình sẽ hướng dẫn các bạn cách hiện thực một custom authentication filter trong Spring Security cho trường hợp login không cần password các bạn nhé! [irp posts="38148" name="Bảo mật ứng dụng Java web bởi Spring Security"] [irp posts="36724" name="Cách sử dụ [...]

Bài viết được sự cho phép của tác giả Nguyễn Hữu Khanh  Thông thường, chúng ta sẽ không sử dụng trang login mặc định của Spring Security cho các ứng dụng được deploy lên production, nguyên nhân vì sao các bạn cũng có thể đoán được đúng không? Trang login mặc định này để chúng ta learning là chủ yếu. Vậy để thay thế trang login mặc định này, chúng ta sẽ làm như thế nào? Trong bài viết này, mình sẽ hướng dẫn các bạn làm điều này. Xem thêm Việc làm IT hấp dẫn trên TopDev [irp posts="38148" name="Bảo mật ứng dụng Java web bởi Spring Security"] [irp posts="36724" name="Cách sử dụng properties trong tập tin cấu hình của Spring"] Đầu tiên, mình sẽ tạo mới một Spring Boot với Spring Security, Spring Web và Thymeleaf dependencies. Kết quả như sau: Chạy ví dụ này, các bạn sẽ thấy trang login mặc định của Spring Security như sau: Bây giờ, mình sẽ sử dụng Bootstrap để viết custom login page. [...]

Bài viết được sự cho phép của tác giả Nguyễn Trương Trung Tín Tiếp tục với bài viết ở phần 1, sau khi đã hiểu được View là gì, cách android vẽ giao diện lên màn hình, cách tổ chức màn hình. Thì chúng ta sẽ đi đến phần kế tiếp, làm sao để tổ chức layout được tốt, ít tốt thời gian vẽ, 1 số mẹo để cái thiện tốc độ vẽ giao diện của ứng dụng. Optimize layout. Nhắc lại tí nội dung của bài trước thì layout trên màn hình sẽ được tổ chức theo dạng cây, và việc đo kích thước cũng như vẽ các view lên màn hình đều là các phép duyệt cây từ cao xuống thấp. Nên tốc độ vẽ 1 màn hình có thể được xem là tổng tốc độ các lần duyệt cây layout. Nên trong phần này mình sẽ nói về cách làm PHẴN 1 cây giao diện, tổ chức 1 cây giao diện theo cách RỘNG và CẠN, thay vì [...]

Bài viết được sự cho phép của tác giả Khiêm Lê Custom page transition Để custom page transition trong flutter, các bạn sẽ thực hiện animation khi một route mới được thêm vào Stack Navigator. Ví dụ như thông qua push, pushNamed… Để làm được điều này, chúng ta sẽ sử dụng thuộc tính onGenerateRoute của MaterialApp. [irp posts="8353" name="Biết chọn gì đây? Flutter, React Native hay Xamarin?"] [irp posts="30620" name="Chat app đơn giản với Flutter"] Thuộc tính onGenerateRoute của MaterialApp là một function, function này sẽ được thực hiện khi chúng ta push một route vào Stack Navigator. Thuộc tính onGenerateRoute nhận vào một tham số là RouteSettings, chúng ta sẽ cần thuộc tính name từ tham số này. Chúng ta cần trả về một PageRouteBuilder và sử dụng 3 thuộc tính của nó là pageBuilder, transitionDuration và transitionsBuilder. Thuộc tính pageBuilder là thuộc tính xác định route nào sẽ được trả về (tức route mà bạn đang push vào stack navigator). Nhận vào một hàm có tham số lần lượt là Context, Animation, Animation, chúng ta chỉ cần [...]

Bài viết được sự cho phép của tác giả Trần Anh Tuấn Chắc là khi các bạn làm giao diện web sẽ gặp nhiều thiết kế có các nút như checkbox hay là radio về các lựa chọn như là chọn giới tính, hoặc các sở thích. Tuy nhiên nó không phải là một checkbox hay radio bình thường khi chúng ta dùng <input type="checkbox"/>, mà là một dạng nào đó khác như nút Toggle giao diện Dark mode của site mình chẳng hạn. Thì hôm nay mình sẽ hướng dẫn các bạn không chỉ về cách làm mà là về nguyên lý hoạt động của custom checkbox nữa để các bạn có thể hiểu cách nó hoạt động như thế nào mà có thể tuỳ biến thoải mái về sau cho những UIs lạ lẫm khác nữa nhé. Bắt đầu thôi nào. Ở đây mình sẽ hướng dẫn các bạn tạo ra một cái Toggle giống chỗ tuỳ biến giao diện Dark Mode của [...]

Bài viết được sự cho phép của tác giả Nguyễn Trương Trung Tín Bắt đầu với chủ đề custom layout để đẩy nhanh tốc độ vẽ màn hình của ứng dụng. Mình dự định chia chủ đề này ra làm 2-3 bài viết, với bài đầu tiên là bàn lại về kiến thức View của android cũng như view hierarchy, còn 1-2 bài sau để viết về phần optimize layout và custom view. Qua đó giúp cho các bạn tiện theo dõi về chủ đề này hơn. Vì vậy, toàn bộ bài này mình sẽ viết về kiến thức View cũng như View Hierarchy, làm sao android có thẻ vẽ lên giao diện người dùng được, vẽ như thế nào,... Nên nếu có kiến thức tốt về view và view hierarchy thì bạn có thể BỎ QUA BÀI NÀY. [irp posts="2344" name="Code Review Done Right – Đừng để chỉ Chúa mới hiểu code của bạn!"] [irp posts="24298" name="Interview React Developer thì hỏi gì?"] View là gì? Tạm định nghĩa là 1 class dùng để thế hiện các thành phần giao diện lê [...]

Năm 2012, tôi đã thấy một trong những hình minh họa chữ ( word cloud visualization) tuyệt nhất tại New York Times. Được tạo ra bởi Mike Bostock, và team của anh ấy. Vốn là những chuyên gia về data visualization (minh họa data) để giúp người đọc hiểu rõ thêm về những vấn đề trong chiến dịch tái ứng cử của Obama. Khi chúng tôi giới thiệu Soylent, đã có hàng lũ lượt các bình luận trên Hacker News, Twitter, và Reddit. Feedback nhiều vô kể, cả tích cực lẫn tiêu cực. Thật tiếc là chúng tôi không thể nào đọc hết từng ấy bình luận. Để đối mặt với vấn đề đấy, chúng tôi đã tìm cách để có thể những vấn đề quan trọng và nổi bật nhất đến từ cả 2 phía supporters và detractors. Sau đây tôi sẽ nêu ra cách thức mà để thiết kế ra hệ thống đó, sau đó dùng Elon Musk’s Hyperloop làm ví dụ. Cách mà NYTimes tạo nên những hình minh họa như vậy “Nó so sánh việc cá [...]