Frontend

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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.

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.

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…

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.

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…

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

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.

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.

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…