![](/themes/images/default.png)
Giá trị của một fullstack developer
Trong bài viết này, chúng ta sẽ tìm hiểu về full stack developer. Họ là ai? Họ làm việc như thế nào? Giá trị của họ ra sao? Họ có giống như những Full stack Overflow developer mà tôi đã đề cập trước đây. Nào cùng tìm hiểu nhé! Họ là ai? Hầu hết các developer dành phần lớn thời gian của sự ...
![](/pictures/picsmalls/2018/08/11/560/anx1533991741.jpg)
prototype là khỉ gì ?
Prototype là hệ thống phân chia quyền lực của giang hồ ! Sở dĩ ta nói như vậy là vì Khi hỏi object 1 property nào đó, nếu bản thân nó ko làm dc, nó sẽ nhờ prototype của nó, prototype này tuy-mặt-đầy-thẹo nhưng nếu vẫn chưa làm nổi, sẽ lại tiếp tục hỏi prototype cấp trên và cứ thế cho đến thằng ...
![](/pictures/picsmalls/2018/08/11/560/ecq1533991730.png)
[ES6] Một hành xử lạ mà không lạ của arrow function
Nếu chưa biết về arrow function trong ES6, mời các bạn xem qua bài viết này Với ý định viết một hàm hook vào chỗ trước khi save của mongoose, tôi đã sử dụng arrow function như thế này: UserSchema.pre('save', (next) => { let now = new Date(); this.updateAt = now; if ...
![](/themes/images/default.png)
Hành trình Angular - Chap 0 [WIP]
Đây là loạt bài viết ghi lại những thứ tôi hiểu về AngularJS. Xin lưu ý rằng loạt bài này không phải là hướng dẫn cho người mới bắt đầu, tuy nhiên điều kiện tiên quyết không quá phức tạp. Hãy chắc chắn rằng bạn đã hoàn thành các ví dụ (4) trên trang chủ AngularJS. Vậy là đủ để chúng ta có thể bắt ...
![](/pictures/picsmalls/2018/08/11/560/tzl1533991737.jpg)
function là khỉ gì ?
function quá đơn giản, bên dưới là function nhận vào 2 số a và b, sau đó trả về tổng. function add(a, b) { return a+b; } Ai cũng biết cách tạo và sử dụng function, nhưng chúng ta luôn thắc mắc là tại sao cùng 1 vấn đề, bạn ngọc trinh dùng 2 function còn bạn sơn tùng dùng 20 function. ...
![](/pictures/picsmalls/2018/08/11/560/wtt1533991739.png)
function* và yield trong Javascript generator function
function* là một trong những chức năng mới của Javascript trong ECMAScript 2015 (6th Edition, hay tắt là ES6). function* giúp khai báo 1 generator function, trả về 1 Generator object . Với chức năng mới này, hàm có thể dừng thực thi bất cứ thời điểm nào, đợi async chạy xong, xong tiếp tục thực ...
![](/pictures/picsmalls/2018/08/11/560/fss1533991739.jpg)
Thử làm một editor tương tác (phần 2)
Ở bài Thử làm một editor tương tác (Phần 1) mình đã giới thiệu qua tool. Trong bài viết này mình sẽ viết cách làm tool một cách chi tiết nhất có thể. Mã nguồn của tool ở đây: https://github.com/telescreen/ijs Bắt đầu Để có thể có tool này, mình cần: Editor. Nếu có thể hỗ trợ highlight ...
![](/pictures/picsmalls/2018/08/11/560/oqk1533991723.png)
Trick nhỏ để lấy screen size với javascript và css
Lâu không post gì muốn viết một bài dài dài về js cơ mà đau đầu quá viết mãi không xong, thôi post bài ngắn vậy Lấy screen size ở đây tôi muốn nói với việc phát hiện xem màn hình browser có kích thước vừa hay to nhỏ thế nào. Cái này quá đơn giản, có gì mà phải trick, bạn có thể gọi ngay ...
![](/themes/images/default.png)
Giải rút gọn link Adf.ly với node-bypasser
Mình là một contributor với quyền write của node-bypasser Mình muốn giới thiệu với các độc giả Kipalog về dự án open source đầu tiên mà mình đóng góp vào (contribute). Bằng việc đóng góp vào project này, mình học được rất nhiều thứ về Node.js, những công cụ hỗ trợ khi viết code như Eslint, ...
![](/themes/images/default.png)
json ⊄ js
Mọi người thường nói rằng JSON là một phần nhỏ (subset) của Javascript. Vấn đề là nó không phải như vậy. Dựa vào spec của JSON, một chuỗi có thể chứa bất cứ kí tự unicode nào ngoại trừ " hoặc / hoặc kí tự điều khiển. Điều là có nghĩa là chuỗi dưới đây hoàn toàn hợp lệ với JSON: {"str": ...
![](/pictures/picsmalls/2018/08/11/560/gpx1533991708.jpg)
Thử làm 1 editor tương tác (Phần 1)
Giới thiệu Mình rất thích học đồ hoạ máy tính nhưng luôn lười vì: Học thư viện đồ hoạ trên native platform tốn thời gian. API khó hiểu khó hình dung kết quả. Mã viết ra phải biên dịch, chạy mới nhìn được kết quả. Thời gian từ lúc viết mã đến lúc nhìn thấy kết quả khá dài. Tốc độ feedback ...
![](/pictures/picsmalls/2018/08/11/560/lha1533991726.png)
Viết và chia sẻ code online với fiddle
Trước khi giới thiệu fiddle là gì, mình xin kể các bạn nghe 1 câu chuyện "có thật" sau. Một hôm nọ, khi mình đang ở công ty, bỗng nhận được mes của thằng bạn. Thằng bạn: Ê mày, cái css của tao bị sao ấy, chỉnh lại giùm tao với. Cái jquery cũng ko chạy luôn, bấm nút xong nó ko ra gì hết. Team ...
![](/themes/images/default.png)
Học ReactJS trong 15 phút (Phần 1)
Trong bài React dành cho AngularJS developer tôi đã có một số so sánh cũng như hướng dẫn sơ lược về ReactJS dành cho những bạn đã có background về AngularJS. Vậy còn với những bạn chỉ có căn bản về Javascript? Hôm nay tôi sẽ giới thiệu với các bạn những kiến thức cơ bản về ReactJS mà các bạn đã có ...
![](/themes/images/default.png)
Giới thiệu Spread Operator của ES2015 (hay ES6)
Trong ES6 spec có giới thiệu một chức năng mới khá là lợi hại mà không phải ai cũng hay dùng, đó là Spread Operator . Chức năng này không có gì là xa lạ với các ngôn ngữ khác, trong thế giới Ruby thì nó tương đương splat operator . Spread Operator cho phép chuyển đổi một chuỗi thành nhiều ...
![](/pictures/picsmalls/2018/08/11/560/emr1533991729.jpg)
ECMA Script 6 fat arrow function
Xin chào, đây là lần đầu tiên mình post bài ở đây. Nhiều vấn đề mình cũng không rành lắm, có gì sai mọi người góp ý nhé. Xin cảm ơn :D Bài này giới thiệu hàm mũi tên - arrow function trong ECMA Script 6, phiên bản kế tiếp của Javascript hay ECMAScript 5 (ES5) Uhm, trước khi đi vào vấn đề ...
![](/themes/images/default.png)
React dành cho AngularJS developer (Phần 2)
Tiếp nối bài viết trước, hôm nay chúng ta cùng tiếp tục xem xét cách giải quyết vấn đề về Component, Data binding,… trong React và Angular. Component React component thì có dạng giống như Angular directive, chúng được sử dụng để trừu tượng các cấu trúc DOM phức tạp, và chia nhỏ theo ...
![](/pictures/picsmalls/2018/08/11/560/krs1533991728.png)
Tạo dummy data với Faker và Mockaroo – Xa rồi những ngày nhập tay nhàm chán
Cuộc đời một thằng developer có rất nhiều việc rất chán nhưng phải làm: fix bug, viết report, nhập timesheet, viết code test … Một trong những việc đáng chán đó là: Tạo data giả để hiển thị và test . Để làm việc này, chúng ta thường tạo object giả (bằng code), hoặc đánh data giả vào SQL. ...
![](/pictures/picsmalls/2018/08/11/560/wlp1533991724.jpg)
Tạo một ES6 NodeJS app
Lời mở JavaScript, ngôn ngữ được ấp ủ đúng 10 ngày đã trở thành từ kỹ thuật được nhắc nhiều nhất bây giờ, phải cảm ơn cuộc cách mạng của Web 2.0. JavaScript có mặt khắp mọi nơi, không chỉ ở client side khi bạn duyệt web, nó còn được dùng để phục vụ request ở server side với NodeJS. Bạn ...
![](/pictures/picsmalls/2018/08/11/560/ekm1533991708.png)
[Hack Time] Viết ứng dụng tạo trò chơi "Ai là triệu phú" bằng HTML&CSS&JS [Phần 1]
Chào cả nhà, lại là mình đây, đây là tuần thứ 3 và 2 tuần trước, mỗi cuối tuần mình có post một bài về một ứng dụng mà mình tự làm chỉ hoàn toàn bằng HTML&CSS&JS, có sử dụng thư viện jquery [Hack Time] Tạo ứng dụng Yes/No Selector bằng JavaScript thuần và jquery ( tạm gọi là tung đồng ...
![](/themes/images/default.png)
Tản mạn dấu chấm phẩy trong JS
Bài này mình copy lại từ blog của mình, muốn chia sẻ thêm cho anh em. Có chỗ nào sai sót, chưa hợp lý, hay thiếu thốn thì mong được mọi người chỉ giáo :D var a = 10 var b = a + 20 console.log('The result is that: a = %d, and b = %d', a, b) function add(a, b) { var c = 10 ...