DNAStrand("AAAA") - вернёт "TTTT"
DNAStrand("ATTGC") - вернёт "TAACG"
DNAStrand("GTAT") - вернёт"CATA"
Цепочка ДНК никогда не бывает пустой
===Решать задачу на Codewars===
📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇
#codewars #легко #js #29kata
👉 @frontend_mind
Frontend Головного Мозга. Страница 39
12111
@frontend_mind
Настоящий клондайк для frontend-разработчиков.
-
Frontend Головного Мозга
Комплементарная ДНК ДНК — Химическое вещество, содержащееся в ядре клеток и несущее "инструкции" для развития и функционирования живых организмов. В цепочках ДНК символы «А» и «Т» комплементарны друг другу, как символы «С» и «G». Напишите функцию, которая получает одну цепочку (строку) ДНК и возвращает другую комплиментарную цепочку (строку). Пример: -
Frontend Головного Мозга
Стилизованные checkbox'ы, выполненные с помощью SVG и SCSS, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Frontend Головного Мозга
Tippy.js — библиотека для создания в сплывающих подсказок Позволяет создавать всплывающие подсказки, всплывающие окна, раскрывающихся списки и меню. Особенности / преимущества: ✔️Небольшой вес (13kB) ✔️Тонкая настройка и стилизация с помощью CSS ✔️Поддержка Safari, Chrome, Firefox, Opera и IE11 ✔️Встроенные темы оформления ✔️Основана на Popper.js Сайт: https://atomiks.github.io/tippyjs/ Гит: https://github.com/atomiks/tippyjs #библиотеки #полезно #js 👉 @frontend_mind -
Реклама
-
Frontend Головного Мозга
Смена дня и ночи, выполненная с помощью CSS и библиотеки jQuery. Смена дня и ночи происходит при клике на солнце/луну #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Frontend Головного Мозга
Puppetry — Конструктор E2E тестов Позволяет создавать, управлять и интегрировать автоматизированные E2E тесты. Особенности: 👉 Открытый исходный код 👉 Позволяет записывать взаимодействия с приложением 👉 Поддерживает различные подходы к тестированию 👉 Доступно для Windows, Linux, Mac Сайт: https://puppetry.app/ Гит: https://github.com/dsheiko/puppetry #полезно #инструменты 👉 @frontend_mind 
-
Frontend Головного Мозга
Эффект при наведении на кнопку, выполненный с помощью SVG, SCSS и библиотеки GSAP.js #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Frontend Головного Мозга
✨Топ инструментов мониторинга работоспособности сайта, Часть 1: 👉 Updown — Периодически проверяет состояние сайта, отправляя HTTP-запрос на любой URL. Если веб-сайт не отвечает, он уведомляет вас по SMS или электронной почте. Также предоставляет API для создания пользовательской интеграции 👉 StatusCake — Отправляет мгновенные оповещения, когда веб-сайт отключается. Также может оповещать, когда обнаруживаются какие-либо технические проблемы, такие как медленная загрузка. Позволяет проверить доступность веб-сайта из более чем 28 стран. 👉 Site24x7 — Автоматически ищет все устройства, доступные в указанном диапазоне IP-адресов. Позволяет увидеть лучшие устройства по времени отклика и потере пакетов. Также имеет более 4000 настраиваемых шаблонов устройств. 👉 Uptime — В случае сбоя программа уведомит вас по электронной почте, телефону или SMS. Проверяет доступность вашего веб-сайта из более чем 30 различных мест на 6 континентах. Обеспечивает широкий спектр интеграции с инструментами(Slack, Zapier, Datadog и т.д). 👉 Pingdom — С помощью этого инструмента клиенты получают оповещения о проблемах. Приложение позволяет отслеживать и анализировать время загрузки критических страниц сайта. Также позволяет проследить историю производительности. 👉 Host Tracker — Позволяет вам увидеть слабое место веб-сайта. Этот инструмент также помогает определить время отклика сайта и скорость страницы. Также позволяет проверить доступность веб-сайта более чем из 140 мест. Продолжение следует... А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind -
Frontend Головного Мозга
Объёмные карточки, выполненные с помощью SCSS, без использование JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Frontend Головного Мозга
C3.js — библиотека для создания диаграмм и графиков Позволяет создавать настраиваемые диаграммы для веб-приложений. Особенности / преимущества: ✔️Полностью настраиваемый внешний вид ✔️Предоставляет API и колбэки для доступа к состоянию диаграммы ✔️Графики построены на основе D3.js ✔️Поддерживает множество видов диаграмм (линейные диаграммы, гистрограммы, круговые и т.д) Сайт: https://c3js.org/ Гит: https://github.com/c3js/c3 #библиотеки #полезно #js 👉 @frontend_mind -
Frontend Головного Мозга
Есть несколько причин, почему большинство обучающих курсов малоэффективны. Во-первых, без жестких дедлайнов становится лень выполнять дз и смотреть видеоуроки. Первые дни после покупки курса ты замотивирован окупить свои вложения. Затем продолжаешь смотреть видеоуроки, но уже забиваешь на дз. А заканчивается все потерей полной мотивации к продолжению обучения спустя 1-2 месяца после покупки. Во-вторых, не хватает опытного наставника, который заинтересован в твоем результате и росте, а не в продолжении оплаты подписки учениками. Опытный наставник поможет преодолеть сложные моменты, на которых ты теряешь мотивацию продолжать работу, поможет выработать лучшие практики и пайплайны работ, расскажет о реальном опыте работы над проектами и фишках. В-третих, на курсах дают мало практики. Самостоятельная работа руками является единственным рабочим способом запомнить информацию и научиться делать эти работы. Чем больше практики, тем выше твои навыки и опыт. Отсюда вытекает, что идеальный курс построен на большом кол-ве практики под наставничеством опытного ментора, а его длительность — до 2-3 месяцев. Это должен быть настоящий интенсив, на котором ты фокусируешься и работаешь нон-стоп, но после которого выходишь готовым специалистом. Одним из таких примеров для начинающих разработчиков является интенсив по верстке и разработке на zerocode от Антона Шакирова, руководителя студии Method Zero, который пройдет с 7 февраля по 14 марта. Это отличный шанс попасть в IT сферу под наставничеством опытного разработчика и дизайнера. Антон научит верстке, запуску сайтов, научит разрабатывать wow-сайты с анимациями, интерактивами и сложными дизайн-решениями. Научит базовому дизайну для разработчиков и основам js. Сам интенсив построен на большом количестве практики и на обратной связи, за счет чего ты быстро всему научишься. Залетай на курс и реализуй свои амбиции. Подробное описание интенсива и запись по ссылке https://tinyurl.com/mr3sz36k -
Frontend Головного Мозга
Анимированный фрактал выполненный на чистом JavaScript #codepen #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Frontend Головного Мозга
Адаптивное изображение замка, выполненное с помощью SVG, SCSS и библиотеки GSAP.js #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Frontend Головного Мозга
📆 Frontend дайджест за прошедшую неделю 👉 Critical Patch Update от Oracle. В анонсе отмечается, что при обновлении каждого продукта следует обратиться к памятке об уязвимости библиотеки Log4j: в некоторых случаях нужно установить отдельный патч. 👉 Вышло обновление Chrome 97, оно закрывает критическую уязвимость, позволяющую обойти все уровни защиты браузера и выполнить код вне sandbox-окружения. Кроме этой уязвимости было устранено еще 26 менее значительных. 👉 Firefox 96 получил обновление в котором устранена проблема, приводящая к сбою браузера при изменении размера окна. 👉 Доступно Safari Technology Preview 138. В этой версии по умолчанию включены свойство :focus-visible, медиа-запрос resolution и свойство CSS Contain. Веб-инспектор и некоторые API получили ряд доработок и изменений. 👉 Вышла версия Node.js 17.4.0. Проведено множество багфиксов, обновления libuv и npm, небольшая доработка модуля stream и метода fork модуля child_process, в котором путь к модулю теперь может быть объектом URL. 👉 Доступно обновление Deno 1.18, в котором полностью поддерживается Web Crypto API, а файл конфигурации ищется автоматически, а версия V8 была улучшена до 9.8. #frontend_дайджест 👉 @frontend_mind 
-
Frontend Головного Мозга
Code Grepper — Расширение для браузера, облегчающие поиск решения проблемы Предлагает фрагменты кода, которые, могут быть связаны с вашим поисковым запросом. Особенности: 👉 Возможность добавить собственные фрагменты кода 👉 Поддержка множества языков программирования (C, C++, Java, PHP, JS, Go, TypeScript, Python и т.д) 👉 Доступно для Chrome и Firefox 👉 Мгновенное получение ответа Сайт: https://www.codegrepper.com/ #полезно #инструменты 👉 @frontend_mind -
Frontend Головного Мозга
Анимированная спираль ДНК с градиентным переливом, выполненная с помощью SCSS, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇 -
Реклама
-
Frontend Головного Мозга
Решение задачи "Текстовый редактор" #codewars #легко #js #ответы #28kata 👉 @frontend_mind 
-
Frontend Головного Мозга
Текстовый редактор Ваша команда разрабатывает новый текстовый редактор, и вам поручили внедрить нумерацию строк. Напишите функцию, которая принимает список строк и возвращает каждую строку с правильным номером. Нумерация начинается с 1. Обратите внимание на двоеточие и пробел. Пример: number([]) - вернёт [] number(["a", "b", "c"]) - вернёт ["1: a", "2: b", "3: c"]
Если функция принимает пустой массив, то должна вернуть пустой массив. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #28kata 👉 @frontend_mind -
Frontend Головного Мозга
Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇