webpod.devПриветствую, товарищи разработчики!Мы рады представить вам Webpod — фантастический новый инструмент, разработанный для упрощения процесса развертывания вашего веб-сайта. Webpod позволяет эффективно и быстро развернуть веб-сайт на сервере, позволяя больше сосредоточиться на кодировании и меньше на настройке.Почему стоит выбрать Webpod?Одной из серьезных проблем, с которыми сталкиваются разработчики, является развертывание своего веб-сайта на своем сервере. Весь процесс может быть дово…
Новый View Transitions API, что можно перевести как "интерфейс переходов отображения", предлагает легкий способ анимирования перехода между двумя состояниями DOM — даже между загрузками страниц. Это прогрессивное улучшение, которое можно реализовать уже сегодня. Переходы и анимации CSS революционизировали веб-эффекты за последнее десятилетие, но не все так просто. Представьте список элементов, например, 10 изображений с заголовками, который мы хотим преобразовать в новый список элеме…
Приветствую всех. Уже как неделю я переписываю свой проект, который был на Vue options api с использованием Quasar и перевожу его на Svelte-Sveltkit-DaisyUI. Скажу сразу, он мне очень понравился, особенно в если учитывать что Vue composition api стал больше похож на React, нежели чем на самого себя. Складывается впечатление что Svelte это то к чему должен был прийти Vue, но он пришел к реакту (ты должен был бороться...).Итак, тот код, который я писал на вью(вуй в простонародье) 10 месяцев на с…
Что описывается: Apollo-client — популярная библиотека для работы с GraphQL. Библиотека призвана ускорить разработку и оптимизировать приложение.Задача статьи: Описать возможные решения и проблемы оптимизации приложения в части apollo.mergeВ каких случаях использовать: если есть несколько запросов за одной и той же сущностью с разным набором полей. В некоторых случаях при реализации пагинации.Что дает: Позволяет слить данные разных полей по одной и той же сущности в кэше apollo. Это необходимо…
Привет! Представляю вашему вниманию перевод статьи Matt Pocock.ИсточникTypeScript 5.2 представит новое ключевое слово - using, которое можно использовать, чтобы избавиться от чего угодно с помощью функции Symbol.dispose, при покидании области видимости.{ const getResource = () => { return { [Symbol.dispose]: () => { console.log('Hooray!') } } } using resource = getResource(); } // 'Hooray!' logged to consoleОбосновано это предложениями TC…
Я разрабатываю роботов и меня часто спрашивают — «как сделать робота», «где ты находишь информацию, какие ресурсы используешь»?Если вы не знаете с чего начать и хотите сделать собственного робота — эта статья для вас — в ней я постараюсь объяснить процесс, а также расскажу какие должны быть первые шаги.Шагающий робот - корпус распечатан на 3Д принтереЧуть-чуть обо мнеДолгое время я работал на различных предприятиях инженером-конструктором, занимался проектированием механической части устройств…
Если вы, как и я, заинтересовались микрофронтами и пробуете развернуть проект на Nx, то возможно, у вас встанет вопрос, как в итоге объединить несколько своих микрофронтов в общий проект. По крайней мере, те статьи, которые я находил по этой теме, рассказывали про то, как создать в Nx несколько проектов (в т.ч. на разных фреймворках), как создать к ним компоненты и либы, и на этом всё заканчивалось. Разобравшись, решил оставить инструкцию для других.Вводная информацияСтруктуру Nx и базовый при…
ВведениеНередко в проектах необходимо заводить переменные окружения (environment variables). Существует много способов сделать это. Например, указать переменную "inline", как MY_VAR="my value" node index.js или обозначить источник командой source. Некоторые фреймворки имеют даже целые отдельные пакеты для формирования переменных окружения (прим. nest.js). Но чаще всего за годы работы в сфере фронтенд-разработки мне приходилось работать со способом, который подразумевает содержа…
Привет! Меня зовут Наташа, я фронтенд-разработчик в отделе рекламных спецпроектов KTS.В отделе мы делаем множество сервисов в мини-приложениях VK, Одноклассниках, Телеграме, создаём лендинги. Мы делаем как краткосрочные проекты, которые могут длиться 2 недели, так и долгосрочные — сроком работы от года.Изначально я написала этот материал для внутреннего использования, чтобы разработчик на каждом этапе разработки приложения знал, на что обратить внимание. Эта статья — подсказка, которая помога…