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

Решение задачи "+1 к массиву" #codewars #легко #js #ответы #41kata 👉 @frontend_mind

+1 к массиву Учитывая массив целых чисел любой длины, верните массив, в котором единица добавлена к значению, представленному массивом. Пример:

upArray([2,3,9]) - вернёт [2,4,0] 
// 239+1=240

upArray([4,3,2,5]) - вернёт [4,3,2,6]
//4325+1=4326

upArray([1,-9]) - вернёт null

Массив не может быть пустым. Допускаются только неотрицательные однозначные целые числа. Возвращайте null для недопустимых входных данных. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #41kata 👉 @frontend_mind

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

Rellax.js — Библиотека для добавления параллакс эффекта Позволяет создавать и детально настраивать параллакс эффект на странице. Особенности / преимущества: ✔️Не имеет зависимостей ✔️Работает на мобильных устройствах ✔️Небольшой вес (2.5 kB) ✔️Поддержка горизонтального параллакса Сайт: https://dixonandmoe.com/rellax/ Гит: https://github.com/dixonandmoe/rellax #библиотеки #полезно #js 👉 @frontend_mind

Интерактивные карточки с 3D-эффектом, выполненные с помощью CSS и JavaScript #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

Stepsize —Плагин для отслеживания ошибок в коде Позволяет добавлять проблемный код в закладки и создавать TODO прямо в IDE, не влияя на рабочий процесс. Особенности: 👉 Интеграция с GitHub, Jira, Asana и т.д 👉 Доступно для VS Code и продуктов JetBrains 👉 Работа в команде 👉 Просмотр проблем в кодовой базе с помощью аннотаций Сайт: https://www.stepsize.com/ #полезно #инструменты 👉 @frontend_mind

Всем привет! Ребята создали чат-бота, который рассылает релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай предложения отобранные по твоим предпочтениям @MasterHuBot

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

✨Топ плагинов для Photoshop 👉 Pexels Photoshop Plugin — Позволяет получить доступ к фотографиям сервиса Pexels непосредственно из редактора, чтобы легко находить и использовать фотографии, не покидая Photoshop. 👉 HDR Sharpener — Позволяет добавлять HDR-эффекты за несколько простых шагов. Имеет ползунок для регулировки силы эффекта. 👉 Seamless Textures Generator — Плагин позволяет создавать узоры и текстуры из ваших собственных изображений всего за несколько кликов. 👉 Pixel2Vector Converter — Позволяет генерировать векторные фигуры из обычных пиксельных изображений. Можно скопировать текст с изображения и изменить его размер, избегая пикселизации. 👉 Ink — Предоставляет дополнительную информацию о макете, документируя слои начиная типографией и заканчивая эффектами с размерами слоев. 👉 Tych Panel 2 — Автоматизирует создание фотоколлажей. Имеет простой интерфейс и открытый исходный код. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

​Через 48 часов эта информация станет недоступна. С 22 по 25 апреля пройдет интенсив, на котором вы сможете написать фронтенд для сайта услуг по сборке ПК (используя JavaScript). Будете практиковаться, задавать вопросы и получать обратную связь. А заодно получите план-схему что и как учить, чтобы быстрее освоить профессию. В итоге сделаете работу для портфолио и заложите крепкую базу для старта. Подробная программа 📋 ✅ 1 День — Разберем какие есть варианты подключения JavaScript — Получим необходимые элементы для реализации Аккордеона — Реализуем Аккордеон ✅ 2 День — Напишем функции для открытия и закрытия модального окна — Современным способом реализуем плавную прокрутку на странице ✅ 3 День — Разберем объект Date — Напишем обратный таймер до нужной даты ✅ 4 День — Напишем функцию для отправки данных на сервер с помощью Fetch — Ко всем формам на странице применим нашу функцию отправки Переходите по ссылке, жмите “Начать” и получите приглашение: telegram.me/gloacad…demy_bot

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

Apexcharts.js — Библиотека для создания диаграмм Позволяет создавать интерактивные визуализации данных с помощью простого API. Особенности / преимущества: ✔️Более 100 типов диаграмм, готовых к использованию ✔️Поддержка мобильных устройств ✔️Возможность глубокой настройки диаграмм ✔️Доступно для Angular, Vue, React и т.д Сайт: https://apexcharts.com/ Гит: https://github.com/apexcharts/apexcharts.js #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

Code Time — Плагин для отслеживания времени программирования Позволяет свести к минимуму отвлекающие факторы и узнать самое продуктивное время дня. Особенности: 👉 Открытый исходный код 👉 Интеграция с множеством IDE (Sublime Text, VS Code, Atom, Jet Brains и т.д) 👉 Еженедельные отчеты по электронной почте 👉 Визуализация данных Сайт: https://www.software.com/product/code-time GitHub: https://github.com/swdotcom #полезно #инструменты 👉 @frontend_mind

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

Решение задачи "Множители факториала" #codewars #легко #js #ответы #40kata 👉 @frontend_mind