Bài 02: Tạo Tabs bằng jQuery - Bài tập jQuery
Tiếp tục thực hành jQuery nào. Trong bài này chúng ta sẽ xây dựng tabs bằng cách sử dụng CSS để xây dựng layout và jQuery để xây dựng hiệu ứng chuyển tab. Quy trình chúng ta thực hiện hai phần CSS và JS nhé. 1. Tạo giao diện tab bằng HTML và CSS Chúng ...
Bài 01: Validate form bằng jQuery - Bài tập jQuery
Trong bài này chúng ta sẽ học jQuery qua bài tập validate form đơn giản, bài tập này giúp bạn làm quen với phương thức $('selector).val() và biết được cách sử dụng jQuery để thay thế Javascript. Chúng ta sẽ làm bài tập validate form đăng ký thành viên. 1. ...
ạo tiện ích máy tính online đơn giản với jQuery - Bài tập jQuery
Xin chào các bạn, để tiếp nối series bài tập jQuery, hôm nay mình sẽ hướng dẫn các bạn làm một tiện ích máy tính online đơn giản bằng HTML, CSS và jQuery. Đây là một bài tập giúp các bạn nắm vững và rèn luyện lại kiến thức về jQuery, ngoài ra có thể tự tạo được một máy tính đơn ...
ạo ứng dụng ảo thuật Magicpaper với HTML và Javascript - Bài tập jQuery
Hôm nay mình sẽ chia sẻ với các bạn cách làm game Magic Paper bằng cách sử dụng thư viện jQuery. Trước khi vào bài thì mình cùng tìm hiểu nguyên lý hoạt động của nó đã nhé. 1. Nguyên lý hoạt động Magic paper là một ứng dụng ảo thuật trên nền tảng công nghệ, cách biễu diễn là yêu cầu khán giả ...
jQuery Keyboard Events - jQuery căn bản
Trong bài này mình sẽ tìm hiểu đến một số sự kiện liên quan đến bàn phím và ta gọi đó là keyboard events. Ứng với mỗi phím sẽ có ba sự kiện đó là .keydown(), .keypress() và .keyup(). Các sự kiện này thông thường sẽ áp dùng cho các thẻ của form như input, textarea, ... Chúng ta sẽ lần ...
jQuery Events - Browser Events - jQuery căn bản
Trong bài này mình sẽ trình bày về 2 sự kiện trong jQuery liên quan đến các hành động trên trình duyệt browser, đó là resize và scroll. .resize() Sự kiện này xảy ra khi bạn thay đổi kích thước của trang web. Ví dụ khi bạn thu nhỏ trình duyệt lại thì sự kiện này sẽ được kích ...
Hàm Xử lý sự kiện là gì? - jQuery căn bản
Trước khi bắt đầu học về các sự kiện trong jQuery thì chúng ta cùng tìm hiểu khái niệm khá quan trọng đó là hàm xử lý sự kiện. Xử lý sự kiện là gì? Như các bạn biết, lập trình hướng sự kiện đóng vai trò rất quan trọng trong lĩnh vực lập trình ứng dụng, và Javascript là một ngôn ngữ lập ...
Sự kiện trong jQuery - jQuery Event - jQuery căn bản
Sự kiện trong jQuery thực chất cũng giống như sự kiện trong Javascript nhưng nó được viết lại về cách sử dụng và hỗ trợ nhiều phương thức hơn giúp chúng ta đơn giản hóa việc bổ sung và xử lý sự kiện. Nếu bạn rành Javascript rồi thì khi chuyển qua jQuery không mấy khó khăn, nhưng nếu bạn ...
jQuery Selectors - Các Filter khác - jQuery căn bản
Trong bài này mình sẽ giới thiệu các selectors cuối cùng trong jQuery. Có tổng cộng 4 loại selector trong bài này và nó sử dụng các đặc tính của thẻ HTML như nested, hidden, visible. 1. Danh sách các jQuery Selector còn lại Sau đây là danh sách các selector còn lại. ...
jQuery Selectors - Attributes - jQuery căn bản
Ở bài trước chúng ta đã được tìm hiểu về Selector trong jQuery và mình cũng có giới thiệu sơ lược cách truy vấn theo ID và Class rồi, nhưng thực tế còn nhiều cách truy vấn khác dựa vào các đặc điểm của thẻ HTML và CSS. Trong bài này chúng ta sẽ tìm hiểu truy vấn thông qua các thuộc tính của thẻ ...
jQuery Selectors - Form Filter - jQuery căn bản
Như các bạn biết để lấy dữ liệu từ Clien thì bắt buộc chúng ta phải thông qua Form, mỗi form sẽ có nhiều định dạng dữ liệu khác nhau như dữ liệu dạng Text, dạng Checkbox, dạng Selecbox, ... Ngoài ra, trước khi lấy dữ liệu của client thì chúng ta phải kiểm tra định dạng dữ liệu có phù hợp hay không? ...
jQuery Selectors - Content Filter - jQuery căn bản
Content Filter là nhóm các Selector dùng để xử lý nội dung chứa bên trong thẻ HTML. Ví dụ bạn muốn tìm thẻ HTML nào có nội dung rỗng thì chỉ cần sử dụng cú pháp :empty. Sau đây là danh sách các loại Content Filter. 1. Danh sách các Content Filter trong ...
jQuery Selectors - Child Filter - jQuery căn bản
Child Filter Selector cũng có chức năng giống như Basic Filter nhưng jQuery nó chia làm hai nhóm để chúng ta dễ học và dễ tìm kiếm hơn. Nhóm Child Filter có liên quan đến vấn đề xử lý lọc các thẻ HTML con của một thẻ HTML cha, điều này cũng tương tự như một số filters mà ở ...
jQuery Selectors - Basic Filter - jQuery căn bản
Selector Filter tức là lọc các thẻ HTML dựa vào một điều kiện lọc. Ví dụ bạn sử dụng cú pháp $('a') để lấy danh sách tất cả các thẻ a và đương nhiên nó sẽ trả về một mảng chứa các thẻ a. Tuy nhiên bạn muốn lọc tiếp là chỉ lấy thẻ a thứ hai nằm trong danh sách đó thì bạn sẽ sử dụng bộ lọc $( ...
jQuery Selectors - Based On jQuery - jQuery căn bản
Bản chất mọi truy vấn selector của jQuery thường dựa vào attributes của các thẻ HTML, bởi vì các gí trị ID hay CLASS cũng chính là các thuộc tính nhưng nó có tính chắc đặc biệt hơn đó là trong một trang tài liệu HTML thì ID là duy nhất còn CLASS thì có thể có nhiều. Và trong bài ...
Selector trong jQuery - jQuery căn bản
Trong bài này chúng ta sẽ tìm hiểu về Selector trong jQuery, đây là bài khá quan trọng và nó là tiền đề để học các bài tiếp theo, vì vậy hãy đọc qua nhé các bạn. Trước tiên chúng ta tìm hiểu cú pháp của Selector và liên tưởng với cú pháp viết CSS đã nhé. ...
Quy trình biên dịch của Javascript - jQuery - jQuery căn bản
Để học tốt Javascript nói chung và jQuery nói riêng thì ban phải hiểu quá trình biên dịch của Browser đối với các đoạn mã HTML và Javascript. Có nhiều bạn thắc mắc rằng tại sao khi đặt code JS tại vị trí này thì hoạt động bình thường nhưng khi đặt tại một vị trí khác thì lại không hoạt động? ...
jQuery là gì? Viết chương trình jquery đầu tiên - jQuery căn bản
Trong công nghệ web 2.0 thì Javascript là một thành phần không thể thiếu bởi vì các hiệu ứng trên website hầu hết là kết quả của sự kết hợp Javascript và CSS. Để tạo các hiệu ứng đó thì ta phải lập trình những đoạn code Javascript khá là dài dòng nên rất khó bảo trì và phát triển, vì vậy jQuery ...
hiết lập project với Angular 6 - Angular 6x
Ở bài trước, chúng ta đã tìm hiểu cách cài đặt môi trường cũng như công cụ lập trình của Angular 6. Trong bài này, mình sẽ hướng dẫn các bạn thiết lập project của Angular. Mình xin nhắc lại Angular js dựa trên mô hình Model View Controller. Trong khi Angular 4 dựa trên cấu ...
Cài đặt môi trường cho Angular 6 - Angular 6x
Ở bài trước, chúng ta đã tìm hiểu vì sao chọn Angular, Angular 6 là gì và các version của Angular. Trong bài này, mình sẽ hướng dẫn chi tiết cách cài đặt môi trường cũng như công cụ lập trình trên hệ điều hành Windows. Đây là một bài khá quan trọng vì khi chúng ta muốn lập trình với bất kỳ loại ngôn ...
