Hàm xử lý cắt văn bản theo thẻ tự quy định hoặc theo dấu câu tùy chỉnh
Bài viết demo về một hàm cắt chuỗi theo các loại thẻ yêu cầu sử dụng ngôn ngữ javascrip Chú ý : bài viết của mình mục đính chính tham khảo ý kiến của mọi người để tối ưu và lưu lại kinh nghiệm mong mọi người giúp đỡ Mục đích viết hàm : mình cần xử lý việc highlightjs code cho các comment ...
Tạo một ES6 web app
Lấy cảm hừng từ bài Tạo một ES6 NodeJs app của @Lơi Rệ Chuẩn ES6 hay ES2015 đã hoàn tất và các trình duyệt đều đã bắt đầu hỗ trợ rộng rãi. Giờ là lúc chúng ta tận dụng sức mạnh mới được ban cho này để viết những ứng dụng web hoàn hảo. Nhớ xem qua một số bài viết của tôi về es6 tại ...
Javascript promise
Đây là một trong các concept mới đối tượng mới được đưa vào ECMAScript 6. Việc sử dụng chúng rất dễ nhưng để hiểu được thì (đối với tôi) cũng cần kha khá thời gian nên tôi phải lưu lại đây. Tác vụ không đồng bộ Thành thật mà nói tôi không thể cung cấp một định nghĩa cụ thể và chính xác. ...
Viết desktop app bằng Electron
Các bạn có biết đến trình soạn thảo Atom của Github không nhỉ. Atom là một dự án mã nguồn mở khá giống Sublime nhưng có thêm những chức năng vượt trội. Atom được xây dựng trên Atom Shell , hay bây giờ gọi là Electron cũng được open source bởi Github, cho phép viết desktop app chạy trên mọi ...
Discover Meteor - Chương 2
Ấn tượng đầu tiên là quan trọng, và quá trình cài đặt của Meteor nên khá dễ dàng. Trong hầu hết các trường hợp, bạn sẽ sẵn sàng chạy được trong vòng chưa đầy năm phút. Để bắt đầu, chúng ta có thể cài đặt Meteor bằng cách mở một cửa sổ terminal và gõ: curl https://install.meteor.com | sh ...
Clipboard.js - thư viện giúp cắt/sao chép nội dung trên web.
Clipboard.js là một thư viện vô cùng gọn nhẹ (2kb) giúp bạn dễ dàng cắt hoặc sao chép nội dung trên trang web một cách dễ dàng. Được sử dụng trong các trường hợp bạn muốn người dùng tự động copy dữ liệu vào trong clipboard mà không cần thực hiện thao tác copy hoặc Ctrl + C . Ưu điểm của ...
[hack-time] Viết ứng dụng chơi "Chiếc nón kỳ diệu" bằng jquery
Như bài viết trước [Hack Time] Tạo ứng dụng Yes/No Selector bằng JavaScript thuần và jquery ( tạm gọi là tung đồng xu ), thì mỗi tuần mình sẽ nghĩ một ý tưởng nào đấy, chỉ sử dụng HTML&CSS & jquery để thực hiện nó, theo ý tưởng Hack-time của bạn Long Nguyễn :D Tuần này ứng dụng mình ...
HTML5 Web Audio spectrum analyzer (FFT)
FFT (Fast Fourier Transform) là một thuật toán hiệu quả để tính biến đổi Fourier rời rạc (DFT) và biến đổi ngược. Ứng dụng trong bài viết này dùng để hiển thị phổ của âm thanh. Một số ví dụ hiển thị spectrum dạng visualization: http://www.schillmania.com/projects/soundmanager2/demo/360-playe ...
Javascript promise (phần 2)
Tiếp tục loạt bài về promise, như tôi đã hứa ở cuối bài trước. Hả? Không, còn mỗi bài này nữa thôi, tôi thề. Bài trước chúng ta đã xem xét tác vụ không đồng bộ và có định nghĩa promise, là một đối tượng thenable là kết quả của tác vụ không đồng bộ. Bài này tôi sẽ kể một vài trường hợp sử dụng và ...
Javascript - Những khó hiểu trong câu lệnh điều kiện if và phép toán so sánh (p2)
Ở phần trước, tôi đã tổng kết lại một số nguyên tắc của câu lệnh điều kiện if, phép so sánh == và ===. Chúng ta hãy cùng bắt đầu phần 2 với điều khó hiểu mà tôi nêu ra ở cuối bài trước: 0 > null; // false 0 == null; //false 0 === null; // false 0 < null; // vẫn false Tuy nhiên 0 ...
Discover Meteor - Chương 6
Trong chương này bạn sẽ: Tìm hiểu về tập hợp thời gian thực (realtime collection), một trong những tính năng chủ chốt của Meteor. Hiểu được công việc đồng bộ của Meteor diễn ra như thế nào. Tích hợp Collections vào Templates. Kết hợp những bản chạy thử cơ bản thành một ứng dụng thời ...
[Hack Time] Tạo ứng dụng Yes/No Selector bằng JavaScript thuần và jquery ( tạm gọi là tung đồng xu )
Chào cả nhà, mình mới biết đến kipalog một thời gian không dài, tuy nhiên thực sự kiến thức mà mình nhận được từ các bài viết trên kipalog thực sự rất hữu ích và rất nhiều bài viết/bài dịch khiến mình há hốc mồm và ngộ ra nhiều chân lý, dù mình không thực sự giỏi code nhưng mình cũng muốn có dịp ...
Giới thiệu về web audio api trên html5 (phần 1)
Web audio api là là javascript API dành cho xử lý (processing) và tái tạo(synthesizing) âm thanh. Mới được ra đời vào thời gian gần đây (first draft vào 2011/05/12), mặc dù chưa được sử dụng nhiều ( do phần nhiều là chưa được support rộng rãi, tình trạng support các bạn có thể xem ở đây ), nhưng cá ...
Desktop app với Electron phần 2 : tạo menu
Ở phần 1 mình đã giới thiệu về Electron và những bước cơ bản để tạo một app desktop chạy được trên môi trường Window. Để nhắc lại một chút thì Electron (trước kia gọi là Atom-shell ) và một bộ khung để xây dựng desktop app dựa trên công nghệ NodeJS , được phát triển bởi Github và đã được ...
Isomorphic ReactJS Component
This post is a sample chapter from my upcoming book How to render a ReactJS component isomorphically ? The trick is in defaultProps and componentDidMount methods. On the server, it fetches initial data as default props. On client, it does nothing, but in componentDidMount method, it ...
Discover Meteor - Chương 7
Trong chương này bạn sẽ: Hiểu được cách thức hoạt động của publications và subscriptions. Học xem gói Autopublish mặc định làm gì. Tìm hiểu thêm một vài ví dụ về các mẫu publication. Publication và Subscription là một trong những khái niệm quan trọng và cơ bản của Meteor, tuy nhiên có ...
Làm quen với gulp: Tạo auto refresh HTTP server
Gulp là gì? Gulp là một task runner giúp chúng ta tự động hoá một số thao tác thường gặp trong quá trình làm việc, ví dụ: làm server auto reload, compile và kiểm lỗi các file javascript, minify các file javascript để đưa lên môi trường production,... Gulp khá giống với batch/bash script trên ...
Javascript - Những khó hiểu trong câu lệnh điều kiện if và phép toán so sánh
Theo cá nhân tôi, Javascript có lẽ là một trong những ngôn ngữ dễ học, dễ viết nhất. Một web developer mới bắt đầu có lẽ chỉ cần từ 1 đến 2 tuần để có thể học và viết được Javascript. Tuy nhiên, Javascript cũng tồn tại những điều không đơn giản. Bạn hãy thử suy nghĩ và trả lời vài câu hỏi dưới đây ...
Hiệu ứng chữ đáng kinh ngạc bằng CSS
Để tạo ra một website ấn tượng thì design, hay "bộ mặt" của trang web là cực kỳ quan trọng. Trong design nói chung thì tiêu đề, đầu đề lại là thứ đập vào mắt user đầu tiên, vì vậy gây ấn tượng bằng tiêu đề sẽ đem lại hiệu quả nhiều nhất. Cách đây từ 5 năm đổ về trước, designer hay cặm cụi với ...
Discover Meteor - Chương 1
Chương 1 - Giới thiệu Hãy thử tưởng tượng trong đầu một thí nghiệm như sau. Từ màn hình máy tính, mở 2 cửa sổ dẫn tới cùng một thư mục. Sau đó, bấm chọn một cửa sổ và tiến hành xóa một tập tin trong thư mục ở cửa sổ đó. Câu hỏi đặt ra là: Liệu tập tin bị xóa có biến mất ngay lập tức ở cửa sổ còn ...
