От автора: приветствую вас, друзья. Итак, мы продолжаем реализацию функционала современной загрузки изображений на сервер и прикреплению загруженных файлов к записям. Итак, функционал управления базовым изображением готов. Мы можем загружать, сохранять и удалять изображение. В этом уроке мы еще немного настроим объект dropzone и добавим возможность ресайза изображений на клиенте перед отправкой его на сервер.

Читать далее →

От автора: приветствую вас, друзья. Итак, мы продолжаем реализацию функционала современной загрузки изображений на сервер и прикреплению загруженных файлов к записям. Итак, в предыдущих уроках мы реализовали загрузку базового изображения и прикрепление его к записи, т.е. его сохранение в БД. В этом уроке мы реализуем удаление изображения. Ну и, конечно же, эта операция также будет происходить асинхронно, без перезагрузки страницы.

Читать далее →

От автора: приветствую вас, друзья. Итак, мы продолжаем реализацию функционала современной загрузки изображений на сервер и прикреплению загруженных файлов к записям. В предыдущем уроке мы реализовали непосредственную загрузку и сохранение изображений на сервере. В этом уроке нам необходимо реализовать функцию сохранения данных в БД. Для этого мы добавим функционал асинхронной отправки формы, т.е. без перезагрузки страницы.

Читать далее →

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

Читать далее →

От автора: приветствую вас, друзья. Итак, мы продолжаем реализацию функционала современной загрузки изображений на сервер и прикреплению загруженных файлов к записям. В этом уроке мы подключим к нашему приложению библиотеку DropzoneJS и настроим ее. Благодаря этой библиотеке мы сможем получить современную асинхронную загрузку файлов на сервер, т.е. загрузку без обновления страницы.

Читать далее →

От автора: если вы новичок в веб-разработке, асинхронная загрузка файлов может показаться сложной задачей. Но по сути, это еще один запрос AJAX API. Если вас не просят оптимизировать меди файлы на стороне клиента или выполнить некие проверки целостности, это легко сделать. В этом уроке я расскажу в загрузке файлов через AJAX из front end React, так как React – одна из популярнейших библиотек представлений на данный момент. Для работы с сервером мы обсудим вариант с Node.js и CDN.

Читать далее →

От автора: на сайте CSS-Tricks мы выучили три вещи, давайте объединим их. Первое – переход на авторазмеры. Второе – современные методики Ajax. Третье – измерение размеров изображений после загрузки. Имея в виду эти три фактора, мы можем получать с помощью Ajax’а некий произвольный контент и вставлять его на страницу с плавной анимацией увеличения его высоты. Сложно-то как!

Читать далее →

От автора: приветствую вас, друзья. В этой статье мы начнем работать с Ajax запросами в jQuery. Библиотека jQuery предлагает несколько методов для работы с асинхронными запросами, используя которые мы можем обмениваться информацией с сервером без перезагрузки страницы, т.е. асинхронно. Сегодня мы познакомимся с методом ajax в jQuery.

Читать далее →

От автора: приветствую вас, друзья. В этой статье мы с вами продолжим реализацию зависимых список с использованием AJAX. Напомню, в предыдущей статье мы подготовили базу данных и вывели из нее список стран. Теперь нам необходимо при выборе страны отправить ajax запрос на сервер и получить список городов, который мы и должны подгрузить в зависимый список select. Продолжим.

Читать далее →

От автора: в этом уроке мы с вами продолжим работу с мощным плагином для организации календаря событий — FullCalendar. В предыдущем уроке мы реализовали вывод событий из БД в календарь. Пришло время заняться добавлением событий в БД. В этом уроке мы добавим функционал открытия модального окна с формой при клике по любой дате календаря. Также к полям даты формы мы добавим появляющийся календарик, позволяющий удобно выбрать нужную дату.

Читать далее →