Пишем AJAX компонент на React. Часть 3. Связываем AJAX запрос и обработку событий

В предыдущих статьях мы уже изучили отправку AJAX запроса, получение ответа от сервера и основы обработки событий. Теперь настало время объединить всё это вместе.

Продолжить чтение

Создаём модальное окно для 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 приложения задача не из лёгких и потому задействуют для её решения плагины и фреймворки. На самом же

Продолжить чтение