Всем привет 🐷
В редизайне сайта мы ушли от тяжёлого тёмного в шкодный лёгкий смелый градиент. Само собой захотелось сменить аватарку канала. А так же сменили превью на наших внутренних группах, ведь для каждого проекта у нас отдельный чат с коллегами.
Что-ж-ж-ж, радую их «поросячьим» градиентом. Не потеряемся.

Почему добавление кнопки на стеке Laravel, Vue, Nuxt — это не 5 минут

Создание сайта на стеке Laravel, Vue, Nuxt можно сравнить со сборкой сложного механизма. Каждая деталь играет свою роль. Даже такая простая вещь, как кнопка, требует точной настройки и согласованной работы многих элементов. По сути, чтобы выполнить такую «простую» задачу, как добавление кнопки на сайт, нужна команда специалистов: дизайнера, верстальщика, фронтенд- и бэкенд-разработчиков.

Что происходит, когда мы добавляем кнопку на ваш сайт?

🎤Дизайн и верстка
— Создаем дизайн кнопки в Figma, учитывая цветовую гамму сайта, типографику и общую стилистику. Продумываем удобство ее использования на разных устройствах (мобильных телефонах, планшетах, компьютерах).
— Верстаем кнопку, используя код HTML для структуры и CSS для стилизации. Определяем ее размер, форму, цвет, отступы и другие визуальные характеристики.

🎤Бизнес-логика на фронтенде
— «Оживляем» кнопку, чтобы она не была просто картинкой, а реагировала на нажатия пользователя. Пишем код, который определяет, что должно произойти, когда пользователь кликнет на кнопку. Например, открыть новую страницу, отправить форму или выполнить другое действие.
— Если кнопка взаимодействует с сервером (например, для отправки данных формы), мы используем JavaScript (JS) для отправки запросов на API и обработки полученных ответов.

🎤Бизнес-логика на бэкенде
— На фреймворке Laravel создаем обработчики для запросов, которые приходят от кнопки. Если необходимо сохранить данные, полученные с формы, мы записываем их в базу данных.
— Отправляем ответ на клиентскую часть (браузер), которая обновляет страницу или показывает пользователю сообщение об успешной отправке формы.

🎤Система контроля версий (Git)
— Каждый шаг разработки фиксируем в «хранилище кода» Git. Это позволяет отслеживать историю изменений, сравнивать разные версии кода и при необходимости откатывать до работоспособной версии. «На живую» все эти изменения совершаться не могут.
— Git позволяет нескольким разработчикам работать над одним проектом одновременно, не мешая друг другу.

🎤CI/CD
— Используем CI/CD для непрерывной доставки кода. Это позволяет ускорить процесс разработки и снизить риск ошибок. Автоматические тесты не дадут залить на «боевую» версию изменения, которые способны нарушить работу существующих функций.

Вот такая история одной кнопки😉

#услуги #разработка