
Tìm hiểu về Javascript Promise
Trong bài AngularJS cho người mới: Dependencies và Services cũng như một số bài viết khác tôi đã có đề cập đến khái niệm promise trong Javascript, hôm nay tôi sẽ giới thiệu rõ hơn về promise cũng như ý nghĩa là tác dụng của nó. Nào cùng bắt đầu nhé. Promise là gì? Promise được sinh ra để ...

Javascrip Tips - Những điều có thể hay trong JS (ep2)
Những điều có thể bạn đã biết hoặc chưa, những kinh nghiệm của mình chia sẽ khi lập trình Javascript (ep2). Các bạn có thể xem phần 1 tại đây. Tạo 1 plugin bằng javascript hoặc xài jquery Cái này thì những bạn nào hay xài libary của javascript thì hay gặp cái này, thật ra cách tạo 1 cái ...

Một số lưu ý không nên làm với Jquery
Lâu quá rồi không được làm web, lên công ty thì làm wpf, wcf vớ vẫn ngứa tay chân nghi lại ngồi viết tut về js :p Hẵn là ai đang sử dụng Javascript thuần được học từ trên nhà trường hay tự học đều thấy phấn khích khi dùng Jquery, mình phải thốt lên thật là ảo dịu, nó đã rút ngọn code js đáng kể. ...

[nodeJs] setTimeout, setImmediate và process.nextTick
Ba cái phương thức này có vẻ giống giống nhau. Bài này lí giải sự khác nhau của 3 đứa chúng nó. An event loop refresh Giả sử rằng bạn đã hiểu về Javascript event loop. Giả sử chưa, thì ở đây tôi tóm tắt lại qua một hình ảnh. Hoặc bạn có thể ngồi đọc ở đây Stack là nơi lưu giữ các ...

Cách hiệu quả nhất để debug file Javascript của trang web khác
Post gốc trên Facebook Cái này chắc ít người xài, nhưng mà cứ chia sẻ, biết đâu một lúc nào đó lại có người cần Mình không giỏi trong chuyện viết lách nên nếu viết ngu với khó hiểu thì mong mọi người thông cảm Tính mình hay làm mấy extension cho Chrome nên việc nghịch code của các trang ...

Callbacks trong Javascript
Callbacks là nền tạng của lập trình không đồng bộ Javascript, nếu bạn đã quen làm việc với với Javascript chắc hẳn không còn lạ gì với callbacks. Nhưng đễ rõ hơn có thể nghía qua ví dụ nhỏ dưới đây. Ví dụ này đơn giản chỉ là in ra các phần tử nằm trong mảng. var cities = ['Sài Gòn','Đà ...

Three-ways bindind: the good part
What is HtmlJs? It is a library/framework that implements MVVM pattern aka two-ways binding in JavaScript. Please refer to my article about HtmlJs What is three-ways binding? A software architectural pattern, an upgrade version of MVVM. With this pattern, data in client-side will be ...

JavaPoly.js: chạy Java ngay trên trình duyệt Web
JavaPoly.js: Java(script) in the Browser Polyfills native, hỗ trợ JVM, bạn có thể import file Jar , biên dịch và chạy trực tiếp mã Java ngay trên trình duyệt Web với JavaPoly, thư viện được viết bằng Javascript. Homepage: https://www.javapoly.com <script src="https://www.javapoly.c ...

Tăng sức mạnh cho javascript với lodash
Lần này mình sẽ giới thiệu 1 thư viện javascript vô cùng bá đạo có tên là "lodash", có thể nói nó là LINQ trong javascript. Đảm bảo chỉ sau 1 lần dùng thử, thư viện này sẽ trở thành thư viện không thể thiếu trong mỗi project javascript của bạn. 1. Giới thiệu tổng quan về lodash Tiền thân ...

Cảm thấy thế nào khi học Javascript trong năm 2016
Cảm xúc khi học javascript y hệt như bài viết này nên mình dịch lại cho vui. Link gốc: https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f Này, tao có một web project mới, nhưng nói thật là tao không code nhiều về web trong vài năm gần đây và tao nghe nói là mảng ...

[Angular] $compile throw jQlite error
Tôi vừa phải dùng service $compile của angular để dịch một đoạn text thành html (He, tôi đang định viết 1 tut về $compile ) Nôm na là angular $compile sẽ nhận vào một chuỗi hoặc một phần tử html để chuyển nó thành một hàm biên dịch. Bản thân hàm biên dịch này lại nhận vào một đối tượng $scope để ...

Học React/Redux qua ví dụ thực tế: Testing
Chào mừng các bạn trở lại với series Học React/Redux qua ví dụ thực tế, trong bài trước chúng ta đã setup xong project và đã viết được những React component đầu tiên. Trong bài học lần này tôi sẽ hướng dẫn các bạn các setup để test các React component. Tôi sẽ hướng dẫn testing một cách cơ bản mà ...

[Hack Time] Viết ứng dụng tạo trò chơi "Ai là triệu phú" bằng HTML-CSS-JS [Phần 2 - hoàn tất]
Tuần trước mình đã bắt tay vào làm thử app theo ý tưởng clone chương trình "Ai là triệu phú" trên TV, với các chức năng cơ bản, chỉ sử dụng HTML & CSS & javascript ( có dùng thêm thư viện jquery và bootstrap ). [Hack Time] Viết ứng dụng tạo trò chơi "Ai là triệu phú" bằng ...

Lưu ý khi sử dụng thư viện jQuery
Khác nhau giữa thư viện jQuery 1.x và 2.x Nếu như Python có Python 2 và 3 được phát triển song song thì thư viện jQuery cũng tương tự, có phiên bản 1.x và 2.x Mà dân IT như tôi thường có xu hướng sử dụng phiên bản mới nhất vì nghĩ rằng "mới hơn tất nhiên sẽ tốt hơn". Tuy nhiên, sự thật ...

Callback hell is a myth
Đây là bản dịch bài viết của Valeri Karpov http://thecodebarbarian.com/2015/03/20/callback-hell-is-a-myth. Thưa các đồng chí, trong giai đoạn Javascript phát triển như vũ bão hiện nay, có thể thấy rõ thái độ chống đối "địa ngục callback" xuất hiện dày đặc từ nhiều blogger JavaScript và các ...

Học React/Redux qua ví dụ thực tế: Khởi tạo project
Tôi đã từng viết một số bài giới thiệu về React dành cho AngularJS developer, hay Học ReactJS trong 15 phút tuy nhiên chừng đó có vẻ là chưa đủ để bạn có thể lặn sâu hơn vao trong thế giới của React, hôm nay tôi quyết định đưa đến cho các bạn một series mới, trong series này tôi sẽ hướng dẫn các ...

Ngày không jQuery
Trước khi đến với bài viết mời bà con cô bác thưởng thức tuyệt phẩm Ngày không em Như mọi người đã biết, jQuery là một thư viện javascript rất phổ biến, nó phổ biến đến mức một số bạn bè mình quen viết jQuery mà không biết gì về javascript. Có thể nói jQuery giống ...

Có thể bạn biết rồi: Cơ chế hoạt động của Syntax Highlighter
Nhắc đến Syntax Highlighter thì chẳng ai còn lạ gì nữa. Còn nếu bạn thấy lạ =)) thì đây là một công cụ giúp tô màu các đoạn mã nguồn trên trang web, ứng dụng của nó thì nhiều vô kể. Từ các code editor online như koding.com hay c9.io , codeanywhere , đến các plugin tô màu code cho các ...

[Atom] Tự động hoàn thiện lệnh
Các trình soạn thảo mã lệnh hầu hết có tính năng auto-complete (tự động hoàn thiện lệnh) khi gõ. Nhờ có tính năng này mà chúng ta có thể gõ mã nhanh hơn và không cần phải nhớ hết làu làu các API của ngôn ngữ, thư viện nào đó. Hầu hết các API có tên rất dễ liên tưởng tới tính năng của nó nên ...

Discover Meteor - Chương 3
Trong chương này bạn sẽ: Học để deploy trên Meteor.com. Học để deploy trên Modulus. Học để deploy dùng server riêng với Meteor Up. Một số người thích làm việc lặng lẽ trên một dự án cho đến khi nó hoàn hảo, trong khi những người khác không thể chờ đợi để cho thế giới biết càng sớm ...