🏋 Top Posts

👉 Đôi lúc git pull và push đều vô nghĩa với những trường hợp phổ biến trong team tôi

Hiểu rõ về git có lẽ giờ đây là điều bắt buộc đối với các developers hiện nay. Nhưng hình như đa số anh em chỉ biết mỗi push, pull, merge, rebase và một số thao tác cơ bản khác. Đến khi gặp những tình huống dưới đây mới cảm thấy thiếu hụt về kinh nghiệm sử dụng git.

👉 Triển khai nodejs và express nên nhớ có một bài học đừng quên

Request entity too large nodejs, vâng chính là lỗi đó Anh. Chúng ta bị chơi rồi, nhưng Bạn A cũng đã khắc phục xong nhanh chóng, sao nó đơn giản mà chúng ta lại bị bỏ qua nhỉ?

👉 7 thủ thuật JavaScript hữu ích

Cũng giống như mọi ngôn ngữ lập trình khác, JavaScript có hàng tá thủ thuật để thực hiện cả các nhiệm vụ dễ và khó. Một số thủ thuật được biết đến rộng rãi trong khi những thủ thuật khác đủ để thổi bay tâm trí của bạn. Trong bài viết này chúng ta sẽ lướt qua 7 thủ thuật javascript mà bạn có thể bắt đầu tập luyện và sử dụng sau khi bạn đọc xong bài viết này.

🏋 New Posts

👉 Cách hiện thị màu(color, bgcolor) trong console.log() của developer javascript!

console.log là gì? Một câu hỏi hài hước vì ở bất kỳ đâu trong javascript các lập trình viên cũng quen thuộc với console.log. Nhưng tôi cá đôi lúc nó cũng khiến chúng ta rơi vào cảnh hỗn loạn khi print tất cả các record đều giống nhau. Tôi cũng vậy, trong khi viết code tôi cảm thấy bất tiện và tôi cảm thấy sự cần thiết khi out ra với các color mà tôi chỉ định. Bài viết này tôi sẽ thảo luận với các bạn về vấn đề này.

👉 [Lab - Javascript] - Một ví dụ về cách tạo FULL PAGE SLIDER với css và javascript

<p>Đ&acirc;y c&oacute; lẽ l&agrave; một trong những giao diện của những blog được sử dụng nhiều v&agrave; rất phổ biến để ph&aacute;t triển một blog. Với css v&agrave; javascript gi&uacute;p page nhẹ nh&agrave;ng nhưng đầy sự quyến rũ. Với những dạng FULL PAGE SLIDER như thế n&agrave;y th&igrave; việc gi&uacute;p người đọc sẽ tập trung hơn so với c&aacute;c giao diện kh&aacute;c</p>

👉 [Lab Javascript] - Mẫu form đăng ký và đăng nhập đơn giản sử dụng css và javascript.

<p>Mẫu form đăng k&yacute; v&agrave; đăng nhập đơn giản sử dụng css v&agrave; javascript. Chỉ với những d&ograve;ng code css v&agrave; javascript đ&atilde; tạo n&ecirc;n một form đăng k&yacute; v&agrave; đăng nhập v&ocirc; c&ugrave;ng độc đ&aacute;o v&agrave; t&ocirc;i nghĩ c&aacute;c bạn cũng n&ecirc;n tham khảo v&agrave; biết đ&acirc;u một ng&agrave;y gần đ&acirc;y c&aacute;c bạn lại sử dụng ch&uacute;ng...</p>

👉 [Lab Javascript] - Làm thế nào phát hiện user đang dùng browser ẩn danh (incognito) trong Google Chrome?

<p>Tr&igrave;nh duyệt ẩn danh l&agrave; g&igrave;? V&igrave; sao người d&ugrave;ng v&agrave; developer đ&ocirc;i l&uacute;c cần phải sử dụng tr&igrave;nh duyệt ẩn danh (incognito)? L&agrave;m sao thu tập được th&ocirc;ng tin người d&ugrave;ng khi m&agrave; tất cả th&ocirc;ng tin đ&atilde; bị xo&aacute;... Bạn chỉ cần sử dụng một thủ thuật nhỏ của javascript ...</p>

👉 [SEO Web] - lazyload javascript! Tại sao không nên dùng thư viện này? Và cách khắc phục?

Lazy load là gì? Trong bài viết này tôi sẽ nói rõ về phần vì sao không nên sử dụng thư viện lazy load (https://github.com/verlok/lazyload). Một lib rất được ưa chuộng, nhưng với riêng tôi thì nói không với thư viện này? Vì sao ư? Có thể nhiều bạn sẽ cười nhưng vui lòng đọc qua những điều mà tôi đã trải qua với thư viện này. Còn Công nghệ lazy thì quá tuyệt vời.

👉 [Lab javascript] - Exit-Intent javascript là gì? Vì sao một Website phải sử dụng công nghệ Exit-Intent?

<p>Bạn đ&atilde; bao giờ nghe tới cụm từ &quot;Exit-Intent&quot; trong javascript. Nếu như bạn muốn page của m&igrave;nh được nhiều người lưu luyến v&agrave; c&oacute; những bất ngờ th&uacute; vị cho người d&ugrave;ng th&igrave; Exit-Intent l&agrave; c&ocirc;ng nghệ đ&aacute;ng học hỏi. C&ocirc;ng nghệ Exit-intent l&agrave; một c&ocirc;ng nghệ m&agrave; d&acirc;n SEO hay ch&uacute; &yacute; tới nhất v&igrave; hiệu quả n&oacute; mang đến trong kỹ thuật tiếp thị thật l&agrave; tuyệt với. Gọn nhẹ chủ sử dụng javascript. Trang web sử dụng Exit-intent n&agrave;y gi&uacute;p website c&oacute; nhiều người đăng k&yacute;, tăng doanh số b&aacute;n h&agrave;ng, tăng view cho một page v&agrave; đặt biệt l&agrave; c&aacute;c page tin tức. V&agrave; trong b&agrave;i học n&agrave;y t&ocirc;i muốn giới thiệu cho c&aacute;c bạn c&ocirc;ng nghệ n&agrave;y hoạt động như thế n&agrave;o? V&agrave; việc t&iacute;ch hợp v&agrave;o website c&oacute; kh&oacute; khăn kh&ocirc;ng?</p>

👉 [Firebase] - Query arrays data in Firebase?

<p>Trong b&agrave;i viết n&agrave;y t&ocirc;i sẽ giới thiệu một v&agrave;i thủ thuật nho nhỏ trong query arrays in firebase. Trước đ&acirc;y t&ocirc;i cũng c&oacute; viết một b&agrave;i về đề t&agrave;i n&agrave;y nhưng c&oacute; một số trang mạng đ&atilde; v&ocirc; t&igrave;nh lấy n&oacute; với nhan đề &quot;[Firebase] - L&agrave;m thế n&agrave;o query một array key ở Firebase?&quot;. Những ai lấy b&agrave;i th&igrave; cố gắng ghi nguồn lại gi&uacute;p t&ocirc;i. V&agrave; t&ocirc;i đ&atilde; xo&aacute; b&agrave;i đ&oacute; trong page anonystick n&agrave;y. Nay t&ocirc;i viết lại v&agrave; l&agrave;m r&otilde; một số vấn đề về firebase hơn.</p>

👉 [lab javascript] - Sử dụng javascript detect sự kiện 'lắc' điện thoại như momo, zalo...

detect sự kiện 'lắc' điện thoại như momo, zalo - Trong bài viết này chúng ta sẽ làm một ví dụ nho nhỏ để biết sức mạng của javascript có thể làm được những gì so với app. Các bạn biết đấy trong các ứng dụng mobile ví dụ như momo hay zalo thì có những chương trình lắc lì xì qua app. vậy event lắc đó như thế nào trong app thì tôi không quan tâm nhưng với một devjs như tôi thì tôi tin javascript đủ khả năng làm được điều đó.

👉 [ Tự học javascript] - Nếu có async/await rồi thì Promise có còn lỗi thời? không cần thiết dùng đến hay không?

<p>Đề b&agrave;i: H&atilde;y t&igrave;m họ t&ecirc;n F1, F2, F3 của chiếc SH 125i của anh A . Giải th&iacute;ch: L&agrave; b&agrave;i to&aacute;n t&igrave;m c&aacute;c đời chủ của chiếc xe của anh A. Nghe c&oacute; vẻ đơn giản nhưng n&oacute; đơn giản thật, quan trọng của thuật to&aacute;n n&agrave;y l&agrave; tối ưu v&agrave; performace th&ocirc;i. V&agrave; t&ocirc;i sẽ cho c&aacute;c bạn thấy Promise lợi hại thế n&agrave;o? C&aacute;ch 1 : ch&uacute;ng ta sử dụng async/await để giải quyết b&agrave;i to&aacute;n sau:</p>

👉 Series Callback Javascript: Phần 3 : Async/Await là gì? Khác gì với Promise trong javascript?

<p>Vậy c&acirc;u hỏi đặt ra ở đ&acirc;y nh&eacute;: Nếu c&oacute; async/await rồi th&igrave; Promise c&oacute; c&ograve;n lỗi thời? kh&ocirc;ng cần thiết d&ugrave;ng đến hay kh&ocirc;ng? Ở b&agrave;i tiếp theo t&ocirc;i sẽ cho c&aacute;c bạn c&acirc;u trả lời m&agrave; hầu hết c&aacute;c LTV đều c&oacute; thể chưa c&oacute; c&acirc;u trả lời r&otilde; r&agrave;ng hoặc chưa ph&acirc;n biệt được khi n&agrave;o sử dụng hai loại đ&oacute;. V&agrave; quan trọng hơn l&agrave; l&uacute;c n&agrave;o sử dụng async/await hay promise để đạt hiệu suất tối ưu.</p>

👉 [Series Callback javascript] - Phần 2: Promise là gì? Khi nào sử dụng Promise ?

Promise là gì? Khi nào sử dụng Promise ? Ở phần trước, chúng ta đã nói về callback là gì? Và trong bài viết này, chúng ta sẽ làm rõ vấn đề này thông qua những ví dụ hay xảy ra trong lập trình javascript.

👉 [Series Callback javascript] Phần 1: Giới thiệu Callbacks.

<p>C&oacute; thể series n&agrave;y d&agrave;nh cho những bạn mới bắt đầu hoặc c&ograve;n lơ mơ với ng&ocirc;n ngữ Javascript. Cho n&ecirc;n t&ocirc;i hy vọng rằng Series n&agrave;y l&agrave; một trong những ch&igrave;a kho&aacute; gi&uacute;p bạn hiểu s&acirc;u hơn về những kh&aacute;i niệm trong javascript.</p>

👉 Tự học javascript - Utils useful is JavaScript using ES6

Tự học javascript - Hẳn là trong mỗi lập trình viên Javascipt đều có cho mình một lib về các func hữu ích, và nó sẽ đi theo mình suốt một dự án hay dài hơn nữa là cả cuộc đời thăng trầm. Và đây tôi sẽ chia sẻ cho các bạn lib của tôi, lúc đầu tôi làm es5 nhưng sau này tôi đã chuyển về es6 để thuận tiện phù hợp cho các dự án tiếp theo. Các bạn nào chưa hiểu về cấu trúc của es5 khác với es6 như thế nào thì tôi khuyên hãy đọc qua bài này.

👉 Tự học Javascript - Sự khác biệt cấu trúc Class giữa ES5 và ES6.

<p>B&agrave;i n&agrave;y l&agrave; một trong những v&iacute; dụ cho thấy sự kh&aacute;c biệt giữa việc tạo lớp JavaScript v&agrave; lớp con trong ES5 v&agrave; ES6. Hiện tại rất nhiều dự &aacute;n đang triển khai vẫn c&ograve;n dử dụng ES5, vậy l&agrave;m sao chuyển th&agrave;nh ES6 v&agrave; cấu tr&uacute;c n&oacute; thế n&agrave;o ???</p>

👉 Tự học javascript - Trường hợp nào sử dụng map, filter, reduce trong javascript

reduce javascript, filter javascript, map javascript - Trong javascript rất có nhiều phương thức giúp chúng ta xử lý trong dự án của mỗi cá nhân như reduce javascript, filter javascript, map javascript. Nhưng tôi chắc rằng có nhiều bạn thật sự chưa biết or chưa hiểu về cách sử dụng cũng như áp dụng làm sao cho triệt để những phương thức của javascript.

👉 [Nodejs] - Resize image trong nodejs sử dụng multer và sharp

Trong thực tế các dự án về nodejs không ít trường hợp upload và resize hình ảnh và có nhiều cách để resize như sharp, ImageMagick and GraphicsMagick settings...

👉 object.assign deep copy in javascript

Object là thứ làm cho JavaScript trở thành một ngôn ngữ lập trình mạnh mẽ. Các đối tượng cho phép bạn nhóm các kiểu dữ liệu khác nhau. Nếu bạn muốn tìm hiểu bất kỳ khung JavaScript mới nào như React, Vue hoặc Angular, bạn phải biết cách sử dụng các đối tượng và các phương thức của nó.

👉 Sự khác nhau giữa Authentication và Authorization.

Có nhiều bạn hỏi mình về hai cái này khi các bạn đó học loopback. Loopback là gì? Thì các bạn tìm hiểu sau nhé. Trong loopback hỗ trợ rất nhiều về dynamic model. Và có tích hợp luôn authentication & authorization. Bài này mình sẽ giúp các bạn hiểu hai khái niệm này thông qua một bài viết của của developer... levantuan

👉 Request nodejs với 3 cách đơn giản

nodejs http request là một chức năng cốt lõi cho các ngôn ngữ hiện đại và là một trong những điều đầu tiên mà nhiều developer nên học nhiều cách để thích nghi với môi trường mới. Khi nói đến Node.js có một số lượng hợp lý các giải pháp cho vấn đề này cả được xây dựng trong ngôn ngữ và bởi cộng đồng. Sau đây mình liệt kê cho các bạn những cách phổ biến nhất mà các dev hay sử dụng nhất... Và cũng tất nhiên bạn nên tìm hiểu xem Http Request là gì trước khi đọc bài này.

👉 [Firebase] - Hướng dẫn login bằng tài khoản Google, FaceBook sử dụng Firebase trên Website.

Firebase là gì? Hầu hết bất kỳ ứng dụng trên app hoặc web cũng xác thực người dùng khi muốn sử dụng những chức năng trong ứng dụng. Trong thời buổi hiện nay, ngoài việc tự cho người dùng tạo tài khoản trên server của mình nghĩa là cho user đăng ký trực tiếp trên trang của mình, thì còn có việc hỗ trợ thêm việc sign up / sign in qua các nhà cung cấp authentication khác, chẳng hạn như Google, Facebook hoặc Twitter.

👉 Khi nào nên sử dụng Firebase

Firebase là Backend-as-a-Service - BaaS. Firebase theo nghĩa rộng là nền tảng phát triển ứng dụng trên thiết bị di động và web. Firebase giải phóng các developer để tập trung tạo ra trải nghiệm cho người dùng sử dụng sản phẩm một cách tuyệt vời.

👉 [Share]- Hướng dẫn tạo SSH KEY cho VPS. Bảo mật an toàn.

Đây là một phương pháp an toàn khi truy cập vào VPS đó là sử dụng SSH KEY. Bạn nào đã từng xào VPS thì rất rõ về vấn đề này. Mỗi VPS sẽ cấp cho bạn một tài khoản bao gồm tên tài khoản và password. Cụ thể nó sẽ có dạng thế này: user@123.123.123.123 đấy nó có dạng vậy đấy.

👉 Hiện thị sự kiện User "is writing..." or "typing..." trong ứng dụng Chat với FireBase...

Có nhiều bạn vẫn đang thắc mắc hoặc đang đi tìm giải pháp is writing.. or typing khi làm chat (conversations). Và bài này mình sẽ giới thiệu một cách trong nhiều cách, nhưng mình thấy cách này tương đối ngon nên mạo muội chia sẻ đến cho các bạn...

👉 Những tính năng JavaScript hiện đại nên sử dụng hàng ngày, để giải quyết tốt(P2)

<p>Tiếp theo phần n&agrave;y ch&uacute;ng ta sẽ đi t&igrave;m những t&iacute;nh năng của Map, khi giải quyết những vấn đề m&agrave; hầu như Dev n&agrave;o cũng trải qua hằng ng&agrave;y, đặc biệt Nodejs...</p>

👉 Những tính năng JavaScript hiện đại nên sử dụng hàng ngày, để giải quyết tốt(P1).

Những chức năng giải quyết bài toán javascript một cách nhanh nhất.