В предыдущих статьях мы уже изучили отправку AJAX запроса, получение ответа от сервера и основы обработки событий. Теперь настало время объединить всё это вместе.
Продолжить чтениеРубрика: Frontend Разработка (Javascript, Html, Css)
Создаём модальное окно для web приложения на чистом CSS
В самой первой статье рубрики «Frontend разработка» мы уже рассматривали создание модальных окон для web приложений и использовали для этого JavaScript. Однако эта задача также может быть успешно решена и при помощи CSS.
Продолжить чтениеПишем AJAX компонент на React. Часть 2. Основы обработки событий
В предыдущей статье мы создали основу AJAX компонента на React.JS. В этой статье мы продолжим работу с этим компонентом и рассмотрим на его примере реализацию обработки событий. Сразу отметим, что несмотря на аббревиатуру AJAX в названии, в данной статье ни одного AJAX запроса не будет. В ней мы разберём только
Продолжить чтениеПишем AJAX компонент на React. Часть 1. Основа компонента
Библиотека React.js полностью поддерживает технологию AJAX. В этой статье мы рассмотрим написание AJAX компонента на примере таблицы. В качестве задачи для нашего примера возьмём таблицу со списком пользователей некоторого web приложения. Данный список мы будем получать в формате JSON массива.
Продолжить чтениеИнтерполяция строк в JavaScript
Интерполяция строк — это процесс замены заполнителей в строке значениями строковой переменной [1]. Идея формировать готовую строку путём непосредственного внедрения в её шаблон соответствующих значений вместо заполнителей, которые указывают место их отображения, уже давно не нова. В частности, такая возможность уже давно поддерживается в PHP и, начиная с версии 6.0,
Продолжить чтениеПростое адаптивное меню на блоках
В наши дни адаптивная вёрстка уже давно стала обыденностью, так как позволяет использовать один и тот же шаблон для самых различных устройств. Один из ключевых элементов сайта — это его меню, благодаря которому осуществляются переходы между основными страницами. Рассмотрим создание простого одноуровневого адаптивного меню средствами Bootstrap 4.
Продолжить чтениеПозиционируем контейнер по центру в двух измерениях
Разместить блок в центре довольно часто встречающаяся задача. Но, если при позиционировании блока по горизонтали проблем не возникает, то с позиционированием по вертикали всё гораздо сложнее. Тем более если речь идет о центрировании одновременно по горизонтали и вертикали. Существуют два основных варианта постановки задачи одновременного центрирования по двум измерениям:
Продолжить чтениеСоздаём модальное окно для web приложения без плагинов и фреймворков
Модальные окна используются довольно часто. В них очень удобно выводить различные формы, создавать галереи и даже показывать видео. Выглядит такой интерфейс тоже весьма эффектно. Многие ошибочно считают, что создание модальных окон для web приложения задача не из лёгких и потому задействуют для её решения плагины и фреймворки. На самом же
Продолжить чтение