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 ...
Let''s self build Redux - Part2: The fascinating context api
Tiếp nối phần một, ta đã hiểu được cách một store được lưu trữ như thế nào. Tuy nhiên store hiện tại vẫn còn rất đơn giản và lưu trực tiếp vào global nên đi kèm với nhiều mối nguy hiểm khi React không thể phát hiện ra những thay đổi để cập nhật view cho đúng lúc. Hơn nữa, việc lưu store như vậy ...
Scrum cho người mới bắt đầu - Phần 3: Nhóm scrum
Tiếp nối phần số 2 của seri này, ở phần 3, chúng ta sẽ cùng tìm hiểu về : Nhóm liên chức năng và tự tổ chức Các giai đoạn phát triển của nhóm làm việc Nhóm scrum ScrumMaster Product Owner Nhóm Phát triển (team) Các nghề nghiệp đặc thù Scrum. Thôi không lan man nữa, let's go. Nhóm ...
[Android] Xử lý "Orientation changes"
Nếu bạn là một Android Developer, thì ắt hẳn việc xử lý xoay màn hình là một vấn đề rất quen thuộc khi phát triển ứng dụng. Lúc đầu mới làm về Android mình cũng chẳng thèm quan tâm đâu nhưng dần mình thấy đây thực sự là một vấn đề rất đáng quan tâm nếu bạn để ý đến trải nghiệm người dùng. Trong ...
Tìm hiểu về Process trong hệ điều hành
I. Process là gì Theo định nghĩa thì process là chương trình đang thực thi. Process không chỉ là những đoạn text. Nó bao gồm các hoạt động hiện tai, được đại diên thông qua các giá trị của các bộ đếm chương trình và nội dung của các register. Ngoài ra 1 process cũng bao gồm process stack để lưu ...
Phân tích connect() và mapStateToProps() trong Redux
Giới thiệu Chào các bạn, bài viết này mình sẽ chia sẻ hai khái niệm (function) chính mình sẽ làm việc, chạm mặt rất nhiều lần trong một ứng dụng React và Redux các bạn nhé, đó chính là connect() và mapStateToProps(). Mình hi vọng qua bài viết này, đâu đó giúp cho các bạn mới bắt đầu với React và ...
