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ó ...
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ự ...
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 ...
[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 ...
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 ...
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. ...
