Hướng dẫn realtime notifications giữa Angular 2 và Rails api sử dụng Action cable(Phần 1).
Angular 2 & Rails Làm thế nào để realtime notifications giữa front-end-server và back-end-api-server? Sau một thời gian làm task về tạo realtime notification trong một dự án Rails, mình đặt ra câu hỏi là, Rails hỗ trợ rất nhiều trong ứng dụng thuần của Rails. Vậy khi chúng ta phải làm dự án ...
GraphQL mà tôi thường nghe thấy là thứ gì? (Phần 2)
Bài viết này được dịch từ bài So what’s this GraphQL thing I keep hearing about? của tác giả Sacha Greif. Phần 1: https://viblo.asia/p/graphql-ma-toi-thuong-nghe-thay-la-thu-gi-phan-1-L4x5x0aB5BM Hãy nghỉ một chút để trả lời một số câu hỏi thường gặp. Bạn đó, ở phía dưới. Phải, bạn ...
Scrum cho người mới bắt đầu - Phần 2: Scrum cơ bản
Đôi khi được gọi là một phương pháp Agile, Scrum là khung làm việc linh hoạt được sử dụng phổ biến nhất đến nỗi nhiều người lầm tưởng Agile chính là Scrum hay Scrum chính là Agile. Nhưng Scrum chỉ là một trong số hơn chục phương pháp cụ thể chia sẻ các giá trị được phát biểu trong Tuyên ngôn Agile ...
[Avanced][React] Làm animations với react-addons-transition-group
Tại sao chúng ta phải sử dụng ReactTransitionGroup ? Một điều chắc chắn là chúng ta có thể làm animations chỉ với CSS. Nhưng khi ứng dụng bắt đầu phình to ra thì điều này thực sự là một thử thách khi chúng ta muốn maintain code về sau. ReactTransitionGroup là một API được xây dựng từ thư viện ...
Seleninum có thể được sử dụng cho thử nghiệm di động?
Nếu bạn là một kỹ sư kiểm thử tư động, bạn đã chắc chắn nghe nói về Selenium. Nhưng với những lần thay đổi và tất cả các bạn có lẽ tự hỏi mình nếu bạn có thể sử dụng tốt các kỹ năng Selenium của bạn với thử nghiệm di động. Vâng, tôi có một số tin tuyệt vời cho bạn, chỉ cần tiếp tục đọc! Selenium ...
Một vài thủ thuật nhỏ hữu ích khi làm layout website.
Xin chào các bạn, hôm nay mình xin chia sẻ đến các bạn một vài thủ thuật nhỏ với HTML/CSS mà trong khi làm việc mình thấy khá cần thiết và hữu ích dành cho các bạn không chuyên Frontend khi làm layout website. Những thủ thuật này hy vọng có thể sẽ giúp bạn tiết kiệm thời gian và tối ưu layout ...
Chỉ mục(index) trong cơ sở dữ liệu (Phần 3)
Ở bài viết trước chúng ta đã tìm hiểu về việc sử dụng chỉ mục với toán tử bằng cũng như tìm kiếm theo khoảng. Ở bài viết lần này, chúng ta sẽ tiếp tục tìm hiểu các vấn đề thường gặp của chỉ mục khi sử dụng mệnh đề WHERE. Tuy đây là những vấn đề rất thường xuyên gặp phải nhưng dường như việc xử lí ...
Những demo CodePen thú vị cho tháng 4/2018
Cộng đồng dev web luôn có các nhà lập trình viên, nhà thiết kế tài năng luôn xây dựng những điều mới và thúc đẩy web tiến về phía trước. Có hàng trăm dự án CodePen thú vị mà mọi người chia sẻ mỗi ngày. Trong bài này, chúng tôi sẽ giới thiệu cho các bạn một số demo CodePen thú vị mà chúng tôi cho ...
Tìm hiểu về Styled-components phần 2
Như vậy chúng ta đã hiểu được nguyên lý của lớp nền chạy dưới styled-components dựa trên Tagged template literals (ES6 feature) ở kì 1. Với styled-components trong dự án giờ chúng ta sẽ có những lợi ích có thể liệt kê ra được dưới đây: Style trực tiếp trong file JS: Nhờ vậy những dumb ...
TẠO TODO LIST ĐƠN GIẢN VỚI ELM - PART 1
Mọi ứng dụng web được viết bằng elm luôn xoay quanh model - update - view. Do đó đầu tiên chúng ta cần xác định model. Trong todo list của chúng ta cần lưu4 thông tin : todos, in progress và finished và input từ người dùng nhập vào. Tiến hành khởi tạo model nào. type alias Model = { ...
Flexbox trong css
Flexbox là một kiểu dàn trang (layout mode) mà nó sẽ tự cân đối kích thước của các phần tử bên trong để hiển thị trên mọi thiết bị. Nói theo cách khác, bạn không cần thiết lập kích thước của phần tử, không cần cho nó float, chỉ cần thiết lập nó hiển thị chiều ngang hay chiều dọc, lúc đó các phần tử ...
Ruby regular expressions
Biểu thức chính quy là một công cụ hỗ trợ thực hiện tìm kiếm chuỗi hoặc các thao tác phức tạp với chuỗi, thường được tích hợp trong các công cụ soạn thảo văn bản, ngôn ngữ lập trình… và tất nhiên là Ruby cũng không ngoại lệ. Thành phần chủ chốt của biểu thức chính quy là các chuỗi tìm kiếm ...
SASS và SCSS- Bạn chọn gì? (Part 2)
Tiếp nối bài viết SASS và SCSS- Bạn chọn gì? (Part 1), hôm nay chúng ta hãy cùng xem cụ thể những ưu điểm của từng phương pháp. Mình tìm được một bài viết khá hay, xin phép được dịch và chia sẻ lại (có vấn đề gì mọi người góp ý giúp mình với) 1: Cú pháp của Sass ngắn gọn, đơn giản hơn: Thật ...
4 mức độ xác thực dữ liệu trong ứng dụng Rails bạn cần chú ý
Nếu bạn nhận một dữ liệu người dùng nhập vào trong ứng dụng của bạn, bạn cần phải xác thực nó. Khi nghĩ về xác thực (validation) trong ứng dụng Ruby on Rails chúng ta thường nghĩ đến model validation đầu tiên. Vậy còn những mức độ xác thực dữ liệu khác thì sao? Liệu model validation có phải ...
Tạo loading timeline giống Facebook
Giới thiệu Trong bài viết này mình sẽ hướng dẫn các bạn tạo loading giống như loading timeline của Facebook với HTML/CSS. Đây là kết quả của bài viết này: Có 2 hướng giải quyết cho phần loading này: C1: Tạo các lớp background gradient và cho animation cho chúng, như hình kết quả chúng ta ...
Custom Validation Rules trong Laravel 5.6 với Rule Objects và Closures
Chào các bạn, như các bạn cũng đã biết Laravel cung cấp cho chúng ta nhiều Rule để validation dữ liệu như required, integer, date, min, max, unique, .... Tuy nhiên nếu chúng ta muốn validation của mình theo các Rule mà Laravel không hỗ trợ thì sao? Để đáp ứng việc này, Laravel còn cho phép chúng ta ...
Chia sẻ một số Best Practices khi làm việc với React - Phần 1
Thông thường, chúng ta thường truyền function làm props cho component con dưới dạng inline function như sau <TestRenderComponent onHandle={() => this.onHandle(this.state.param)} /> Nhưng có một nhược điểm lớn khi bạn sử dụng cách làm trên, đó là Props onHandle của TestRenderComponent ...
Sử dụng Laravel Named Routes trong JavaScript với Ziggy
Laravel cung cấp cách linh hoạt để truy cập URL bằng cách sử route name. Vì vậy chúng ta có thể sử dụng 1 URL nào đó bằng cách gọi tên của nó và khi chúng ta muốn thay đổi lại URL thì chỉ cần thay đổi trong web.php giúp dể dàng quản lý và chỉnh sửa. Nhưng đối với URL được sử dụng trong file ...
Fractal - Transformers trong laravel thật dễ dàng viết API''s JSON đẹp hơn
Xin chào các bạn mình đã trở lại và có vẻ là ăn hại hơn trước rồi! Chắc hẳn các bạn cũng đã ít nhiều viết API rồi phải không, với API thì đa số chúng ta đều đang dump data và trả về response trực tiếp. Nó sẽ gặp một chút khó khăn và khó quản lý khi chúng ta muốn trả về những dữ liệu tuỳ chỉnh ...
Drag & Drop, Swipe to dissmiss recyclerview
Ở các bài viết trước mình đã hướng dẫn các bạn sử dụng Android Architeture Component, và Annotation. Trong bài viết lần này mình sẽ hướng dẫn các bạn một phần rất thân thuộc hơn với các bạn "Drag & Drop, swipe to dissmiss RecyclerView" Chắc hẳn các bạn đã nhìn thấy hoặc sử dụng rất nhiều thư ...
