Javascript и Ajax

Практические уроки по JavaScript, jQuery и AJAX для веб-разработчиков. Здесь разбираем работу с DOM, событиями, элементами страницы, динамическим изменением контента и взаимодействием JavaScript с сервером.

В материалах рассматриваются AJAX-запросы, обмен данными с PHP, обработка JSON, работа с формами, модальными окнами, событиями и другими интерактивными элементами. Все уроки основаны на реальных задачах и содержат готовые примеры кода, которые можно использовать в своих проектах.

Построение графиков с помощью библиотеки  AnyChart с примерами

Если ваш сайт интенсивно работает с данными и вам нужно будет легко визуализировать эти данные, как правило, с помощью библиотеки графиков JavaScript. Однако таких библиотек существует несколько десятков, и все они имеют несколько разные возможности.

В этой статье мы рассмотрим AnyChart с помощью 10 стильных, но простых в использовании примеров. AnyChart отлично подходит для Ваших потребностей в визуализации данных и простоты, с которой он может обрабатывать данные практически в любом формате.

Отправка формы Ajax с комментариями в каждый строке кода

Отправка формы ajax запросом — это значит отдать вводимые данные серверу и вернуть результат пользователю без перезагрузки страницы, при этом все проверки на ввод данных производится на сервере и преобразуются в json формат, а не на клиенте при помощи javascript.

Проверка валидности формы на JavaScript и HTML5 — это легко

HTML5 представляет несколько новых атрибутов для реализации проверки на основе браузера. pattern Атрибут является регулярным выражением , которое определяет диапазон допустимых входов для textarea элементов и большинство типов input. required Атрибут определяет, требуется ли поле. Для устаревших браузеров, которые не реализуют эти атрибуты, мы можем использовать их значения в качестве основы для полифилла. Мы также можем использовать их для обеспечения более интересного усовершенствования — мгновенной проверки формы.

Создание 3D-вращающейся карусели с CSS и JavaScript

Когда я начал изучать эту тему, мне не нужна была трехмерная карусель, но я больше интересовался техническими деталями ее реализации. Разумеется, основные используемые методы, конечно же, относятся к модулю CSS Transforms Module Level 1 , но по мере того, как будет применена группа других технологий разработки переднего плана, затрагивая различные темы в CSS, Sass и клиентском JavaScript .

Настройка CKEditor под себя — подключение плагинов

Ckeditor довольно хороший визуальный инструмент для редактирование контента на Вашем сайте, но его стандартные функции не всегда удовлетворяют потребности концепции сайта. Настройка подразумевает в себя подключение плагинов, дополнительных css, удаление не нужных кнопок на панели CKeditor, а так же внедрение bootstrap компонентов.

Появление блоков в зависимости от скролла при помощи AOS библиотеки

Существует много различных библиотек, которые помогают нам, разработчикам реализовывать потрясающие эффекты анимации на странице прокрутки. Сегодня мы поковыряемся в настройках AOS, называемый также Animate on Scroll, это одна из таких библиотек. Она позволяет применять различные виды анимации к элементам, когда они в поле зрения экрана.

Кисамеев Логотип
Не в сети
Услуги