
Tìm hiểu về ActiveSupport::Concerns
Mở đầu Trong quá trình build 1 Rails app, nếu để ý chúng ta sẽ thấy xuất hiện 1 folder có tên là concerns, nằm trong đường dẫn app/controllers và app/models. Nếu trước giờ chưa dùng đến nó thì chúng ta thường không quan tâm đến, cũng không rõ nó có tác dụng gì, hoặc là có thể nó để làm 1 thứ gì ...

Danh sách 10 yếu tố cần quan tâm khi test nội dung một trang web thương mại điện tử.
Bài viết được dịch tham khảo từ link: https://www.crazyegg.com/blog/checklist-10-elements-every-ecommerce-website-should-conversion-test/ Một trong những điều bực bội nhất khi test nội dung một trang web thương mại điện tử là tìm ra được cần phải kiểm tra những gì. Mặc dù mỗi trang web là riêng ...

8 nội dung quan trọng cần test một website bán hàng online
Thực hiện test một Website/Application bán hàng online như thế nào? Một website/App bán hàng trực tuyến "chất lượng" chính là chìa khóa thành công cho việc kinh doanh. Để đảm bảo khách hàng sẽ thích thú mua sắm trên Website/App của mình từ lần đầu tiên cho tới các lần mua sắm tiếp theo, các nhà ...

Nên học lập trình web ở trung tâm hay trường đại học?
Không giống như trước đây, ngày nay để tiếp cận với giáo dục là điều dễ dàng hơn bao giờ hết. Đã có khá nhiều người tự học lập trình website mà không cần phải trải qua quá trình đào tạo 4 năm dài ròng rã, chỉ cần chịu khó lên mạng truy cập website học lập trình là có thể bắt đầu quá trình tự học. ...

Webpack và Rollup
React đã thay thế Webpack bằng Rollup, điều này sẽ khiến nhiều người hỏi 'tại sao chọn Rollup thay vì dùng webpack?' Để có thể so sánh, Không chỉ React sử dụng Rollup mà Vue, Ember, Preact, D3, Three.js, Moment và hàng chục thư viện nổi tiếng khác cũng sử dụng Rollup. Vì vậy những gì đang xảy ra? ...

Xây dựng api cho ứng dụng đơn giản với NodeJS
Tổng quan Trong bài trước mình đang có kết hoạch viết 1 loạt các bài từng bước để tạo lên website Single Page Application với Docker, Rails api và ReactJS. Bài viết này mình tham khảo từ https://start.jcolemorrison.com/authorized-resources-and-database-migrations-with-strongloops-loopback/ thấy ...

Vai trò của QA - Thực sự là gì?
Tôi đã nhiều lần được chứng kiến, ở các công ty phát triển phần mềm bằng phương pháp agile, họ xem vai trò của QA trong đội dự án căn bản giống như là một tester trong mô hình waterfall, chỉ tham gia vào việc kiểm tra tự động. Bài viết này tôi hướng tới những ai đang thực hiện tất cả các kiểm thử ...

Advanced Checkbox Styling với CSS Grid
CSS Grid Layout Module không chỉ giải quyết vấn đề bố cục mà còn có thể giải quyết một số vấn đề cho các checkbox, label. Mặc dù có một số phương pháp để định dạng label sau checkbox, nhưng lại không dễ dàng đối với trường hợp lable đứng trước checkbox. Checkbox styling mà không dùng CSS Grid ...

Bí kíp giúp tạo bước đột phá cho website thương mại điện tử
Cùng với sự phát triển mạnh mẽ của thương mại điện tử , website trở thành yếu tố không thể thiếu. Các doanh nghiệp hầu hết đều mắc phải sai lầm khi tạo dựng một website hoành tráng nhưng lại không quan tâm đến các chi tiết cơ bản. Vậy nên, bài viết sau đây các chuyên gia xin chia sẻ một vài bí kíp ...

Hướng dẫn cho người mới bắt đầu về Kiểm thử ứng dụng trên điện thoại di động
Giới thiệu về Kiểm thử ứng dụng trên điện thoại di động: Đã qua rồi những ngày mà điện thoại đã từng là thứ chỉ được vứt ở góc nào đó và phải đổ chuông để thu hút sự chú ý của con người hoặc máy tính chỉ là một cái máy mà ít người sử dụng - giờ đây chúng là một phần mở rộng của chúng ta - một cửa ...

ES6 Features Every JavaScript Developer Must Know
Trong bài viết này, tôi sẽ cover những tính năng mới của ES6 mà tôi nghĩ bất cứ JavaScript Developer nào cũng cần phải nắm vững. Bài viết này đặc biết hữu ích cho những ai mới bắt đầu tìm hiểu ES6 or học 1 front-end framworks nào đó. 1. Let and Const Let khá là giống với var nó chỉ khác ở chỗ ...

What is Test Data
Test data là một thuật ngữ được sử dụng phổ biến trong cuộc sống hàng ngày của những người kiểm thử phần mềm. Trong khi thực hiện các trường hợp thử nghiệm, chúng ta cần một số dữ liệu đầu vào để có được kết quả đầu ra như mong muốn. Đô khi cần phảo load ứng dụng với dữ liệu (Load testing) hoặc ...

i18next interpolation
Bài viết được dịch từ nguồn: https://www.i18next.com/interpolation.html Interpolation là một trong những chức năng được sử dụng nhiều nhất. Nó cho phép bạn tích hợp các giá trị động vào các định nghĩa translator của bạn. Theo mặc định, những nội suy này sẽ bảo vệ bạn khỏi các vấn đề về xss có ...

Demo ứng dụng I Love You V2 bằng kotlin
Viblo Trước đây mình có demo 1 ứng dụng I Love You bằng java , hôm nay mình sẽ nâng cấp và convert nó sang kotlin (ngôn ngữ mình đang tìm hiểu ) 1.1. activity_main.xml Chưa có gì đặc biệt , mình thiết kế giao diện đơn giản như trong hình thôi : Code <?xml version="1.0" ...

Sử dụng select2 trong ứng dụng rails
Select2 là một plugin Jquery hỗ trợ trong việc tuỳ chỉnh select box, tìm kiếm dữ liệu trong khi select, tạo tag, điều khiển dữ liệu, và thêm một số tính năng khác Sử dụng CDN <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" ...

Perusing delegate.rb from Ruby’s Standard Library
Tổng quan Đầu tiên khi đi vào bài này mình muốn đưa ra khái niệm delegate là gì, để mọi người có thể nắm được tổng quan về delegate trong ruby có gì giống và khác với delegate của các ngôn ngữ khác. Trong lập trình ruby, có rất nhiều cách giúp bạn chuyển tiếp đối tượng (đại khái là việc bạn gọi ...

Angular 2 căn bản - Phần 2: Làm quen với component và service
Ở cuối bài viết trước mình đã đề cập đến component, và ở phần này chúng ta sẽ bắt đầu bằng cách tự build một component theo ý của mình (go) Mình sẽ tạo một component để hiển thị ra một list people. Tuy nhiên, để tiện cho việc chỉnh sửa về sau, mình sẽ tạo một interface là person để export, và trong ...

Vận dụng lợi thế Kotlin để viết hàm Add và Replace Fragment mà Java không làm nổi trong Android
Nhưng chúng ta đã biết tại Google I/0 2017 thì Google đã đưa Kotlin và hướng đến nó sẽ trở thành ngôn ngữ lập trình chính cho Android. Trong quá trình tìm hiểu và học hỏi Kotlin để bắt kịp xu thế công nghệ, tôi thường hay đem Kotlin so sánh với Java liệu nó có điểm nào hơn, có những gì nó làm được ...

Làm thế nào để không bị trả lại lỗi đã log
Bài viết sau được dịch từ link: http://www.softwaretestinghelp.com/how-to-get-your-all-bugs-resolved/ Tôi không thích việc bị trả lại bug mình log từ phía đội phát triển (dev team). Bạn thì sao? Tôi nghĩ là mọi tester luôn cố gắng để lỗi mình log được sửa hoàn toàn. Điều đó yêu cầu phải có kỹ ...

Tạo slider chỉ với HTML và CSS
Giới thiệu Có rất nhiều thư viện Javascript để tạo slider. Trong bài viết này mình sẽ giới thiệu tới các bạn cách để tạo một slider đơn giản chỉ với mã HTML và CSS. Bắt đầu HTML <div class="slider"> <div class="slide" id="slide-1">1</div> <div class="slide" ...