javascript

Tạo dữ liệu ngẫu nhiên như chuỗi hay số đã quen thuộc với các bạn lập trình, thiết kế giao diện. Có bao giờ các bạn tạo mã màu ngẫu nhiên hay chưa? Để tạo mã màu ngẫu nhiên yêu cầu các bạn phải tìm hiểu về mã màu trên web, việc này đối với các bạn mới làm quen về lập trình, thiết kế giao diện...

Khi các bạn lập trình website thì việc nhập dữ liệu mẫu để xem tổng thể bố cục, giao diện của website là điều cần thiết. Tuy nhiên, việc tạo dữ liệu mẫu lại thật sự mất thời gian, đôi lúc gây khó khăn cho các bạn như việc nhập số điện thoại theo định dạng các nước hay địa chỉ, số thẻ tín...

Slideshow là một thành phần thể hiện nội dung được nhiều website sử dụng, nhất là các website muốn truyền tải thông tin khuyến mãi tới khách hàng. Thông thường, các slideshow đều trình diễn các hình ảnh, video với nội dung hấp dẫn nhưng đôi lúc các slideshow chỉ thể hiện các nội dung văn bản hay...

Kiểm tra dữ liệu nhập trên form là một thao tác bắt buộc phải có khi các bạn lập trình bất kỳ website nào. Việc kiểm tra này đảm bảo dữ liệu đầu vào đúng quy định, tránh các dữ liệu rác, không hợp quy tắc. Lập trình website, các bạn thường sẽ kiểm tra dữ liệu nhập ngay từ máy khách để chặn những...

Hiệu ứng hoạt hình trên website hiện nay được sử dụng khá phổ biến khi hầu hết các website đều thiết kế với các hiệu ứng chuyển động hoạt hình. Các hiệu ứng hoạt hình được thiết kế rất đa dạng, trong số đó là hiệu ứng khi cuộn trang hay rê chuột. Với thư viện Choreographer-js, các bạn có thể dễ...

Hiệu ứng hoạt hình trên website hiện nay đang được sử dụng khá phổ biến bởi khả năng tạo chuyển động đẹp, dễ gây chú ý cho người sử dụng. Các bạn lập trình front-end có thể sử dụng CSS để tạo hiệu ứng hay sử dụng JavaScript để nâng cao các hiệu ứng. Bài viết này tôi cũng giới thiệu với các bạn...

Tôi đã giới thiệu với các bạn thư viện JavaScript W3.JS tại bài viết "Hướng dẫn sử dụng thư viện W3.JS để thiết kế giao diện website" phục vụ thiết kế các chức năng trên giao diện website. Bài viết này tôi sẽ tiếp tục với thư viện W3.JS, hướng dẫn các bạn sử dụng một vài thành phần cụ thể của...

Nếu các bạn đang sử dụng thư viện W3.CSS mà tôi đã giới thiệu ở bài viết "Sử dụng thư viện W3.CSS để thiết kế giao diện website" để thiết kế giao diện website thì không lý do gì lại không sử dụng thư viện JavaScript W3.JS để hỗ trợ cho việc thiết kế. W3.JS là một thư viện JavaScript do W3Schools...

Về việc lưu trữ dữ liệu trên trình duyệt, tôi đã giới thiệu với các bạn thư viện Store.js tại bài viết "Lưu trữ dữ liệu trên trình duyệt với thư viện Store.js". Bài viết này tôi tiếp tục giới thiệu với các bạn một công cụ khác dùng đề làm việc với dữ liệu trên trình duyệt đó là sử dụng thuộc...

Thông thường, dữ liệu của website sẽ được lưu trữ ở cơ sở dữ liệu trên máy chủ chứa website. Việc lưu trữ này sẽ giúp website có nguồn dữ liệu để hoạt động cũng như lưu trữ dữ liệu quan trọng. Tuy nhiên không phải lúc nào dữ liệu cũng cần phải lưu trữ vào cơ sở dữ liệu, ví dụ như các dữ liệu chỉ...

Trong thời gian đợi trang web tải toàn bộ nội dung, các bạn lập trình viên thường thiết kế một hoạt hình để báo hiệu cho người dùng biết. Nếu các bạn có kinh nghiệm tốt về JavaScript thì việc thiết kế hoạt hình đợi tải trang này sẽ không quá khó khăn nhưng đối với các bạn mới làm quen với...

Tạo và quản lý cookie là một thao tác thường được thực hiện khi các bạn lập trình website. Các bạn có thể quản lý cookie bằng ngôn ngữ lập trình máy chủ như PHP, C#, Java,... nhưng có lẽ quản lý cookie bằng JavaScript là phương án đơn giản, gọn gàng nhất. Hiện nay có nhiều thư viện JavaScript...

Thông thường, việc nhúng tập tin JavaScript vào website các bạn sẽ sử dụng thẻ <script> của HTML nhưng có những trường hợp thẻ này không đáp ứng được hoặc các bạn muốn giảm tải các tập tin JavaScript chưa dùng đến thì các bạn có thể sử dụng giải pháp RequireJS. RequireJS là một thư viện...

Ở bài viết "Tạo ứng dụng React đơn giản đầu tiên" tôi đã hướng dẫn các bạn sử dụng công cụ Create React App để khởi tạo ứng dụng React chỉ với vài dòng lệnh đơn giản. Sau khi tạo ứng dụng thì các bạn sẽ nhận được website với giao diện mặc định của React mà không cần phải can thiệp bất kỳ dòng mã...

React hiện đang là nền tảng được quan tâm nhiều nhất hiện nay khi nó mang lại rất nhiều thuận lợi cho các nhà phát triển ứng dụng. Hiện nay, React đang được sử dụng rộng rãi và có hệ sinh thái đa dạng phong phú, được các lập trình viên ưa thích. Như các bạn đã biết, React là một thư viện viết...

Với JavaScript, các bạn có thể dễ dàng tạo các popup cho website của mình chỉ với vài dòng mã lệnh đơn giản. Các popup mà JavaScript hỗ trợ mặc định bao gồm hộp thông báo (Alert), xác nhận (Confirm), lời nhắc nhập (Prompt). Bài viết này tôi sẽ hướng dẫn các bạn tạo cả 3 loại popup này để các bạn...

HTML5 hiện nay đang chiếm giữ vị trí quan trọng trong lĩnh vực web, với các ưu điểm vượt trội giúp HTML5 có sức mạnh vượt ra ngoài phạm vị khi không chỉ là dùng để thiết kế các website thông thường mà HTML5 còn được sử dụng để thiết kế các game trên nền web. Và Canvas là một thành phần rất quan...

Nếu các bạn đã từng sử dụng ứng dụng Photoshop để điều chỉnh hình dạng của hình ảnh như kéo rộng, thu hẹp, kéo nghiêng, xoay,... thì các bạn có thể dễ dàng hình dung chức năng của thư viện Moveable mà tôi giới thiệu với các bạn ở bài viết này. Chính vì khả năng này của thư viện Moveable mà các...

Đa phần các website hiện nay đều được thiết kế theo phong cách hiện đại, chuyên nghiệp, rất đẹp mắt. Tuy nhiên cũng không ít website được thiết kế theo phong cách hoạt hình ngộ nghĩnh, dễ thương. Các thành phần trên website các bạn có thể thiết kế dễ dàng bằng CSS nhưng nếu các bạn cần thiết kế...

Trước đây, tôi có giới thiệu với các bạn một vài thư viện JavaScript dùng để tuỳ biến thanh cuộn cho nội dung trên website, ví dụ như jQuery Scrollbar hay ProngnRoll. Điểm giống nhau của các thư viện này là cùng làm nhiệm vụ tuỳ biến thanh cuộn mặc định của trình duyệt theo một phong cách riêng...