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

How many arguments Создайте функцию args_count, которая возвращает количество предоставленных аргументов Пример:

args_count(1, 2, 3) -> 3
args_count(1, 2, 3, 10) -> 4

👉 @frontendInterview

Построение пользовательских интерфейсов Интерфейс — лицо электронного продукта. Лицо успешных сайтов, приложений и программ вызывает у пользователей доверие и симпатию. Построение пользовательских интерфейсов — интересная и многогранная работа. Эта книга будет полезна всем, кто участвует в работе над созданием электронных продуктов. Вы начинающий дизайнер интерфейсов? Книга поможет углубить и расширить знания о профессии. Вы практикующий UI/UX-дизайнер? Из книги вы почерпнёте инструменты и методики, которые позволят увеличить эффективность вашей работы. Вы менеджер, глава студии или стартапа? Эта книга поможет вам наладить и систематизировать процессы в команде. 👉 @frontendInterview

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

Как браузер понимает что картинка является картинкой? Браузер понимает, что файл является картинкой, благодаря MIME-типу, расширению файла и контексту его использования в HTML. Рассмотрим подробнее. MIME-тип (Media Type) MIME-тип (Multipurpose Internet Mail Extensions) сообщает браузеру, какой тип контента загружается. Например: - image/png → PNG - image/jpeg → JPEG - image/svg+xml → SVG - image/gif → GIF - image/webp → WebP

Content-Type: image/png

Расширение файла Хотя MIME-тип важнее, браузер также может ориентироваться на расширение файла (.jpg, .png, .gif).

<img src="picture.jpg" alt="Картинка">

HTML-теги и атрибуты Когда браузер встречает в коде такие теги, как <img>, <picture>, <canvas>, он ожидает, что внутри будет изображение.

<img src="image.png" alt="Пример картинки">

Формат и сигнатура файла Даже если расширение и MIME-тип указаны неверно, браузер может проверить сигнатуру файла (первые байты). Например: - PNG-файл всегда начинается с байтов 89 50 4E 47 (что означает "PNG" в ASCII). - JPEG — FF D8 FF. - GIF — 47 49 46 38 (GIF89a). 👉 @frontendInterview

Разработчик и обучающий видос 👉 @frontendInterview

Хотите углубить знания в JavaScript и работать с самыми популярными фреймворками? Прокачайте свои навыки до профессионального уровня с курсом «JavaScript Developer. Professional» от OTUS. Мы предлагаем практический курс, где вы: - Изучите передовые технологии, такие как ReactJS, Angular, Vue, Node.js и другие. - Научитесь работать с такими инструментами, как Webpack, TDD, и PostgreSQL. - Примените знания на практике: создадите сложные веб-приложения, протестируете их, организуете хранение данных и многое другое. Вы сможете: • Создавать приложения для реальных проектов. • Применять паттерны проектирования. • Работать с асинхронностью, тестированием, оптимизацией. Пройдите вступительное тестирование и получите скидку на обучение: https://clck.ru/3NHpqF Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjezv3yQ

У тебя уже есть знания, проекты в портфолио, резюме, ты учишь вопросы с собеседований. Но офферов всё нет. Что не так? 📌 У меня было так же. Думал, что всё дело в навыках — а оказалось, что у меня не было стратегии поиска. Не понимал, с чего начать, как выделиться среди других, что говорить на собеседовании и как вообще туда попасть. Пробовал наугад — откликался на всё подряд, писал одно и то же, расстраивался, когда не отвечали. 💡 Потом наткнулся на бесплатный гайд с пошаговым планом: как построить стратегию поиска работы от Яндекс Практикума — и многое стало понятно. Там простыми словами объясняют: – как перейти от обучения к поиску работы, – как составить резюме, которое цепляет, – как написать так, чтобы HR заметил, – как вести себя на интервью, – как устроен найм изнутри. Кроме этого, у Практикума есть еще большая подборка видео с рекомендациями от HR и примерами реальных собеседований. 👉 Гайд в прикреплённом файле. Советую начать с него, а потом еще и видео с экспертами посмотреть, чтобы получить заветный оффер.  Реклама, АНО ДПО “Образовательные технологии Яндекса”, ИНН 7704282033

Шаг за шагом проектируем сокращатель ссылок В этой статье я хочу показать, что из себя представляет System Design. На примере простого и очень популярного насобеседованиях сервиса «Сокращатель ссылок», мы рассмотрим стадии System Design и в конце у нас будет готова схема системы со всеми расчетами. 👉 @frontendInterview

👩‍💻 Знаете JavaScript, но хотите углубить свои знания и освоить серверную разработку? 🔥 Пора выйти на новый уровень с курсом «Node.js Developer» от OTUS! Это повышение квалификации для тех, кто хочет научиться разрабатывать мощные серверные приложения на Node.js с использованием Express, TypeScript, GraphQL, Apollo и Nest.js. Вы получите знания, которые востребованы на рынке, и навыки, которые можно сразу применять в реальных проектах. 🦾 Практические занятия, опытные преподаватели и поддержка на протяжении всего обучения — вот что делает курс уникальным. Вы освоите работу с базами данных MongoDB и PostgreSQL, научитесь строить архитектуру приложения и создавать серверные решения с нуля. ➡️ Пройдите вступительное тестирование и присоединяйтесь к группе: https://clck.ru/3NFvaB Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjdU9CmL

Тултип Это небольшая всплывающая подсказка с дополнительной информацией о функциях интерактивного элемента. Появляется при наведении курсора на элемент или взаимодействии с ним с клавиатуры. Это распространённый паттерн в веб-интерфейсах. Тултип полезен, когда у элемента нет подписи, только иконка. Или когда нужно подробнее раскрыть его назначение. Тултип может быть двух типов: - статичный — будет показываться только с одной, заранее выбранной, стороны; - адаптивный — будет появляться сверху, справа, снизу и слева от элемента в зависимости от наличия свободного места на экране. В статье разберём три способа создания тултипа: - Статичный. - Адаптивный на основе Intersection Observer. - Адаптивный на основе Popover API и CSS Anchor Positioning. 👉 @frontendInterview

Регистрируйтесь на Yandex Ecom Open Air 8 августа Море инсайтов для бизнеса, музыкальный open-air, лекции и нетворкинг. Участие бесплатно! Зарегистрироваться #реклама 18+ ecomfest.ru О рекламодателе

👉 @frontendInterview

Не пропустите! 23 июля в 20:00 пройдет бесплатный урок по теме "Зачем JavaScript-разработчику понимать бэкенд? От fetch до Node.js". Запись по ссылке: https://clck.ru/3NDEru Что будет на вебинаре? - Как устроено взаимодействие фронтенда с сервером: API, запросы, заголовки, ответы. - Почему поверхностные знания API тормозят рост и усложняют задачи. - Что нужно знать о Node.js и серверной части, даже если вы не fullstack. - Как уверенное понимание архитектуры влияет на производительность и автономность. - Почему знание бэкенда усиливает вашу позицию на проекте и на рынке. Что узнают участники? - Как работает связка клиент–сервер: от запроса до ответа. - Какие ошибки делают фронтендеры при работе с API — и как их избегать. - Как знание Node.js помогает даже тем, кто пишет только клиентскую часть. - Почему современный разработчик не может быть “только фронтом”. - Как это знание влияет на скорость разработки. Не забудьте записаться на урок и получить запись пред. вебинара: https://clck.ru/3NDEru Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru Erid 2SDnjcxcqRG

Зачем нужен docker? Это инструмент для создания, развертывания и управления контейнерами. Контейнер – это изолированная среда, которая содержит всё необходимое для работы приложения: код, зависимости, библиотеки, конфигурации. Решает проблему "работает у меня, но не у тебя" В разных средах могут быть разные версии зависимостей (Node.js, Python, базы данных). С Docker всё упаковано в контейнер, и приложение работает одинаково на любом сервере. Автоматизирует развертывание Без Docker развертывание – это настройка сервера, установка зависимостей, конфигурация окружения. С Docker – просто запускаем контейнер. Легко масштабировать Docker-контейнеры можно клонировать и запускать на разных серверах (например, в Kubernetes). Разделяет зависимости Каждое приложение работает в изолированной среде, и конфликты библиотек исключены. Работает везде (Windows, Mac, Linux, серверы, облако) Контейнер можно запустить где угодно, где установлен Docker. Как работает Docker? Создаем Dockerfile (инструкция для сборки контейнера) Пример для Node.js-приложения

# Базовый образ с Node.js
FROM node:18

# Устанавливаем рабочую директорию
WORKDIR /app

# Копируем файлы проекта
COPY package.json ./
RUN npm install
COPY . .

# Запускаем приложение
CMD ["node", "server.js"]

Собираем образ Docker (создаем "упакованный" контейнер)

docker build -t my-app .

Запускаем контейнер

docker run -p 3000:3000 my-app

👉 @frontendInterview

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Highest and Lowest В этой простой задаче вам дается строка чисел, разделенных пробелами, и вы должны вернуть наибольшее и наименьшее число Примеры:

highAndLow("1 2 3 4 5");   // return "5 1"
highAndLow("1 2 -3 4 5");  // return "5 -3"
highAndLow("1 9 3 4 -5");  // return "9 -5"

👉 @frontendInterview