Senior Frontend - javascript, html, css

Сравнение строк Напишите функцию, которая проверяет, может ли строка быть воссоздана с использованием символов двух других строк. Первый параметр функции - создаваемая строка. Второй и третий - используемые строки Функция не должна быть чувствительна к регистрам, а также должна использовать все символы из строк. Примеры:

isMatching("email box", "b aIl", "Mo x e") return true
isMatching("bouh", "0b", "uh") return false
isMatching("kata", "kt", "aaa") return false

👉 @seniorFront

Современная магистратура от Центрального университета Хочешь развиваться в сфере ИТ и получить фундаментальные знания с практикой? Поступай в магистратуру Центрального университета! - 4 офлайн программы по востребованным направлениям ИТ - Онлайн-программа по машинному обучению - 300 мест с грантами до 1,2 млн руб. - Вечерние занятия и учеба по выходным — удобно совмещать с работой - Обучение по модели STEM-образования: на стыке науки, технологий и бизнеса - Возможность стажировок и трудоустройства в ведущих компаниях - Государственный диплом за 2 года Магистратура в Центральном университете — это современный подход к образованию, сильный преподавательский состав и актуальные кейсы от индустрии. Оставляй заявку на грант уже сейчас! Подать заявку #реклама 16+ apply.centraluniversity.ru О рекламодателе

Wow Winter Blanket Реализовано с использованием библиотеки Three.js 👉 @seniorFront

Wavy Shape Card В этом видео создается карточка с границей в форме волны на чистом CSS 👉 @seniorFront

One Page sliding Nav Навигационное меню, реализованное с использованием препроцессоров Pug и Stylus. 👉 @seniorFront

Space Junk preloader Оригинальный загрузчик, реализованный на HTML и CSS. Анимирован библиотекой TweenMax. 👉 @seniorFront

Pov: выдал джуну задачу и наблюдаешь за работой 👉 @seniorFront

CSS Card Hover Effects В этом видео создаются карточки с 3D эффектом переворота при наведении на HTML и CSS. 👉 @seniorFront

Get lost into space Сцена создана и анимирована при помощи библиотеки Three.js 👉 @seniorFront

Роль СТО: как из разработчика вырасти в технологического лидера В этом посте я поделюсь своим видением эволюции технического лидера команды до CTO крупного подразделения, про возникавшие на моем пути вызовы и постараюсь сформулировать практические советы, которые помогли мне с ними справляться. Надеюсь, они будут полезны и вам. 👉 @seniorFront

​КАША в голове, КАША в коде — как навести порядок Новички в программировании часто ныряют в сложные проекты, вдохновившись успехами других. Но без фундамента — это дорога к хаосу. Вот 7 советов, чтобы не сгореть на старте: Фундамент важнее фасада Сначала разберись в основах, а потом строй "свой Instagram". Без понимания основ твой код — декорация, которая рухнет на первом вопросе. Пиши понятный код Назови переменные так, чтобы через неделю не гадать, что делает doIt(). Простые имена и структура спасут нервы тебе и коллегам. Не зубри, а ищи Не пытайся запомнить всё. Знай, что инструмент существует, и умей его найти (Google/ИИ в помощь). Копипаст — не грех Гуглить и копировать — норм. Главное, учись задавать вопросы чётко, а не "у меня не работает". Уточняй проблему Не понимаешь код? Разбей проблему на части: что именно неясно? Назови проблему — и половина уже решена. Простота > сложность Сложные имена и конструкции не делают код умнее. Делай понятно, читабельно и без лишних заморочек. Экспериментируй Первое решение — не всегда лучшее. Пробуй разные подходы, сравнивай, учись. Пока учишься, ошибаться не страшно. Итог: строй фундамент, пиши просто, не бойся гуглить и экспериментировать. Тогда каша в голове превратится в порядок! 👉 @seniorFront

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

Lowpoly holy space cow Это SVG картинка, анимированная в JS. 👉 @seniorFront

Зачем размещают статический контент на отдельные домены? Статический контент – это файлы, которые не изменяются на сервере и могут кэшироваться у пользователей: - CSS, JavaScript - Изображения, видео - Шрифты, иконки Чтобы ускорить загрузку сайта и снизить нагрузку на основной сервер, статические файлы часто выносят на отдельный домен или CDN. Зачем использовать отдельные домены для статики? Разгрузка основного сервера Основной сервер обрабатывает только динамический контент (например, API-запросы). Статические файлы отдаются с другого сервера быстрее Ускорение загрузки сайта Браузеры ограничивают количество одновременных соединений к одному домену (обычно 6-8). Если статика загружается с другого домена, браузер может скачивать больше файлов одновременно. Кэширование и CDN Отдельный домен можно использовать через CDN (Cloudflare, AWS S3, Vercel, Fastly). Это уменьшает задержки и ускоряет загрузку контента по всему миру Уменьшение размера cookie Основной сайт передает cookies при каждом запросе. Если статика загружается с отдельного домена без cookies (static.example.com), это снижает трафик Как настроить отдельный домен для статики? Создать поддомен для статики Обычно статику размещают на поддомене: static.example.com cdn.example.com assets.example.com Настроить веб-сервер или CDN Если используем NGINX:

  server {
    server_name static.example.com;
    root /var/www/static;
  }

👉 @seniorFront

Команда на одной волне: неформальные правила ИТ разработки, которые реально работают Последние полгода у меня зрела мысль поделиться накопленным опытом нашей ИТ-команды, но подходящего повода не находилось, пока я не попал на мероприятие по «практикам прозрачных процессов». Там я снова услышал знакомую проблему — одни и те же абстрактные ответы без примеров и конкретных решений на вопросы коллег. Хотя я всего лишь рядовой участник воркшопов, а не спикер, регулярно замечаю эту тенденцию. Поэтому ничего другого не остаётся, как описать реальные практики, которые наша команда успешно использует уже несколько лет. Это не теория из учебников, а проверенные решения, которые действительно работают в наших условиях. 👉 @seniorFront

Merged String Checker На собеседовании вам предстоит написать алгоритм, проверяющий, может ли строка(s), быть сформирована из двух других строк, part1 и part2. Ограничение состоит в том, что символы в part1 и part2 должны располагаться в том же порядке, что и в s. Пример:

'xcyc', 'xc', 'yc' —> // true
'xcyc', 'yc', 'xc' —> // true
'codewars', 'code', 'wars' —> // true
'codewars', 'cdwr', 'oeas' —> // true
'codewars', 'code', 'code' —> // false

👉 @seniorFront

Monument Valley in Space Оригинальная карточка с эффектом при наведении, реализованная на angular. 👉 @seniorFront

Animated Circular Progress Bar В этом видео создаётся анимированная полоса загрузки на CSS и JS. 👉 @seniorFront