🏋 Code Demo

👉 [DEMO] - Example autocomplete search giống như Sublime Text sử dụng javascript

Autocomplete search là một thuật toán rất phức tạp, và đỏi hòi nhiều thuật toán được áp dụng. Nếu bạn đã từng sử dụng Sublime Text để code thì ở đó bạn để ý rằng, đó là một hệ thống tìm kiếm thông minh, khi chúng ta tìm kiếm một vài ký tự thì hệ thống đã gợi ý cho bạn những từ khoá tìm kiếm cụ thể hơn.

👉 [DEMO] - Sử dụng JavaScript truy cập camera sau, trước và chụp màn mình thiết bị di động

Sử dụng JavaScript truy cập camera sau, trước và chụp màn mình thiết bị di động. Trong bài viết này, tôi sẽ chỉ cho bạn cách truy cập camera của thiết bị trên một trang web thông qua JavaScript và hỗ trợ nhiều trình duyệt mà không cần đến các thư viện bên ngoài.

👉 [DEMO] - Sử dụng Fetch API lấy dữ liệu Covid 19 thế giới và Viet Nam

Bạn có biết Schiffmann, người Mỹ gốc Anh 17 tuổi đã tạo ra trang web nổi tiếng "ncov2019.live". Vậy anh ấy đã lấy data ở đâu và cách lấy như thế nào? Bài viết đây, sẽ giúp bạn lấy được những thông số đó. Biết đâu bạn sẽ tạo nên cơn sốt.

👉 [DEMO] - Export a table to csv using javascript

Export a table to csv using javascript - Ở đâu đó có thể có nhiều devjs vẫn chưa hình dung được vì sao javascript lại được sử dụng rộng rãi đến như vậy. Từ database, backend, front-end. Và đây là một ví dụ về javascript có thể làm được mọi thứ.

👉 [DEMO] - Tìm hiểu về breadcrumb và demo sử dụng breadcrumbs js

Breadcrumbs là gì? Bạn có biết trong những trang TMĐT lớn như tiki, lazada hay shopee thì breadcrum đóng vai trò quan trọng như thế nào không? Hôm nay tôi mới tìm hiểu về breadcrumbs js để dùng seo website và tôi cũng đã tìm được những gì mình cần, chính vì thế hôm nay tôi sẽ hướng dẫn các bạn sử dụng một thư viện dùng trong jquery breadcrumb.

👉 [DEMO] - Hướng dẫn xác thực tài khoản login bằng SMS, miễn phí sử dụng Firebase

verify sms firebase. Cho đến này nay việc login một tài khoản user không hề khó khăn, nhưng việc xác thực và bảo mật của những tài khoản đó vô cùng quan trọng, nếu như các bạn chỉ làm cho các nhận thì thiết nghĩ sẽ không có đủ tiền để trang trải chi phí về việc đó, nhưng kể từ khi verify sms firebase cung cấp miễn phí thì câu chuyện thì rất đơn giản. Trong bài viết này

👉 [DEMO] - CSS FORM LOGIN / LOGOUT HTML5

Thật ra một developer javascript hay ngôn ngữ nào đi chăng nữa thì cũng cố gắng biết một chút css, html. Chứ đừng như mình, không biết chút gì ngoài đi nhìn người ta làm ...

👉 [DEMO] - [Lab Javascript] - Tự code star rating chỉ với HTML, CSS, JS

Xin chào cộng đồng Anonystick! Đây là bài viết đầu tiên của mình ở anonystick.com, có gì sai sót mong nhận được góp ý từ các bạn. Hôm nay vô tính có task trong trong dự án liên quan đến đánh giá xếp hạng. Mình tham khảo qua thì thấy star rating (đánh giá dùng biểu tượng ngôi sao) được dùng khá phổ biến. Trước đây chắc chắn quen thuộc nhất là hệ thống đánh giá nhà hàng và khách sạn với năm sao là chất lượng cao nhất. Khalachackeo là có sẵn nhiều plugin, library hỗ trợ sẵn để các bạn làm việc này, nhưng hôm nay với tiêu chí "HẠN CHẾ TỐI DÙNG THƯ VIỆN NGOÀI" nên trong project và cũng trong tut này mình sẽ hướng dẫn các bạn làm star rating thuần bằng html, css.

👉 [DEMO] - [Lab Javascstip] -Một ứng dụng nhỏ JavaScript WYSIWYG Editor

Xin chào cộng đồng javascsript. Mình là Thành Nam, là một thành viên mới của cộng đồng javascript anonystick. Chúc tất cả các bạn có một bài đọc thật vui vẻ. Để tiếp theo "Cuộc thi ứng dụng nhỏ sử dụng javascript" những ví dụ chỉ dùng javascript thì bài này mình sẽ giới thiệu cho các bạn một ứng dụng mà mình đã tham khảo rất nhiều nơi. Đó là ứng dụng editor WYSIWYG.

👉 [DEMO] - [Lab - Javascript] - Hướng dẫn tạo popup responsive chỉ dùng javascript

Hiện nay trong hầu hết các trang web hiện tại đều có sử dụng popup. Do sự tiện lợi của popup nên các developer js đều sử dụng các thư viện như bootstrap. Nhưng do có nhiều dự án bắt buộc không sử dụng một thư viện thứ ba cho nên nhiều devjs đã tạo nên những dòng code thuần nhưng vẫn toạ ra các giá trị đặc biệt. Và đây là một minh chứng.

👉 [DEMO] - [lab javascript] - Converting from text to Speech with JavaScript (đọc sách online)

<p>Trong b&agrave;i viết n&agrave;y t&ocirc;i sẽ gi&uacute;p c&aacute;c bạn hiểu th&ecirc;m về API Web Speech trong javascript. Như c&aacute;c bạn biết rồi, API Web Speech rất mạnh mẽ trong việc cho ph&eacute;p người d&ugrave;ng ghi lại lời n&oacute;i của m&igrave;nh, dạng ghi &acirc;m vậy đ&oacute;. Kh&ocirc;ng những như vậy, API Web Speech gi&uacute;p ch&uacute;ng ta c&oacute; thể l&agrave;m điều ngược lại, đ&oacute; l&agrave; đọc văn bản online.</p>

👉 [DEMO] - [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>

👉 [DEMO] - [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>

👉 [DEMO] - [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>

👉 [DEMO] - [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>

👉 [DEMO] - [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 đó.