Các gem hữu ích có thể bạn chưa biết (Phần 2)
Các lỗi luôn xảy ra khi bạn viết code. Để loại bỏ chúng, có 1 vài công cụ xử lý bằng tay sử dụng để debug lỗi trong ruby. 1 trong số đó là pry-byebug. Nó thực ra là gem mở rộng của Pry và Byebug. Với pry-byebug, bạn có thể triển khai từng bước của việc debug bằng việc set các breakpoint. Pry-byebug ...
Web Workers (part 2): Sử dụng Dedicated Worker
Trong phần 1, mình đã giới thiệu một cách tổng quan về các loại Web Workers và ứng dụng của nó. Trong phần tiếp theo này, mình sẽ giới thiệu kĩ hơn về Dedicated Worker (DW) thông qua ví dụ cụ thể. Như đã nói trong phần 1, một trong những tác vụ thường được ứng dụng Dedicated Worker (DW) đó là ...
Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 1)
CSS chưa bao giờ là khó để học, nhưng để viết ít code CSS nhất mà vẫn có thể cover được nhiều tình huống layout xảy ra thì không hề dễ dàng chút nào. Thuần thục được món này đòi hỏi người làm UI có 1 sự trải nghiệm thật nhiều, va chạm với nhiều kiểu layout, bị dự án, bị khách hàng ép cho các ...
Bạn đã thực sự hiểu rõ Self trong ruby?
Trong chuyên mục Ruby và những người bạn lần này, chúng ta cùng làm quen với một người rất nổi tiếng, có mặt trong nhiều ngôn ngữ, đó chính là self. Self là một biến rất quen thuộc, có mặt trong rất nhiều, rất nhiều ngôn ngữ, thân thuộc với các developer, nhưng không phải ai cũng hiểu rõ về nó. Vậy ...
Nghịch lý Birthday paradox
Như ở trong phần trước: “Nghịch lý Birthday paradox trong sử dụng “Chữ ký điện tử và hàm băm”, mình đã trình bày một cách tổng quan về chữ ký điện tử, nguyên lý tạo ra chữ ký điện tử cơ sở và có sử dụng hàm băm, ứng dụng của nó cũng như nghịch lý Birthday pardox được các kẻ xấu ...
Bài 7: Tìm hiểu về Conditional rendering(v-if, v-else, v-show) trong VueJS
Xin chào tất cả các bạn đã quay trở lại với series học VueJS với Laravel của mình, ở bài trước mình đã hướng dẫn các bạn về Wacher trong VueJS, ở trong bài này chúng ta sẽ cùng đến với Conditional rendering, đây là những thứ mà mình tin chắc các bạn sẽ dùng rất nhiều trong công việc. Ở bài này ...
5 tính năng HTML & CSS được trông đợi trong năm 2018
Html và Css luôn luôn phát triển theo theo gian, và theo sự phát triển đó thì nó cũng cung cấp cho các Frontend & Web Designer rất nhiều những tính năng mới. Native < dialog > Thẻ <dialog> được phát hành trong phiên bản Html 5.2 trong năm 2017, phần tử <dialog> cung ...
Hướng dẫn cách dùngTestComplete cho người mới bắt đầu-Part I
Kiểm thử tự động đóng vai trò cực kỳ quan trọng trong kiểm thử phần mềm. Một số test cases rất tốn thời gian, tốn công sức và lặp đi lặp lại. Và khi đó kiểm thử tự động những test cases này có thể tiết kiệm rất nhiều thời gian, góp phần làm cho kiểm thự tự động trở nên rất hữu ích trong mô hình ...
Tuốt tuồn tuột về HTTP Cookies.
Đầu tiên, bài viết này mình viết với mục đích chia sẻ kiến thức của mình về cookies . Cách chia sẻ của mình là cố gắng diễn tả vấn đề sao cho thật hài hước và dễ hiểu , giúp các bạn nhớ lâu và việc học trở nên không nhàm chán, chứ không phải là không tôn trọng người đọc. Vì vậy, việc này có thể ...
Url Helper in Rails
Link_to link_to(name = nil, options = nil, html_options = nil, &block) public link_to là một Instance Public methods có các thành phần: name: tên của link (<a> name </a>). options: url của link tương ứng với thuộc tính href của thẻ a. html_options: các thuộc tính ...
Flyweight (Structural Patterns)
Sử dụng tính năng chia sẻ để hỗ trợ số lượng lớn các đối tượng chi tiết hiệu quả. Frequency of use (in JavaScript): 5/5 high Mô hình Flyweight tối ưu bộ nhớ bằng cách chia sẻ một số lượng lớn các đối tượng một cách hiệu quả. Các đối tượng flyweight được chia sẻ là không thay đổi (immutable), ...
Bài 8: Sử dụng v-for trong VueJS
Chào mừng các bạn quay trở lại với series học VueJS với Laravel của mình, ở bài trước mình đã hướng dẫn các bạn cách sử dụng Conditional rendering, ở bài này chúng ta sẽ cùng tìm hiểu tiếp một loại directives nữa mà trong các dự án sẽ rất hay dùng đến đó là v-for Bằng cách sử dụng v-for các bạn ...
Bài 6: Sử dụng watcher trong VueJS
Chào mừng các bạn quay trở lại series học VueJS với Laravel của mình. Ở bài trước mình đã hướng dẫn các bạn về Computed. Ở bài này chúng ta sẽ chuyển qua tìm hiểu về watcher, một các rất hữu hiệu để quan sát và xử lý khi có một thay đổi trên dữ liệu. Cùng với computed có thể xử lý việc chỉ tính ...
7 kiểu ngăn cản sự trưởng thành của các kỹ sư trẻ (phần 2)
Tiếp theo phần 1: https://viblo.asia/p/7-kieu-ngan-can-su-truong-thanh-cua-cac-ky-su-tre-phan-1-GrLZDpdEZk0 Đây là bệnh mà những người cần mẫn, cả nể dễ mắc phải Triệu chứng Khi được nhờ một việc nào đó là bỏ dở công việc đã làm từ trước để bắt tay ngay vào việc mới. Hậu quả là First ...
Child Router trong Angular 4
Như lần trước mình đã có viết bài Router trong Angular 4, cấu hình như sau: const courseListRoutes: Routes = [ { path: ', redirectTo: '/courses', pathMatch: 'full'}, { path: 'home', component: HoneComponent }, { path: 'courses', component: CourseListComponent }, { ...
Dynamically load reducers for code splitting in a Redux application
Bài viết này mình sẽ giới thiệu với mọi người về cách mà Nicolas (Twitter’s JavaScript web platform and Twitter Lite Leader) đã sử dụng để load reducers một cách dynamic trong React Redux. Redux modules thì bao gồm reducer, actions, action creators, và selectors. Chi tiết hơn về redux các ...
Sử dụng Test Techniques để khám phá bài toán : Một QA đi vào một quán bar
refer: https://www.stickyminds.com/article/tester-walks-bar-reviewing-test-techniques Chi tiết bài toán: Một QA bước vào một quán bar và order bia. Anh ấy order 10 chai bia, số âm chai, 0 chai ... Có rất nhiều trường hợp xảy ra cho bài toán này. Ở đây, công việc của chúng ta cần làm là: hãy xây ...
Tự làm blog với Keystone CMS và Next.js
KeystoneJS là một trong những CMS ( Content Management System) tốt nhất được viết bằng Nodejs. Với CLI riêng, nó sẽ auto-generated tất cả các thành phần cần thiết để tạo ra 1 trang web với tính tùy biến cao, dễ dàng chỉnh sửa tùy theo nhu cầu sử dụng. Tuy nhiên, về phần frontend thì Keystone đang ...
So sánh Yarn và npm
Yarn là một JavaScript package manager xây dựng bởi Facebook, Google, Exponent và Tilde với mục đích nhằm giải quyết những vấn đề mà các team này gặp phải với npm, chẳng hạn như: Việc cài đặt các gói không nhanh và đồng bộ. Có vấn đề liên quan đến security khi mà npm cho phép các gói chạy code ...
Find First Duplicated Element in Array
Some days ago, I was just surfing some problems in codefights. Then in array category i see this problem. I want to share about the problems, my thought and then how i resolved it Problem Statement The problem statement was like we will be given an array a with some integers. We have to find ...
