Senior Frontend Developer

Jake's Instagram Карусель создана на чистом CSS. В JS реализована смена цвета при клике. https://codepen.io/kotAndy/pen/gOBgXvO

Ring Prepulsion Создано на canvas и JS. https://codepen.io/shubniggurath/pen/qeXRrW

Infinite Cover Flow Бесконечная галерея музыкальных постеров, которую можно прокручивать перетаскиванием, а также прокруткой колеса мыши. Реализована с помощью GSAP, ScrollTrigger и Draggable. https://codepen.io/jh3y/pen/WNRvqJP

Scroll Reveal В JS создана логика, которая определяет, находится ли элемент на экране, и исходя из этого показывает или скрывает элемент. https://codepen.io/HighFlyer/pen/qByPyqr

JavaScript. Задача Дано игровое поле, которое задано матрицей m x n, где каждая ячейка представляет собой клетку корабля «X» или пустую клетку «.». Необходимо найти количество всех кораблей на игровом поле. Примечания: - Корабли можно размещать на игровом поле только горизонтально или вертикально - Два корабля разделяет по крайней мере 1 горизонтальная или вертикальная клетка. Входные данные: board — символьная матрица, содержащая символы ‘.’, ‘X’. Размер сторон матрицы от 1 до 100. Вывод: количество всех кораблей. Пример:

    
        board = [
[‘X’, ‘.’, ‘.’, ‘X’],
[‘.’, ‘.’, ‘.’, ‘X’],
[‘.’, ‘.’, ‘.’, ‘X’]]

Output: 2
{}
    

Ответ

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Нажмите на ссылку: Вход 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

Библиотека Chart.js Презентации неразрывно связаны с выводом разного рода диаграмм. Существует потрясающая JavaScript-библиотека Chart.js, предназначенная для представления данных с помощью диаграмм. Библиотека позволят строить столбчатые, круговые, точечные диаграммы и диаграммы других видов. Более подробно вы можете узнать на официальном сайте - тут

Управление состоянием с помощью Redux Toolkit При разработке сложных React-приложений, особенно с большим объемом состояния, может быть сложно эффективно управлять состоянием компонентов и обеспечить его согласованность во всем приложении. В таких случаях Redux, популярная библиотека для управления состоянием, может стать ценным инструментом. 💡 Решение: Redux Toolkit для упрощенного управления состоянием Redux Toolkit - это официальное рекомендуемое расширение для Redux, которое помогает упростить и ускорить процесс разработки и управления состоянием. Он предоставляет соглашения и удобные инструменты для определения действий (actions), редюсеров (reducers) и создания хранилища (store). В этом примере мы используем createSlice из Redux Toolkit для определения среза состояния counter, который содержит инициализацию состояния и определение действий increment и decrement. Затем мы используем configureStore для создания хранилища, указывая counterSlice.reducer в качестве редюсера.

🔴 Приехали в Стамбул на финал Yandex Cup 2025 — международного чемпионата по программированию. Пока финалисты пять часов решали задачи, прогулялись по турецким мастерским, а после — поговорили с победителями. Если вы пропустили чемпионат, его трансляцию можно посмотреть на сайте — от церемонии открытия до дискуссии про следующий прорыв в ИИ и награждения победителей. 🔴 Поставьте буст каналу

Использование React Hooks для управления состоянием в веб-приложениях При разработке веб-приложений на React, управление состоянием играет ключевую роль. Вместо классовых компонентов, вы можете использовать React Hooks, чтобы упростить управление состоянием и повысить читаемость кода. В этом посте мы разберем, как использовать React Hooks для управления состоянием в веб-приложениях и продемонстрируем пример кода. 💡 Решение: Использование React Hooks для управления состоянием в веб-приложениях 1️⃣ Введение в React Hooks: React Hooks - это новый подход в React, который позволяет использовать состояние и другие возможности React без необходимости писать классовые компоненты. С помощью хуков, таких как useState, useEffect и других, вы можете управлять состоянием компонентов и обрабатывать жизненные циклы компонентов. 2️⃣ Использование useState для управления состоянием: Хук useState позволяет вам добавлять локальное состояние в функциональные компоненты. Например, вы можете использовать useState для создания переменной счетчика и обновления ее значения. 3️⃣ Использование useEffect для работы с побочными эффектами: Хук useEffect позволяет вам выполнять побочные эффекты, такие как получение данных с сервера или подписка на события. Например, вы можете использовать useEffect для загрузки данных из API при монтировании компонента. Вот пример кода: 4️⃣ Использование других хуков и создание собственных: React предоставляет множество других хуков, таких как useContext, useRef и useMemo, которые помогут вам управлять состоянием и оптимизировать производительность компонентов. Вы также можете создавать собственные хуки для повторного использования логики в разных компонентах. Это примеры кода и использования React Hooks для управления состоянием в веб-приложениях. Учтите, что в реальном проекте может потребоваться дополнительная обработка ошибок и оптимизация кода.