Как организовать файлы в Figma с привязкой к задачам продуктовой команды в Jira/ALM

Как организовать файлы в Figma с привязкой к задачам продуктовой команды в Jira/ALM
2

Хочу прожарки на свой проект, который задеплоил буквально пару дней назад

Hack Frontend — платформа, которая поможет вам отточить навыки фронтенд-разработки и успешно пройти собеседование на должность Frontend-разработчика.

Приложение на React js за минуту с помощью ИИ

Я использовал Cursor Ai, что бы создать приложение блокнот для заметок на React js!

Кейс модификации Tilda: разные слайдеры с фото и описание для каждого варианта в карточке товара

Сегодня расскажу о разработке модификации для расширения стандартного функционала конструктора Tilda — динамическое переключение слайдеров с фото и текста описания при выборе разных комбинаций товара. Пример того, как работает данная модификация можно посмотреть на странице магазина Медведь Электро.

15
1
1

Как сделать сайт с бэкендом и админкой: Только AI и никакого кода

Как сделать сайт с бэкендом и админкой: Только AI и никакого кода

Senior программисты или junior разработчики?

1

СВАРЩИК vs ПРОГРАММИСТ front-end 2025 куда вкатиться?

Мой ответ на вопрос КАКИМ ПРОЕКТОМ ВЫ ГОРДИТЕСЬ? Работает ВСЕГДА на 100%

React, Vue или Angular? Другой взгляд на выбор JavaScript-фреймворка

React, Vue или Angular? Другой взгляд на выбор JavaScript-фреймворка
6

Кейс интеграции с платформой Финуслуги: калькулятор ипотечного страхования для сайта на Tilda

В этот раз речь пойдет о разработке калькулятора внутри личного кабинета сайта на Tilda для расчета стоимости полисов ипотечного страхования на базе API сервиса Финуслуги.

9
3

Кейс интеграции сайта на Tilda с Бизнес.Ру: отображение наличия товаров в разных городах

Кейс интеграции сайта на Tilda с Бизнес.Ру: отображение наличия товаров в разных городах

В одном из прошлых постов в своем блоге в Telegram я упоминал о том, что сейчас я чаще работаю с конструктором сайтов Tilda.
Сегодня я хочу рассказать об очередной интеграции, которую я делал для интернет-магазина на этом конструкторе — на этот раз с платформой складского учета Бизнес.Ру.

2
1

Кейс модификации Tilda: создание слайдера с анимированными карточками отзывов для сайта

В этой статье я расскажу о процессе разработки модификации для сайта на конструкторе Tilda — слайдера с отзывами в виде карточек, которые расположены по кругу, наподобие игральных карт.

5

Создание нестандартных модификаций с помощью JavaScript API Tilda

Создание нестандартных модификаций с помощью JavaScript API Tilda

В очередной раз я погрузился в недры исходников Тильды при разработке казалось бы простой модификации.

3

Запустил Подкаст об IT и Технологиях

Всем Привет, недавно запустил свой собственный Подкаст об IT, Технологиях и людях, которые к этому причастны)

Это я - автор канала на YouTube Техноманьяк и подкаста Войти в айти
1

Кто такой NEFOR на самом деле?

Кто такой NEFOR на самом деле?
1

Матрица компетенций frontend-разработчика: онбординг, аттестация и развитие

Матрица компетенций frontend-разработчика: онбординг, аттестация и развитие

Мы — создатели SkillsTeam, инструмента, который помогает командам прокачивать сотрудников, эффективно и прозрачно управлять их развитием и раскрывать потенциал каждого члена команды. И главный секрет нашего продукта — готовые матрицы компетенций. Некоторые из них мы сделали открытыми, чтобы другие компании могли использовать их для своих команд.

12

⚡️Взаимодействие backend и frontend разработки: сложности и решения⚡️

Взаимодействие между backend и frontend – это ключевой аспект разработки современных веб-приложений. Эти две части системы должны работать синхронно, чтобы обеспечивать пользователям удобный и быстрый интерфейс. Однако на практике взаимодействие между ними может столкнуться с различными сложностями.

Лучший инструмент для деплоя приложений | VPS + Coolify

Если вы ищете инструмент для деплоя приложений, который ничего не стоит (он БЕСПЛАТНЫЙ), обратите внимание на Coolify.

Фильтр мата на JavaScript

Написал Телеграм бота для фильтрации сообщений в чатах телеграм от мата😎

2

UI-Kit vs Код: Гонка с препятствиями за время вёрстки

Представьте себе: вы — веб-разработчик, вам нужно сверстать сайт.

9
1

Бесплатный Деплой Frontend приложения на Сервер с помощью Vercel | Как пользоваться Vercel?

Подготовил видеоинструкцию по Деплою любого Frontend приложения на React, Next js, Angular и Vue:

1

Как искать вакансии в Linkedin по публикациям?

Сегодня я поделюсь с вами полезной информацией по поиску вакансий через публикации. Вы удивитесь, но большой процент вакансий публикуется через посты. Нанимающие менеджеры, рекрутеры, хантеры публикуют посты, чтобы собирать отклики среди своих подписчиков. Уверенна, что вы уже хотите быстрее узнать как это делать, не смею томить, сейчас расскажу ка…

2

Что я использую при создание Mini Apps в Telegram или почему Next.js лучшее универсальное решение

Всем привет! На связи Дмитрий, я разработчик, пиши о своих кейсах, опыте и много другом о чем хочется поделиться.

Что я использую при создание Mini Apps в Telegram или почему Next.js лучшее универсальное решение
6
1
1

🪄 Magic UI - новая крутейшая бесплатная библиотека анимаций.

Вышла огромная библиотека бесплатных анимированных компонентов для React, Tailwind и Framer.

5 популярных баз данных для веб-приложений

Базы данных являются важной частью любого веб-приложения, поскольку они хранят, управляют и обеспечивают доступ к данным. Для разработчиков важно выбрать подходящую базу данных в зависимости от потребностей проекта. Давайте рассмотрим пять популярных баз данных, широко используемых для веб-приложений.

🖥 Квинтэссенция знаний о современной веб-разработке на JavaScript

🖥 Квинтэссенция знаний о современной веб-разработке на JavaScript

React 19 уничтожит все фреймворки

React 19 уничтожит все фреймворки
2

5 нескучных задач для сисадминов и разработчиков. Сколько сможете решить?

Приготовили для вас подборку задач для начинающих и опытных айтишников. Выбирайте подходящие, решайте и узнавайте верные ответы.

5 нескучных задач для сисадминов и разработчиков. Сколько сможете решить?
7

Фронтенд-разработка — как она помогает масштабировать бизнес?

Способны ли разработчики увеличить доходность компании клиента? Еще как! В этой статье мы посмотрим на фронтенд-разработку с точки зрения пользы для бизнеса. Проследим основные этапы ее создания, а также расскажем, в каких коммерческих отраслях она наиболее необходима.

Фронтенд-разработка — как она помогает масштабировать бизнес?
7

React Custom Hook: useTimeout

React Custom Hook: useTimeout

React Custom Hook: useStorage

React Custom Hook: useStorage

One of the key advantages of this custom hook is its simplicity. You can use it to store any type of data, such as strings, numbers, or even complex objects, with just a few lines of code. Additionally, useStorage handles the serialization and deserialization of data for you, so you don't have to worry about converting values to and from JSON.

React Custom Hook: useStateWithHistory

React Custom Hook: useStateWithHistory
  • Automatic history tracking: useStateWithHistory automatically keeps track of the values you set, allowing you to access the complete history whenever you need it.
  • Efficient memory usage: The hook utilizes a capacity parameter, ensuring that the history doesn't grow indefinitely. You can define the maximum number of historical values to keep, prevent…

React Custom Hook: useScript

React Custom Hook: useScript

One of the significant advantages of useScript is its ability to handle script loading asynchronously. By setting the script's async attribute to true, you ensure that it won't block the rendering of your application. This improves the performance and overall user experience, especially when dealing with larger scripts or slow network connections.

React Custom Hook: useRenderCount

React Custom Hook: useRenderCount

One of the major advantages of using useRenderCount is its simplicity. By abstracting the logic into a reusable hook, you can easily integrate it into any component without cluttering your codebase. Additionally, it provides a clear and concise way to monitor render behavior, which can be crucial for performance optimization and debugging.

React Custom Hook: usePrevious

React Custom Hook: usePrevious

This custom hook can be a game-changer in various scenarios. For instance, you can utilize usePrevious to compare and visualize changes in data, track state transitions, or implement undo/redo functionality. Additionally, it can be valuable in form handling, animations, and any situation where having access to the previous value is crucial for your…

React Custom Hook: useOnScreen

React Custom Hook: useOnScreen
1

React Custom Hook: useOnlineStatus

React Custom Hook: useOnlineStatus

One of the main advantages of "useOnlineStatus" is its simplicity. By importing and using this hook in your component, you can effortlessly access the online status of the user. The hook internally uses the "navigator.onLine" property to determine the initial online status and dynamically updates it whenever the user's connectivity changes.

1

React Custom Hook: useMediaQuery

React Custom Hook: useMediaQuery

One of the key advantages of this custom hook is its simplicity and reusability. With just a few lines of code, you can effortlessly implement responsive behavior throughout your application. Whether you need to conditionally render components, apply specific styles, or trigger different functionality based on screen size, useMediaQuery has got you…

1

Кейс Фьюче: Помогаем туроператору популяризовать круизный отдых в России с помощью лендинга-агрегатора круизов

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ffstravel.com%2Fkruizy&postId=803242" rel="nofollow noreferrer noopener" target="_blank">Сервис для подбора круиза туроператора Fun&amp;Sun</a>

У нашего агентства очень разнообразный опыт реализации кейсов. С кем мы только не работали: банки, застройщики, бренды одежды и даже поставщик товаров для взрослых. Но один проект любим особенно горячо — сервис бронирования речных и морских круизов Fun&Sun. О том, что это за сервис, в нашей короткой статье.

3

React Custom Hook: useLongPress

React Custom Hook: useLongPress

One of the key advantages of useLongPress is its simplicity. By utilizing this hook, developers can easily define a long-press action on any element in their React application. With just a few lines of code, the hook takes care of handling the intricacies of tracking the long-press duration and triggering the associated callback function.

1

React Custom Hook: useHover

React Custom Hook: useHover

One of the key advantages of useHover is its simplicity and reusability. By encapsulating the hover logic within the hook, you can easily use it across multiple components without duplicating code. This promotes clean and maintainable code, saving you time and effort in the long run.

1

React Custom Hook: useFetch

React Custom Hook: useFetch

The useFetch hook also offers flexibility through its customizable options parameter. Developers can pass additional headers, query parameters, or request options as needed, ensuring compatibility with various APIs. The hook follows best practices by providing default options for setting the Content-Type header as application/json, promoting clean…