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

Открыть бизнес? Конечно, со Сбером! За 0₽ любой тариф расчётно-кассового обслуживания на месяц, выбирайте тот, который больше всего подойдёт вашему делу. А также: ✅ бесплатные сервисы для ведения бизнеса: бухгалтерия для ИП, юрподдержка, электронный документооборот, отчётность в госорганы и многое другое. Всё, чтобы вам было удобно! ✅ специальные условия для тех, кто ведёт бизнес на маркетплейсах: безлимитные переводы на счета физлиц без комиссии. Откройте счёт онлайн или в любом нашем офисе. Узнать больше Финансовые услуги оказывает: ПАО Сбербанк. #реклама sberbank.com О рекламодателе

​Настраиваем внешний вид клавиши ввода. Глобальный атрибут enterkeyhint применяется к элементам формы (например, <input>, <textarea>) или для любых элементов с атрибутом contenteditable. Подсказывает браузеру, как должна выглядеть клавиша ввода на экранной клавиатуре. Пример

<input type="text" enterkeyhint="search">
<p contenteditable enterkeyhint="enter"></p>

Атрибут enterkeyhint принимает одно из следующих значений: enter - Значение по умолчанию. Метка будет изменена на текст return или иконку ↵. Означает переход на новую строку. done - Метка изменится на текст done или иконку ✓. Означает, что больше нечего вводить и виртуальная клавиатура закроется. go - Метка изменится на текст go или иконку →. Означает переход к следующему целевому объекту введённого текста. next - Метка изменится на текст next или иконку ⇥. Означает переход к следующему полю ввода. previous - Метка изменится на текст return или иконку ⇤. Означает переход к предыдущему полю ввода. search - Метка изменится на текст search или иконку 🔍. Означает переход к результатам поиска. send - Метка изменится на текст send. Означает отправку текста. Посмотрите на смартфоне или планшете Демо, чтобы увидеть, как будет изменяться клавиша ввода в каждом из полей: 👉 @frontendInterview

Тревожное утро 👉 @frontendInterview

Бесплатный онлайн-курс по дизайну от студии "Логомашина" Попробуй 2 самые востребованные профессии в дизайне и осваивай ту, что по душе! Получи пошаговый план развития, сделай кейс в портфолио и узнай, как получать заказы Спикеры — практикующие дизайнеры с многолетним опытом Записывайся, количество мест ограничено! Зарегистрироваться #реклама 16+ study.logomachine.ru О рекламодателе

🚀 Хотите стать экспертом в Angular? Пройдите тест и узнайте, готовы ли вы к нашему курсу! Перед тем как погрузиться в мир Angular, проверьте свои знания JavaScript с помощью нашего вступительного теста. Это не только отличный способ оценить ваш уровень, но и первый шаг к освоению одного из самых востребованных фреймворков для веб-разработки. 🌍 Что вас ждёт на курсе Angular Developer? - Создание SPA приложений с использованием лучших практик. - Работа с TypeScript для создания чистого и поддерживаемого кода. - Глубокие знания Angular для реальных проектов. - Освоение реактивного программирования с помощью RxJS. - Оптимизация производительности приложений. 👨‍💻 Для кого этот курс? - JavaScript-разработчики, желающие углубить свои знания и освоить Angular. - Backend-разработчики, стремящиеся стать Fullstack-разработчиками. - Начинающие фронтендеры, готовые освоить строгий и структурированный фреймворк. Что даст вам курс? - Вы научитесь создавать высококачественные приложения с Angular. - Освоите современные подходы в разработке с использованием TypeScript и RxJS. - Станете уверенным в написании масштабируемого и легко поддерживаемого кода. 🔥 Проходите тест и узнайте свой уровень! Он поможет вам понять, насколько готовы к курсу, а также какие темы стоит освежить перед началом обучения. Тест и подробнее о курсе Angular Developer - https://clck.ru/3N4Z2n Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 Erid 2SDnjc5sRWe

Доморощенный OSINT для соискателя. Краткая инструкция О том, сколько чудесного и неожиданного можно узнать о потенциальном работодателе из открытых данных, и что делать, чтобы не проработать месяц-два бесплатно и не обмануться с другими ожиданиями. Спойлер: возможно все — от потенциального банкротства компании до дела о мошенничестве. 👉 @frontendInterview

​Как сделать плавные анимации при переходе между страницами? view-transition — это CSS-директива для создания плавных анимаций перехода между страницами сайта. Настроить переход можно в одно правило. Браузер применит дефолтную cross-fade анимацию:

@view-transition {
  navigation: auto;
}

Если нужно закастомить, можно добавить свою:

::view-transition-old(root) {
  animation: 0.3s ease-in-out both slideOut;
}

::view-transition-new(root) {
  animation: 0.3s ease-in-out both zoomIn;
}

Пара советов по использованию: - Если у вас простой сайт и все переходы стандартизированы, удобно описать их в глобальном стилевом файле. - Если хотите использовать разные переходы для разных страниц в иерархии, описывайте их в стилевых файлах соответствующих страниц. - Переходы отдельных элементов подчиняются той же логике: общие для всех страниц — в глобальном стилевом файле, специфичные — рядом с местом использования. - Заботьтесь о своих пользователях: не пичкайте красивостями пользователей, которым они не нужны, и проверяйте корректность анимаций на разных устройствах. 👉 @frontendInterview

Наставничество — не работа. Это твой шанс стать тем, кого слушают и прислушиваются😀 Сейчас самое время чтобы стать наставником для поколения, которое изменит мир. «Алабуга Политех» открывает двери экспертам направлений: – Бизнес-информатика 1С; – Бухгалтерский учет; – Экономика; – Русский язык как иностранный. – И многих других 😀 Реализуйте собственный потенциал и обучайте лучших студентов России и СНГ. Не теряйте возможность присоединиться к команде мечты — пишите нашему специалисту 😀 Создавайте будущее уже сегодня! 😀

Гайд для CEO по подготовке и проведению вебинаров Как CEO оптимизировать бизнес-процессы с помощью вебинаров и повысить прибыль компании? Гайд от МТС Линк по подготовке и проведению эффективных вебинаров. ✅ В гайде: - Как выбрать день и время для вебинаров, чтобы максимизировать ROI; - Как улучшить коммуникацию с клиентами и партнёрами для роста бизнеса; - Как сократить расходы на event-маркетинг и повысить эффективность команды; - Как измерить вклад вебинаров в прибыль компании и масштабировать успех. ✨ Скачайте гайд бесплатно по ссылке Скачать #реклама 16+ mts-link.ru О рекламодателе

​Зачем нужен https? HTTPS (HyperText Transfer Protocol Secure) — это безопасная версия HTTP, которая шифрует данные между браузером и сервером. Он защищает пользователей и сайты от перехвата данных, атак и подделки информации. Главные причины использовать HTTPS Шифрование данных (Защита от перехвата) Без HTTPS злоумышленники могут перехватить* данные, например, пароли или банковские карты. В HTTP данные передаются открытым текстом (их легко украсть в открытых Wi-Fi). В HTTPS данные зашифрованы с помощью SSL/TLS, и даже если их перехватят, их невозможно прочитать. Защита от атак "Человек посередине" (MITM) Без HTTPS злоумышленник может подменить содержимое сайта. Опасные сценарии: Хакер в Wi-Fi кафе встраивает вредоносный код в сайт. Вредоносный провайдер заменяет рекламу или ворует куки. Google даёт больше доверия к HTTPS-сайтам Google понижает в поиске сайты без HTTPS, а Chrome помечает их как "Небезопасные". Обязателен для онлайн-платежей и авторизации Для ввода паролей, карт и личных данных HTTPS обязателен по закону (например, PCI DSS для платежей). Если сайт работает без HTTPS, браузеры блокируют передачу банковских данных. 👉 @frontendInterview

Two Sum Создайте функцию, которая принимает массив чисел и целевое число. Найдите в массиве два числа, которые в сумме дадут целевое число. Пример:

 twoSum([1, 2, 3], 4) // returns [0, 2] or [2, 0]

👉 @frontendInterview

Веб-дизайн для начинающих. HTML, CSS, jаvascript и веб-графика Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы JS и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений. 👉 @frontendInterview

Когда использовать рекурсию, а когда лучше использовать цикл? В программировании под рекурсией чаще всего понимают функцию, которая вызывает саму себя. При решении некоторых задач мы можем обнаружить, что решение можно разбить на несколько простых действий и более простой вариант той же задачи. Когда использовать рекурсию Сама по себе рекурсия — это всего лишь инструмент. Нет чётких правил, когда её надо использовать, а когда — нет. Есть лишь некоторые рекомендации. - Если вы работаете с рекурсивной структурой данных, лучше использовать рекурсию — это будет сильно проще. - Если промежуточный результат выполнения функции можно закэшировать, то стоит подумать об использовании рекурсии. Когда использовать цикл - Если рекурсивную функцию сложно читать или отлаживать, можно превратить её в цикл. Код станет менее лаконичным, но сил на отладку будет уходить меньше. - Если вам жизненно необходимо оптимизировать работу программы, рекурсию можно переписать на цикл. Это почти всегда работает быстрее.

Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуальными программами и гибким графиком обучения. Получите высокооплачиваемую IT профессию, официальный диплом и практические знания. Господдержка оплаты. Совмещение с работой! Подать заявку #реклама 16+ О рекламодателе

Только 🤫 👉 @frontendInterview

🥾 Первый шаг в Angular - создаем приложение с нуля Вводное знакомство с Angular - современным фреймворком для разработки веб-приложений. Мы расскажем о его основных концепциях, структуре и возможностях. 👉 Какие ключевые темы и вопросы будут рассмотрены на вебинаре? - Что такое Angular и зачем он нужен - Основные компоненты Angular:Модули, компоненты, директивы, пайпы, сервисы - Работа с данными: привязка данных (data binding) - Основы маршрутизации (routing) - Простая форма и валидация - Как запустить и протестировать приложение - Какие результаты и навыки получат участники после вебинара? Бесплатный вебинар проходит в рамках курса “Angular Developer“ Регистрация и подробнее о курсе Angular Developer - https://vk.cc/cNpeb3 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 Erid 2SDnjcKNsb3