Bài viết được sự cho phép của tác giả Thầy Long Web Giới thiệu ajax AJAX là từ viết tắt của Asynchronous JavaScript and XML Ajax là kỹ thuật giúp bạn tải dữ liệu từ server mà không cần refresh trình duyệt. Gmail, google map là các website điển hình sử dụng kỹ thuật ajax. Ajax trong jquery jQuery có nhiều hàm giúp bạn tạo các request AJAX đến server. Mục đích để thực hiện tương tác ngầm với server và lấy dữ liệu về hiện trong trang web. Bạn có thể request text, html, xml, json từ server thông qua cá phương thức get và post. Các hàm trong jquery tạo request ajax Method Description $.ajax() Performs an async AJAX request $.get() Loads data from a server using an AJAX HTTP GET request $.getJSON() Loads JSON-encoded data from a server using a HTTP GET request $.getScript() Loads (and executes) a JavaScript from a server using an AJAX HTTP GET request $.post() Loads data from a server using an AJAX HTTP POST request load() Loads data from a server and puts the returned data into the selected element serialize() Encodes a set of form elements as a string for submission Sử dụng [...]

Chúng ta đều biết rằng frontend sử dụng rất nhiều các hiệu ứng cũng như giao tiếp với server thông qua Javascript rất nhiều. Tuy nhiên để được như vậy thì cần code javascript rất dài. Để hạn chế việc này nhưng vẫn đảm bảo các yêu cầu, các ngôn ngữ lập trình đặc biệt là javascript thường được xây dựng và phát triển theo hướng thư viện. Thư viện là tập hợp những phần chức năng thường xuyên được sử dụng, được gói gọn trong một hàm, hay đối tượng. jQuery là gì? jQuery là thư viện javascript nổi bật nhất, phổ biến nhất trong lập trình web. Ra đời vào năm 2006 bởi John Resig. Nó đã trở thành một thành phần không thể thiếu trong các website có sử dụng Javascript. Với slogan "Write less – Do more" (viết ít hơn – làm nhiều hơn) nó đã giúp lập trình viên tiết kiệm được rất nhiều thời gian và công sức trong việ [...]

Bài viết được sự cho phép của smartjob.vn Lập trình web cơ bản với Javascript jQuery Giáo trình Javascript jQuery bản tổng hợp từ cơ bản đến nâng cao bằng tiếng Việt Giáo trình cung cấp những kiến thức cơ bản nhất cho những ai chưa biết về Javascript và hướng dẫn sử dụng thư viện jQuery của Javascript. Các kiến thức thực tế cần thiết cho việc xây dựng một trang web sẽ được liệt kê và phân tích đầy đủ, rõ ràng. [irp posts="21159" name="10 câu hỏi javascript để nâng cao trình độ"] [irp posts="34596" name="10 tip tối ưu code trên JavaScript mà web developer nào cũng nên biết"] Xem thêm nhiều việc làm JavaScript hấp dẫn trên TopDev Review về Ebook Javascript là một ngôn ngữ lập trình kịch bản hướng đối tượng, được phát triển bởi Nestcape và có sự hậu thuẫn mạnh mẽ từ Apple, Microsoft, Oracle, Sybase,… Với sự gia đời của Javascript, các trang web tĩnh HTML trở nên thâ [...]

Bài viết được sự cho phép của BQT Kinh nghiệm lập trình Hầu hết các website đều không thể thiếu Javascript vì đây là thành phần quan trọng giúp tạo hiệu ứng riêng cho từng trang. Tuy nhiên, sự kết hợp giữa Javascript và CSS với những đoạn code dài dòng, phức tạp đã gây không ít rắc rối cho người dùng. Và jQuery được ra đời như một phương thức mới giúp đơn giản hóa mọi thao tác trên website. Vậy jQuery là gì? Ứng dụng jQuery và các thư viện jQuery phổ biến nhất hiện nay ra sao? Hãy cùng tìm hiểu ngay sau đây nhé. [irp posts="32030" name="15 thư viện slider jquery miễn phí cho dự án website của bạn"] [irp posts="37402" name="Hướng dẫn và sử dụng jquery plugin typing để giả hiệu ứng gõ văn bản"] Xem thêm nhiều việc làm JQuery hấp dẫn trên TopDev  jQuery là gì? jQuery là một thuật ngữ được dùng rất nhiều trong thời đại công nghệ hiện [...]

Bài viết được sự cho phép của tác giả Phạm Công Sơn Đây là plugin giả lập gõ văn bản, rất phù hợp với những web cần hiển thị text dạng ngắn hay slogan hiện ra từ từ bằng hiệu ứng typing. Các bạn có thể tải plugin này tại đây [irp posts="32030" name="15 thư viện slider jquery miễn phí cho dự án website của bạn"] [irp posts="15311" name="Cách sử dụng các plugins jQuery trong VueJS"] 1. Dưới đây là demo Chào mừng các bạn đã đến với blog sonpc20.com của mình ​ 2. Hướng dẫn cài đặt <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="t.min.js"></script> 3. Hướng dẫn sử dụng Nội dung code Html <div data-form="typing" class="hide">     <mark><a>Chào mừng các bạn đã đến với blog son20.com của mình</a></mark>     <br/>Hãy chờ mình một chút <del>Khoảng</del> tầm 2 giây thôi rồi thì mình giới thiệu [...]

Bài viết được sự cho phép của tác giả Võ Quang Huy Slider jquery miễn phí – Trong các website hiện đại slider là 1 phần không thể thiếu, nó giúp trang web của chúng ta chuyên nghiệp hơn, bắt mắt hơn, truyền tải nội dung tới người đọc 1 cách rõ ràng, sinh động hơn… Để tự code được 1 slider chuyên nghiệp có hiệu ứng đẹp thì thật sự tốn thời gian và không hề đơn giản, vì vậy người ta thường dùng những thư viện slider được cung cấp sẵn để nhúng vào dự án web của họ. Vì thế hôm nay mình sẽ giới thiệu cho các bạn 15 thư viện slider jquery miễn phí, hi vọng sẽ giúp ích cho dự án website của các bạn! 1. bxSlider Các bạn có thể click vào hình để xem demo và cách sử dụng Bxslider đáp ứng đầy đủ nội dung của 1 slider jquery. Có reponsive thích hợp cho nhiều màn hình, lên di động có thể lướt cảm ứng để chuyển động. Nội dung của slider có thể [...]

Bài viết được sự cho phép của BBT Tạp chí Lập trình Trong thế giới bùng nổ thông tin như hiện nay thì việc tìm kiếm trên Internet trở nên quan trọng hơn bao giờ hết. Vì vậy, việc website của bạn có thêm chức năng tìm kiếm nhanh không chỉ tăng trải nghiệm người dùng mà còn thể hiện sự chuyên nghiệp trong thiết kế. Tuy nhiên, khi các chức năng cơ bản của 1 website đã quá phổ thông như hiện nay thì trải nghiệm người dùng là vấn đề được ưu tiên hàng đầu. Việc tìm kiếm thông tin phải đạt được yêu cầu nhanh, chính xác, đáp ứng mục đích của người dùng. Và kĩ thuật hỗ trợ đầy đủ các yêu cầu đó chính là phương thức Autocomplete của jQuery. Nếu bạn đang có nhu cầu tìm kiếm một sản phẩm nào đó trên một website bán hàng chẳng hạn, thì việc tìm thấy thông tin sả [...]

Không cần jQuery, bạn có thể dùng javascript thuần để thực hiện những thao tác trước đây bạn nghĩ phải có jQuery cơ. Hiện giờ chúng ta đã làm việc nhiều với các framework hại điện hơn nhiều so với jQuery, nên rất ít chi đụng tới DOM thật, không còn ngày tháng xào trộn HTML bằng jQuery, chúng ta chỉ định nghĩa khi nào render, render cái gì. Tuy nhiên, kỹ năng sờ mó vào DOM là cần thiết cho mọi lập trình viên FE. Bây giờ muốn sờ vào DOM chúng ta cần nắm cách dùng javascript thuần. Chọn element document.querySelector('.vuilaptrinh') Nó trả về một HTMLElement object đầu tiên thỏa điều kiện CSS Selector, cái .vuilaptrinh này gọi là CSS Selector. Nói là đầu tiên vì nếu có dăm ba cái .vuilaptrinh nó cũng chỉ trả về thằng đầu tiên <p class="vuilaptrinh" /> <div class="vuilaptrinh" /> <a class="vuilaptrinh" /> document.querySelectorAll('.vuilaptrinh') Nó sẽ trả về một danh sách các element thỏa đ [...]

Bài viết được sự cho phép của tác giả Bui Thu Huyen Giới Thiệu AJAX - "Asynchronous JavaScript and XML" - là một bộ công cụ cho phép load dữ liệu từ server mà không yêu cầu tải lại trang. Nó sử dụng chức năng sẵn có XMLHttpRequest(XHR) của trình duyệt để thực hiện một yêu cầu đến server và xử lý dữ liệu server trả về. jQuery cung cấp method $.ajax và một số methods tiện lợi giúp bạn làm việc với XHRs thông qua trình duyệt một cách dễ dàng hơn. Download thư viện jQuery Bạn có thể lên trang chủ jquery để download bộ mới nhất. http://jquery.com/download/ Phương thức “load()” Sau đây là cú pháp đơn giản cho phương thức load() trong jQuery: [selector].load( URL, [data], [callback] ); Miêu tả chi tiết về các tham số: URL − URL của ngồn Server-Side để Yêu cầu (Request) được gửi tới. Nó có thể là CGI, ASP, JSP, hoặc PHP script mà tạo dữ liệu động hoặc ra khỏi databaseData − tham số tùy ý này biểu diễ [...]

Người viết: Max Hế lô! Sau 1 thời gian tu luyện trên núi mình đã quyết định xuống núi để quay lại chiến đấu cùng các anh em. Hôm nay mình xin giới thiệu đến các bạn 1 thứ hoàn toàn mới và khá hay ho mang tên “Viu gi ét” :)) Nếu bạn là một dev front-end chân chính thì chắc hẳn ít nhất một lần đã nghe và có thể là đang làm với framework này rồi nhỉ. Mình cũng vậy, sau khi bị nó thả thính và bắt đầu mê nó nên mình đã quyết định áp dụng dùng thử nó với 1 plugin của WordPress. Trước đây mình cũng đã từng dev AngularJS, rồi Angular 2+ và cũng suýt tẩu hỏa nhập ma với nó. Vì vậy mình đã xách mông lên tìm một môn võ mới mang tên VueJS. Sau 1 thời gian dev với VueJS thì mình đã phải thốt lên “Sao mày không đến với cuộc đời tao sớm hơn :))” bởi vì nó quá tuyệt vời và phù hợp [...]

Để showcase được sản phẩm/ dịch vụ của công ty thì bạn cần những hình ảnh/ video bắt mắt nhất mới nổi bật được. Ví dụ, dịch vụ của bạn là Khách sạn, thì cách tốt nhất để hút khách là bạn phải show ra nhiều hình ảnh đa dạng nhiều phòng, hồ bơi và các dịch vụ khác mà bạn cung cấp. Chứ một biển chữ thông tin sẽ không mảy may giúp ích được gì đâu! Vì thế việc up thật nhiều ảnh là một chiến thuật tốt để “khoe khoang" về sản phẩm, tuy nhiên sẽ dễ sa vào tình trạng bị “nhiễu" - overload. Ảnh lẻ và một số element có thể sẽ không được tốt như kỳ vọng vì nó cũng cạnh tranh với hàng loạt các nhóm ảnh và các element khác trên trang web nữa. Lúc này mới thấy Lightbox đóng vai trò khá quan trọng. Nó giúp tập trung sự chú ý của web visitor vào một ảnh/ một phần nhấ [...]

Giới thiệu Vue.js là gì? Vue.js khác gì so với jQuery? Tôi có nên khoan hãy đụng đến jQuery nếu đã biết Vue.js? Có thể sử dụng Vue.js ngoài Laravel không? Nếu mới bắt đầu hoặc chỉ vừa mới học Vue.js, nhiều khả năng bạn sẽ gặp những thắc mắc tương tư hoặc bị rối về những trường hợp nên sử dụng Vue.js. Hy vọng bài viết này sẽ giải đáp thắc mắc của bạn, hiểu rõ hơn về framework đang khá nổi này, khi nào thì nên sử dụng và liệu có nên ngừng dùng jQuery vì Vue.js không. jQuery là gì jQuery đã xuất hiện được hơn 10 năm và được sử dụng phổ biến, từ những dự án nhỏ, vui vui đến các công ty lớn tiêu tốn hàng triệu USD mỗi tháng. jQuery (viết ít hơn, hiệu quả hơn) là 1 thư viện Javascript nhỏ, nhanh gọn, nhiều tính năng, hoạt động trên nhiều hệ điều hành và [...]