
Series JavaScript sida – Cùng làm quen và “chịch”, nhầm… nghịch ES6
Dạo gần đây mình đi làm thêm, project hiện tại có sử dụng React với cả ES6 – chuẩn Javascript mới. Do mấy bài viết trước mình chê JavaScript sida nhiều thấy cũng tội, hôm nay viết một bài nói tốt cho nó một tí để đổi gió nhé. Phiên bản JavaScript hiện tại chúng ta đang sử dụng dựa trên chuẩn ...

Lovefield Javascript Relational Database
1. Giới thiệu: Lovefield , một relational database được viết hoàn toàn bởi JavaScript & được phát triển bởi Google . Cung cấp cú pháp truy vấn tương tự SQL Hoạt động trên cross-browser (Hỗ trợ Chrome 37+, Firefox 31+, IE 10+, Safari 5.1+). Lovefield có thể được sử dụng cùng với ...

Javascript Object dưới con mắt của Java Developer
Một trong những thách thức lớn nhất đối với Java developer khi tìm hiểu và áp dụng Javascript chính là sự khác biệt giữa việc cách giải thích khác nhau về object giữa hai ngôn ngữ. Nhìn qua thì Javascript có syntax khá tương tự Java, nhưng về cách tiếp cận lập trình hướng đối tượng của ...

Áp dụng LINQ trong javascript, chuyện nhiều người chưa biết
Như mình đã nói trong loạt bài: Học ngôn ngữ lập trình nào bây giờ?, hiện tại Javascript đang trở thành 1 trào lưu mới. Gần đây, do đang tự học Node.js nên mình tập trung nghiên cứu javascript nhiều hơn. Vì vậy, trong khoảng thời gian này mình sẽ đăng nhiều bài viết liên quan đến javascript hơn, ...

Viết extension cho Chrome(Phần 3): Tạo thông báo cho kipalog
Ở các bài trước mình đã giới thiệu cách viết 1 extension cho chrome như thế nào rồi, và cũng đã hướng dẫn làm extension phân trang cho Kipalog rồi. Bây giờ muốn mỗi khi kipalog có thông báo hay có bài mới thì mình muốn nó gửi thông báo về cho mình trên browser, như hình dưới đây: Bạn có thể ...

Hiệu ứng cool cho download/upload
Hôm nay lượn lờ trên mạng tìm được một hiệu ứng rất cool cho tiến trình download, upload tên là Elastic Progress . Demo có thể xem ở dưới đây Demo nhiều hơn nữa ở đây. Download và hướng dẫn sử dụng ở Github: https://github.com/codrops/ElasticProgress/. Bài phân tích, có thể đọc cho ...

[JS] async-await đơn giản
1. Giới thiệu Với các đặc tả JavaScript cũ, ta phải sử dụng các hàm phản hồi để xử lý các thao tác bất đồng bộ. Tuy nhiên việc này dẫn tới tình trạng callback hell khi ta có nhiều thao tác bất đồng bộ phải chờ nhau thực hiện. Callback hell làm cho mã nguồn của ta rất rối và khó bảo trì. ...

React dành cho AngularJS developer (Phần 1)
Bài viết này sẽ dành cho những developer đã quen thuộc với Angular 1.x và muốn tìm hiểu thêm về React. Chúng ta sẽ xem xét các cách tiếp cận khác nhau của mỗi thứ để xây dựng Rich Web Application. Mục tiêu sau khi đọc bài viết này, tôi hy vọng các bạn có thể hiểu những vấn đề mà React hướng đến ...

Namespace and Revealing Module Pattern in Javascript
Trong javascript thì có rất nhiều mô hình thiết kế (design pattern) khác nhau, thật ra ai cũng biết là về bản chất Javascript sinh ra đã không phải là một ngôn ngữ chính thống, nó sinh ra ban đầu đơn thuần chỉ dành cho việc xử lý giao diện trên trên browser, bản thân nó không được thiết kế ...

Discover Meteor - Chương 5
Trong chương này bạn sẽ: Tìm hiểu cách sử dụng GitHub GitHub là một kho lưu trữ dữ liệu cho các dự án mã nguồn mở dựa trên hệ thống quản lý version Git, và chức năng chính của nó là làm cho việc chia sẻ mã nguồn và cộng tác trên các dự án được dễ dàng hơn. Nhưng nó cũng là một công cụ ...

MithrilJS - Building Brilliant Applications (p1)
Giới thiệu về Mithril framework Mithril Thật ra dự án này cũng đã được phát triển khoảng một năm rồi, theo như thời gian contributors của dự án này thì nó bắt đầu từ April 2015, khoảng mấy tháng trước lúc mình có thông tin về framework này, sau đó lên xem thì nó đã release version 0.1 , giờ ...

Nhật ký học Nodejs: Ngày 2 - Meteor có gì hay, phải bắt đầu như thế nào?
Lưu ý trước khi đọc: Series này mình dùng để lưu log lại, ghi lại những gì tìm hiểu và học được khi làm ứng dụng nodejs nên nó có bố cục khá lung tung có thể gây khó chịu khi đọc. Nếu nó làm phiền bạn, vui lòng bỏ qua. Nếu thấy chia sẻ được cùng mình, hãy cùng nhau thảo luận ở dưới comment. ...

Callback là khỉ gì ?
Được cài cắm vào các function, có tác dụng mấu chốt trong việc báo cáo kết quả về cho ông chủ. Em gái bên dưới là callback ! Không như PHP, đặc thù của javascript là không chờ đợi , cho dù là đợi gái đẹp. Khi js gọi 1 function, nó ko chờ function này trả về kết quả, mà tiếp tục chạy vì ...

Hướng dẫn tạo class trong Javascript
Bài này mình sẽ tổng hợp các cách viết class trong Javascript. Để viết class chúng ta dùng function, còn để tạo singleton thì có thể dùng Object hoặc Anonymous Function. Tạo class bằng function Định nghĩ một class mới bằng từ khóa function và sử dụng các biến cho instance bằng từ khóa this ...

Share - Chrome extension - Highlighter-Basic
Tiểu sử ra đời Không biết các bạn có bao giờ giống mình không? Nhiều khi lang thang đọc điết trên mạng rồi thấy mấy cái ý hay, ý tâm đắc muốn đánh dấu để sau này còn đọc tiếp hoặc là mấy từ tiếng Anh chưa hiểu, đánh dấu lại, hay thêm description = tiếng Anh sẵn tiện học t.A luôn ,... ...

Những nguồn tài nguyên "sạch" dành cho các nhà lập trình website!
Năm 2015 là một năm tuyệt vời đối với ngành lập trình web: công nghệ web đã phát triển mạnh mẽ và vượt qua các yếu tố hình thức bên ngoài như việc xây dựng một trang web hay một ứng dụng web. Nhiều ứng dụng trên điện thoại hay máy tính đã được xây dựng bằng HTML, CSS và JavaScript. Điều này có thể ...

Series JavaScript sida – Bind, Call và Apply trong JavaScript
Để hiểu rõ về các hàm được đề cập trong bài viết này, các bạn nên ôn lại chút kiến thức về object trong javascript và đít (this) trong javascript nhé. Như đã hứa, trong bài này mình sẽ giới thiệu bộ 3 function _bind, call ,apply. _Đây là 3 hàm tạo nên sự mạnh mẽ và bá đạo của JavaScript. Trói ...

Angular 2 Beta và những sự thay đổi
Cách đây ít ngày Angular 2 đã chính thức beta. Theo xu thế viết luôn một bài đánh giá một cách sơ lược để khỏi lạc hậu với thế giới. Haha. Nói về sự ra đời của Angular 2. Trong thế giới Web, chúng ta vẫn có một khối lượng lớn các website với thiết kế đã cũ và chậm. Cho dù tin hay không thì ...

Promise là khỉ gì ?
Bài này biên về Promise, khá phức tạp, nếu chưa hiểu các bạn có thể in ra đem vào để trong toilet, mổi lần vào đó thì cầm lên đọc giết thời gian. Mình đã làm và thành công, nhất là những hôm táo bón. Có khi đọc nhập tâm quá chui ngược vào. Không biết có phải là hiện tượng phản phác quy chân ko ...

React.Component với React.createClass
React hỗ trợ 2 cách để tạo Component. Bạn có thể kế thừa từ class React.Component hoặc là dùng cú pháp cũ React.createClass đã có từ khi React ra đời. Có lí do nào cụ thể để dùng một cú pháp thay vì cú pháp còn lại? Thực tế, nó hoàn toàn phụ thuộc vào bạn. Theo quan điểm của mình thì nó ...