Сколько карт установлено на вашем смартфоне? Попробуйте ответить на этот вопрос и задумайтесь, как часто их добавляют разработчики приложений. Кто-то отмечает на картах свои магазины, кто-то — делает проекты в духе Zenly, другие — показывают зоны доставки еды и т. д.
Если вам тоже пришлось «вшить» в свое веб-приложение карты, запаситесь терпением. В инструкции рассказываем, как это сделать и настроить тестовое окружение с IDE в облаке. Подробности под катом!Читать полностью »
Наверное, каждый, кто сталкивался с frontend`ом, хотя бы раз использовал адаптивную flex-сетку на N-ном количестве колонок. В данной статье мы не станем рассматривать область применения такого подхода, его плюсы и минусы, а разберем теорию и напишем собственное решение, с брейкпоинтами и настраиваемым спейсингом!
Данная статья, в первую очередь, будет полезна новичкам, однако надеюсь, что и опытныее найдут в ней что-то интересное. Для упрощения жизни, будем использовать SCSS, продублировав CSS «под спойлер».
Более того, вы даже можете легко реализовать динамическое определение иконок на основе кода региона:
// Смещение для корректировки кода ASCII каждого символа в строке кода ISO страны для определения соответствующего флага.
const EMOJI_CHARACTER_OFFSET = 127397;
const getEmojiForCountryCode = (countryCode: string) =>
String.fromCodePoint(
...countryCode
.toUpperCase()
.split('')
.map((char) => char.charCodeAt(0) + EMOJI_CHARACTER_OFFSET),
);
// "en-US"
const currentLanguageCode = navigator.language;
// "US"
const currentCountryCode = currentLanguageCode.split("-")[1];
// "🇺🇸"
getEmojiForCountryCode(currentCountryCode);
// "🇫🇷"
getEmojiForCountryCode("FR");
// "🇸🇪"
getEmojiForCountryCode("SE");Всё идёт шикарно!
Как вдруг…Читать полностью »
Привет! В свободное от работы время я занимаюсь разработкой своего проекта. На днях мне понадобилось разработать раздел с календарем и задачами, чтобы пользователи могли отслеживать свою деятельность. Увы, но полностью готовых решений я не нашел. API стандартного календаря Google не подходит, так как данные хочу хранить внутри контура проекта.
Спустя несколько часов поисков я наткнулся на плейлист разработчиков из Индии. В жизни все циклично — именно эти видео мне и помогли. Так я познакомился с классной open source-библиотекой FullCalendar, о которой расскажу в этой статье. Если вы уже начали составлять календари на 2025 год, добро пожаловать под кат!Читать полностью »
Всем привет! Меня зовут Александр, я фронтенд-разработчик в KTS. Сегодня я расскажу о Strapi CMS, разберу сценарии ее использования на конкретных примерах и поделюсь способами упрощения работы в ней.
Успех бизнеса во многом зависит от присутствия в онлайн-пространстве. Но просто иметь сайт уже недостаточно. Чтобы привлечь клиентов и получить желаемые результаты, нужно быть заметным, занимать лидирующие позиции в поисковой выдаче и строить доверие к бренду.
Тестирование веб-приложений – важный этап создания программного продукта. Без такой проверки повышается вероятность дефектов и недоработок, которые обнаружатся уже после выпуска ПО. В этом случае придется тратить дополнительные средства и время на внесение корректировок, а также рисковать потерей лояльности со стороны пользователей.
Веб-приложения проверяют различными методами. Тестирование делится на функциональное и нефункциональное. Первое направлено на контроль удобства использования продукта, соответствия его возможностей заявленным параметрам, корректную работу всех опций. Основной особенностью нефункционального тестирования является проверка надежности, масштабируемости и других параметров под нагрузкой. Существует несколько типов проверок:Читать полностью »