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

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

12111 @frontend_mind
Открыть

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

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

    CodeTogether — Инструмент для обеспечения удаленного совместного программирования Позволяет легко переключаться между группами разработчиков, программирующих вместе и решать совместно возникающие проблемы. Особенности: 👉 Доступен для Eclipse, VS Code и IDE на основе IntelliJ 👉 Изменения в реальном времени 👉 Сквозное шифрование 👉 Потребляет только 4% нагрузки на процессор Сайт: https://www.codetogether.com/ #полезно #инструменты 👉 @frontend_mind

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

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

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

    Решение задачи "Перестановка" #codewars #легко #js #ответы #42kata 👉 @frontend_mind

  • Реклама

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

    Перестановка Напишите функцию scramble(str1, str2), которая возвращает true, если часть символов в str1 можно переставить так, чтобы они соответствовали str2, в противном случае возвращает false. Пример: 
    scramble('rkqodlw','world') - вернёт true

scramble('katas','steak') - вернёт false

scramble('cedewaraaossoqqyt','codewars') - вернёт true

scramble('scriptjavx','javascript') - вернёт false
    Использоваться будут только строчные буквы (a-z). Никакие знаки препинания или цифры не будут включены. Необходимо учитывать производительность. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #42kata 👉 @frontend_mind

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

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

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

    Flickity — Библиотека для добавления слайдеров Позволяет добавлять настраиваемые и адаптивные слайдеры на веб-сайт. Особенности / преимущества: ✔️Небольшой вес (11kB) ✔️Удобный API ✔️Настройка стиля с помощью CSS ✔️Готовые эффекты при перелистывании Сайт: https://flickity.metafizzy.co/ Гит: https://github.com/metafizzy/flickity #библиотеки #полезно #js 👉 @frontend_mind

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

    Интерактивный слайдер, выполненный с помощью фреймворка Vue.js. При клике на секцию показывается дополнительная информация #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Vercel — Платформа для развертывания и совместной работы Позволяет размещать в облаке веб-сайты и веб-приложения, которые мгновенно развертываются и автоматически масштабируются. Особенности: 👉 Работает более чем с 30 фреймворками 👉 Интеграция с GitHub, GitLab и Bitbucket 👉 Редактирование в реальном времени 👉 SSL-шифрование Сайт: https://vercel.com/ GitHub: https://github.com/vercel #полезно #инструменты 👉 @frontend_mind

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

    ​Стажировка в GeekBrains. Трудоустройство после обучения и зарплата от 180 000₽. Сейчас самое время освоить Frontend-разработку! Огромный спрос на Frontend-разработчиков. В них заинтересованы многие компании, чьи сайты призваны развлекать, продавать и приносить деньги. Хорошего специалиста Frontend-разработки “оторвут c руками”: интернет-магазины, информационные порталы, маркетплейсы, рекламные агентства, ритейлеры, сотовые операторы, банки и даже СМИ. Освоить все эти необходимые навыки и получить востребованную IT-специальность с гарантированным трудоустройством и 2-х месячной стажировкой в GeekBrains вы можете за 5 месяцев на онлайн-курсе “Профессия Frontend-разработчик”. За это время вы с нуля научитесь:  — Верстать сайты и овладеете адаптивной версткой.  — Создавать одностраничные приложения.  — Работать с HTML и CSS, Node.js.  — Владеть инструментами для модульной сборки — Parcel и Webpack.  — Использовать Vue.js и основных библиотек его экосистемы, разрабатывать компоненты на Vue.js.  — Работать с библиотекой ReactJS.  — Использовать концепцию Flux с применением библиотек Redux. Во время обучения вас ждёт самая настоящая стажировка в Geekbrains, результатом которой станут: умение работать в команде, пополнение портфолио, возможность указать работу над проектом в качестве профильного опыта работы в резюме. Переходите по ссылке и оставляйте заявку:  https://clc.to/Wl2GHQ

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

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

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

    ✨Топ сайтов со стоковыми видео 👉 MixKit — Предоставляет видео сгруппированные по категориям. Сервис позволяет получать уведомления о новых видео по электронной почте. 👉 Storyblocks Video — Множество различных роликов в высоком разрешении. легко найти нужное видео по множеству параметров. 👉 Videvo — Видео разбиты на категории. Сервис предоставляет информацию о разрешении, размере и формате выбранного видео. Также предложит похожие видео. 👉 Videezy — Позволяет найти нужное видео по ключевому слову, также видео разделены по категориям. Видео можно добавить в понравившееся, а также поделиться им. 👉 Life of Vids — Содержит коллекции, которые облегчают поиск того, что вам нужно. Сервис также позволяет выбрать в каком формате скачать видео. 👉 Pixabay — Предоставляет видео в форматах HD и 4K. Также позволяет найти видео по ключевому слову и скачать в разных резрешениях. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

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

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

    Vanillajs-datepicker — Библиотека для добавления Datepicker'ов Облегчает ввод даты и времени с помощью настраиваемых Datepicker'ов. Особенности / преимущества: ✔️Совместима с Firefox, Chrome, Safari, Edge ✔️Поддержка работы с клавиатурой ✔️Легко настраивается для адаптации к различным CSS-фреймворкам ✔️Не имеет зависимостей Гит: https://github.com/mymth/vanillajs-datepicker #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    ​Стиль написания кода в команде Единый стиль написания кода позволяет сосредоточиться на сути задачи вместо синтаксиса кода. Если единого стиля нет, то работа над теми же задачами занимает в среднем больше времени. Стиль кода — набор правил, как писать код в проекте. Они могут включать прямые рекомендации, примеры кода и т.д Преимущества единого стиля кода: 👉 Уменьшается разнобой в коде 👉 Уменьшается количество ошибок по неосторожности 👉 Ревью проходит быстрее 👉 Код во всей кодовой базе становится одинаковым 👉 Кодовая база лишается «личности» Автоматизация: Чтобы не отвлекаться на проверку стиля кода, сообщество придумало инструменты для автоматизации таких проверок. 👉 Автоформатирование при сохранении 👉 Линтеры Недостатки единого стиля кода: Недостатков у единого стиля мало и они достаточно субъективны, но они всё же есть. 👉 Надо договориться о стиле с командой 👉 Приходится переучиваться, если стиль не совпадает с вашим 👉 Настройка новых инструментов автоматизации Единый стиль код позволяет ускорить процесс разработки и сделать его более приятным. Современное сообщество предлагает несколько инструментов для автоматизации проверки стиля. Недостатки у единого стиля есть, но их можно назвать субъективными и пренебречь ими. 👉 Читать статью полностью #статья #js 👉 @frontend_mind

  • Реклама

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

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

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

    Glass UI — Генератор эффекта Glassmorphism Позволяет быстро создавать и настраивать эффект размытия с помощью множества настроек. Особенности: 👉 Возможность скопировать код 👉 Настройка прозрачности, насыщенности, цвета и т.д 👉 Открытый исходный код 👉 Набор готовых макетов для проверки эффекта Сайт: https://ui.glass/ Гит: https://github.com/themesberg/glass-ui #полезно #инструменты 👉 @frontend_mind

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

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