Обложка канала

Frontend Головного Мозга. Страница 29

12111 @frontend_mind
Открыть

Настоящий клондайк для frontend-разработчиков.

  • Frontend Головного Мозга

    Множители факториала Вам необходимо написать функцию, которая раскладывает n! (факториал n) на его простые множители. Пример: 
    n = 12; decomp(12) - вернёт "2^10 * 3^5 * 5^2 * 7 * 11"
12! делится на 2  десять раз, на 3 - пять раз, на 5 - два раза, на 7 и 11 - только один раз.

n = 22; decomp(22) - вернёт "2^19 * 3^9 * 5^4 * 7^3 * 11^2 * 13 * 17 * 19"

n = 25; decomp(25) - вернёт "2^22 * 3^10 * 5^6 * 7^3 * 11^2 * 13 * 17 * 19 * 23"
    Множители должны быть в порядке возрастания. Когда показатель степени простого числа равен 1, то он не ставится. n может варьироваться от 300 до 4000. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #40kata 👉 @frontend_mind

  • Frontend Головного Мозга

    Эффект выделения при наведении на текст, выполненный на чистом CSS, без использования JavaScript #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Mapbox-gl-js — Библиотека для создания веб-карт Позволяет добавлять интерактивные карты с использованием технологии Mapbox на веб-сайт. Особенности / преимущества: ✔️ Возможность добавлять пользовательские стили для карт ✔️ Поддержка 3D-карт ✔️ Поддержка встроенных инструментов ✔️ Возможность добавления маркеров и всплывающих окон на карты Сайт: https://docs.mapbox.com/mapbox-gl-js/guides/ Гит: https://github.com/mapbox/mapbox-gl-js #библиотеки #полезно #js 👉 @frontend_mind

  • Реклама

  • Frontend Головного Мозга

    Анимированная кнопка выбора сложности, выполненная с помощью SCSS и JavaScript #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Getillustrations — Библиотека иллюстраций Предоставляет более 10 000 иллюстраций в разных стилях на различные тематики. Особенности: 👉 Иллюстрации разделены по коллекциям 👉 Возможность поиска 👉 Различные форматы (Vector AI, SVG, PNG, Sketch, Figma и Adobe XD) 👉 Доступны анимированные иллюстрации Сайт: https://www.getillustrations.com/ #полезно #инструменты 👉 @frontend_mind

  • Frontend Головного Мозга

    Эффект при наведении на картинки, выполненный на чистом CSS, без использования JavaScript #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    ✨Топ инструментов для оптимизации анимированных GIF-файлов 👉 RIOT — Позволяет сравнивать входное и выходное качество изображения, управлять сжатием, настройками метаданных, количеством цветов и выбирать форматы изображений. 👉 Compressor. io — Поддерживает сжатие GIF-файлов и других и форматов (JPEG, PNG, SVG, WEBP) без потерь качества. Позволяет выбрать уровень сжатия и имеет глубокую настройку сжатия. 👉 ILoveIMG — Позволяет уменьшать размер нескольких изображений GIF одновременно, редактировать изображения (изменять размер, обрезать). 👉 Ezgif — Сжимает любое GIF-изображение за счет уменьшения количества цветов и минимизирует размеры файлов до 30%, также может изменять размеры, обрезать и добавлять эффекты к GIF-изображениям. 👉 GIFGIFS — Поддерживает оптимизацию GIF (доступно несколько уровней) и уменьшение цвета для изображений GIF. Также позволяет удалить кадры для дальнейшего сжатия. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

  • Frontend Головного Мозга

    Друзья! Подписывайтесь на канал @british_frontend. Это персональный блог фронтенд разработчика в Англии, где он рассказывает о своем движении по карьере с перспективы рабочего места в UK. Там обсуждаются такие темы как: 🤑 Зарплаты 🔥 Отношения между людьми в компании и corporate drama 🇬🇧 Британский юмор 📈 Карьерный рост: как и куда расти 🛂 Иммиграция 🚀 Стартапы и предпринимательство 🧑‍💻 React, monorepos, legacy code, и другие насущные фронтенд темы Подписывайтесь! Чем больше людей, тем лучше дискуссии! 🙌 https://t.me/british_frontend

  • Frontend Головного Мозга

    Генератор градиентов, выполненный с помощью SCSS и JavaScript #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Scroll-into-view-if-needed —Библиотека для настройки прокрутки Позволяет настроить прокрутку до определённого элемента на странице. Особенности / преимущества: ✔️ Небольшой вес (1,5kB) ✔️ Поддержка TypeScript ✔️ Настройка выравнивания прокрутки ✔️ Возможность создать пользовательскую прокрутку Сайт: https://scroll-into-view-if-needed.netlify.app/ Гит: github.com/stipsan…f-needed #библиотеки #полезно #js 👉 @frontend_mind

  • Frontend Головного Мозга

    Кнопка для бургер-меню, выполненная с помощью CSS и библиотеки React.js #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Debounce на примере формы поиска В этой статье мы разберём, как сделать поле поиска, которое будет подсказывать варианты запросов, и при этом не положить свой сервер миллионом запросов в секунду. debounce — это функция, которая «откладывает» вызов другой функции до того момента, когда с последнего вызова пройдёт определённое количество времени. В этой статье мы рассмотрим следующие этапы: 👉 Разметка формы 👉 Создадим фейковый сервер для запросов 👉 Сделаем первую версию обработчика 👉 Напишем функцию debounce 👉 Применим debounce в нашем обработчике На практике: debounce стоит использовать, чтобы оптимизировать операции, которые можно выполнить единожды в конце. Например, это подойдёт для формы поиска. Однако для отслеживания движения мыши — нет, потому что будет странно ждать, пока пользователь остановит курсор. 👉 Читать статью полностью #статья #js 👉 @frontend_mind

  • Frontend Головного Мозга

    Интерактивный текст, выполненный с помощью SCSS и JavaScript #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Mobirise — Оффлайн конструктор веб-сайтов Предлагает более 4000 готовых блоков и более 300 шаблонов страниц для создания веб-сайтов. Особенности: 👉 Доступен для Windows, Mac, Linux 👉 Шаблоны основаны на Bootstrap 5 👉 Возможность внесения изменений в код 👉 Шаблоны адаптированы под мобильные устройства Сайт: https://mobirise.com/ #полезно #инструменты 👉 @frontend_mind

  • Frontend Головного Мозга

    Карточка с всплывающими подсказками, выполненная с помощью SCSS и SVG, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Реклама

  • Frontend Головного Мозга

    Решение задачи "Сумма последовательных" #codewars #легко #js #ответы #39kata 👉 @frontend_mind

  • Frontend Головного Мозга

    Сумма последовательных Вам дан список/массив, который содержит только целые числа (положительные и отрицательные). Ваша задача состоит в том, чтобы суммировать только одинаковые и последовательные числа. В результате должен получиться один массив. Пример: 
    sumConsecutives([1,4,4,4,0,4,3,3,1]) - вернёт [1,12,0,4,6,1]

sumConsecutives([1,1,7,7,3]) - вернёт [2,14,3]

sumConsecutives([-5,-5,7,7,12,0]) - вернёт [-10,14,12,0]
    В этой задаче не будет пустых массивов. Также 1 и -1 не являются одинаковыми числами. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #39kata 👉 @frontend_mind

  • Frontend Головного Мозга

    Эффект при прокрутке, выполненный с помощью SCSS и библиотеки GSAP.js #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇