Frontend Interview - собеседования по Javascript / Html / Css

🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

Какие подходы и методологии вы используете для обработки ошибок в JavaScript на больших проектах? Обработка ошибок в JavaScript на больших проектах важна для обеспечения стабильности и надежности приложения. Ниже приведены пять подходов и методологий, которые могут быть использованы для обработки ошибок в JavaScript на больших проектах: 1. Использование try-catch блоков для перехвата и обработки ошибок в конкретных участках кода. 2. Логирование ошибок в файлы или базы данных для последующего анализа и исправления. 3. Использование библиотек для обработки ошибок, таких как Sentry, Rollbar или Bugsnag. 4. Использование тестирования для обнаружения и исправления ошибок до их появления в продакшене. 5. Использование статического анализа кода для обнаружения потенциальных ошибок. 👉 @frontendInterview

Генератор хештэгов Вам дана строка, состоящая из нескольких слов. Вам нужно преобразовать эту строку в хештэг. Если строка пустая, то функция должна вернуть false. Примеры:

 " Hello there thanks for trying my Kata"
 //"#HelloThereThanksForTryingMyKata"

 "    Hello     World   "
 //"#HelloWorld"

 ""
 //false

👉 @frontendInterview

CI/CD Pipeline with Docker and Jenkins: Learn How to Build and Manage Your CI/CD Pipelines Effectively Книга представляет собой правильное сочетание повествования, концепций и реальной реализации. Книга фокусируется на пути к CI/CD зрелости команды с точки зрения DevOps. 👉 @frontendInterview

👉 @frontendInterview

​Какие преимущества и недостатки имеет методология БЭМ (Блок-Элемент-Модификатор) в CSS-разработке? Методология БЭМ в CSS-разработке имеет свои преимущества и недостатки. Преимущества методологии БЭМ: 1. Улучшенная читаемость кода CSS благодаря использованию именования блоков, элементов и модификаторов. 2. Упрощение поддержки и расширения кода благодаря модульному подходу и возможности переиспользования блоков и элементов. 3. Улучшенная структуризация CSS-кода и уменьшение вероятности конфликтов и перезаписи стилей. 4. Улучшенная совместная работа в команде благодаря единому подходу к именованию и структуризации кода. Недостатки методологии БЭМ: 1. Увеличение объема CSS-кода и усложнение его чтения и написания. 2. Необходимость значительного количества дополнительных классов для каждого элемента и модификатора, что может привести к усложнению кода. 3. Ограничения в гибкости и возможности изменения стилей, так как изменение стиля блока может повлиять на другие блоки и элементы. 4. Необходимость дополнительных усилий для обучения и принятия методологии в команде разработчиков. Тем не менее, методология БЭМ является популярным и эффективным подходом к CSS-разработке, который может быть полезен для организации работы в больших проектах и командах. 👉 @frontendInterview

​Всем привет! С 22 мая по 2 июня пройдет Mock Interview Fest — первый онлайн-фест тестовых собеседований для специалистов из IT и digital, которые хотят строить международную карьеру. 1 неделя — эфиры про поиск работы за рубежом, а также тестовые собеседования с международными рекрутерами AgileFluent; 2 неделя — мок-интервью на английском языке по следующим направлениям: iOS, JavaScript, QA, Business Analytics, UX/UI Design с менторами Solvery. Стрим с собеседованием на Software Engineer пройдет 31 мая в 19:00 по Москве 🤩 Что будет на стриме? - Ментор Solvery — Павел Тетерин проведет собеседование на английском языке; - 1 час собеседование, и 30 минут — обратная связь + ответы на вопросы зрителей. Можно зарегистрироваться - В качестве зрителя/ собеседуемого на первую неделю интервью для проверки софт скиллов; - В качестве зрителя на Software Engineer 🍿 - В качестве собеседуемого на интервью с Майклом для проверки хардов 🥷 Один собеседуемый будет выбран случайным образом и объявлен за несколько дней до проведения стрима, чтобы можно было подготовиться. Условия для участия в собеседовании: - Вы либо готовитесь к первой работе за рубежом, либо уже работаете и хотите оценить свои навыки; - Необходимо приложить ссылку на резюме; - Наличие тихого места 😶, камеры 📹 и стабильного интернета 🌐; - Все собеседования будут проходить на английском. Почему стоит принять участие? - Вы получите отличный опыт прохождения собеседования; - Участие в стриме — кейс, который отлично смотрится в резюме и демонстрирует ваши софт скилы и уверенность в себе; - Получите обратную связь от ментора/ рекрутера и зададите любые вопросы; - Просто кайфово проведете время 😉. Регистрируйтесь по ссылке в качестве зрителя или участника, чтобы получить подарки и не пропусть напоминания. Всем хорошего дня! 😉

Пока начинающие специалисты пытаются выполнить все требования рынка труда. И одной рукой создают сайт, другой админят сервер, а третьей заботятся о безопасности и SEO-продвижении. Профи и самые прошаренные пользуются панелью управления Ispmanager. Потому что, как бы..зачем? Зачем что-то делать самому, если можно кнопочки тык-тык и SSL сам продлится, веб-сервер и веб-окружение установится на сервер, сайт развернётся за пару кликов, а всякие штуки по безопасности и SEO-оптимизации сделают всю работу за тебя. В общем — вещь, рекомендую. Я лично управляю с помощью Ispmanager, но выбор широк, как среди бесплатных, так и платных. В общем, делайте легче, делайте играючи. 😁

Как браузер рисует страницы? Чтобы нарисовать на экране результат работы нашего кода, браузеру нужно выполнить несколько этапов: - Сперва ему нужно скачать исходники. - Затем их нужно прочитать и распарсить. - После этого браузер приступает к рендерингу — отрисовке. Подробнее про каждый этап в статье. 👉 @frontendInterview

Спустя полтора месяца MoscowJS снова здесь! 52-й по счёту митап уже 18 мая и на этот раз в гостях у Авито. Как всегда насыщенная программа: ⚡️ Профилирование фронтенда в проде Илья Алонов из Авито ⚡️ Доступность для всех Татьяна Чуйкова и Артём Чугаинов из Kaspersky ⚡️ Pet-projects: песочница для разработчика Паша Кондаков из Тинькофф ⚡️ It is fine, или Как эффективно выгореть Ольга Кобец В прямом эфире можно будет задать вопросы спикерам. Смотрите трансляцию митапа на ютуб-канале AvitoTech 18 мая в 19:00. Подписывайтесь на канал, ставьте колокольчик под видео и добавляйте встречу себе в календарь, чтобы не пропустить. Реклама. ООО «Авито Тех». LdtCKPRBz

​Как создать анимированный градиентный фон на сайте при помощи CSS? Для создания анимированного градиентного фона на сайте при помощи CSS можно использовать свойство background и задать несколько градиентов в CSS. Например, можно задать два градиента и использовать анимацию для их плавного перехода друг в друга. Ниже приведен пример CSS кода:

 background: linear-gradient(to right, #000000, #ffffff), linear-gradient(to right, #ffffff, #000000);
 background-size: 200% 100%;
 background-position: left bottom;
 animation: gradient 10s ease infinite;

 @keyframes gradient {
     0% {
         background-position: left bottom;
     }
     100% {
         background-position: right bottom;
     }
 }

В этом примере мы задали два линейных градиента, которые идут друг за другом. Затем мы установили размер фона в 200% и позицию на левой стороне нижнего края. Далее мы задали анимацию gradient, которая будет длиться 10 секунд, иметь функцию плавности ease и будет повторяться бесконечно. Внутри анимации мы задали два ключевых кадра: 0%, где позиция фона находится на левой стороне нижнего края, и 100%, где позиция фона находится на правой стороне нижнего края. 👉 @frontendInterview

Какие паттерны в React нужно знать JS-разработчику? ✔️Разберем основные паттерны на открытом уроке 16 мая в 20:00 мск в OTUS. Занятие пройдет в рамках онлайн-курса «React.js Developer» в OTUS. На занятии мы также применим несколько часто встречающихся паттернов на практике. Больше навыков работы с React.js вы сможете получить на курсе. Хороший разработчик всегда думает о качестве и удобстве использования кода, особенно при написании библиотек компонентов. Сообщество React разработало несколько классных паттернов, которые помогут создать идеальные компоненты с лучшей контролируемостью и расширяемостью. ✍️Для участия пройдите вступительный тест https://otus.pw/Hnm0/ Курс доступен в рассрочку. Нативная интеграция. Информация о продукте www.otus.ru

Создание номера телефона Создайте функцию, которая принимает массив из 10 чисел и возвращает строку в виде номера телефона, составленного из этих чисел. Пример: createPhoneNumber([1, 2, 3, 4, 5, 6, 7, 8, 9, 0]) // => returns "(123) 456-7890" 👉 @frontendInterview

Docker Compose для разработчика: Упростите разработку и оркестрацию многоконтейнерных приложений Разработка программного обеспечения становится все сложнее из-за использования различных инструментов. Приложения приходится упаковывать вместе с программными компонентами, чтобы упростить их работу, но это усложняет их запуск. С помощью Docker Compose можно всего одной командой настроить приложение и необходимые зависимости. Вы познакомитесь с основами томов и сетей Docker, с командами Compose, их назначением и вариантами использования. Настроите базу данных для повседневной работы, доступную через сеть Docker, установите связь между микросервисами. 👉 @frontendInterview