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

90 вечеров с любимыми фильмами и сериалами. Всего за 1 ₽ Ответьте на один вопрос и откройте доступ сразу к двум сервисам: Кинопоиск и Яндекс Музыка на 90 дней 1 ₽ для вас и 3-х близких. Предложение ограничено до 01.05.2024 — успейте подключиться. Смотреть #реклама 18+ kinopoisk.ru О рекламодателе

👉 @frontendInterview

column-count Свойство column-count управляет количеством колонок, на которые будет разбит контент элемента. Если мы указываем только column-count, браузер думает: «Я разделю этот контент на столько-то колонок во что бы то ни стало». Если мы указываем одновременно column-count и column-width, например column-count: 4; и column-width: 250px;, то браузер думает так: - Если в элемент влезут 4 колонки по 250 px, то я отображу ровно 4 колонки, даже если они будут шире 250 px. - Иначе я отображу столько колонок, сколько получится, но чтобы ширина каждой была не менее 250 px. - Если ширина всего элемента меньше 250 px, то покажу контент в одну колонку на всю ширину. В демо ниже вы можете поменять количество колонок у заданного текста. Если выбрать вариант auto, ширина одной колонки составит 160px. 👉 @frontendInterview

🔥Тест по JavaScript от OTUS 🔥 Хотите изучить JavaScript на продвинутом уровне? Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе «JavaScript Developer. Professional» 🔗 Ссылка для прохождения теста 📅 После прохождения теста вы сможете записаться на два бесплатных открытых урока: - Как разрабатывать CLI на Node.js — 6 марта - TypeScript в Node.js для server-side приложений — 21 марта 💥 Получите высокую оценку при прохождении теста, сможете забронировать место в мартовской группе курса «JavaScript Developer. Professional» по спеццене! Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru Erid 2SDnjeZMZAx

Дизайн в FIGMA с нуля. Бесплатный курс + портфолио Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool.online О рекламодателе

👉 @frontendInterview

Присоединяйтесь к GitVerse – платформе для быстрого создания исходного кода с AI-помощником Разработчики получили доступ к GitVerse – платформе для совместной разработки и хостинга кода от СберТеха. Она позволяет создавать проекты с открытым и закрытым кодом, приглашать новых участников, переносить репозитории с популярных мировых ресурсов в один клик и общаться с единомышленниками в ИТ-сообществе. Первые пользователи, зарегистрировавшиеся на GitVerse, смогут присоединиться к открытому тестированию персонального AI-ассистента разработчика (AI, artificial intelligence — искусственный интеллект) — сервису GigaCode. Он ускоряет и упрощает программирование, генерируя варианты завершения кода непосредственно в среде разработки в режиме реального времени. В рамках акции пользователям доступен бесплатный годовой пакет облачных сервисов, с ним можно размещать разработанные приложения в облаке с использованием технологий распределённого хранения и вычислений. Подробности и правила акции, а также регистрация на сайте платформы.

Интернет-магазин дизайнерской мебели iModern iModern - это уникальные модели и непревзойденное качество! Наша мебель поможет вам создавать уютные и по настоящему комфортные интерьеры. Широкий ассортимент моделей для гостиной, обеденной зоны, спальни и кабинета напрямую от производителя. Все модели в наличии. Доставка по всей России! Создайте идеальное пространство для работы и отдыха вместе с iModern! Перейти на сайт #реклама imodern.ru О рекламодателе

font-family С помощью font-family можно задать семейство шрифтов, которым будет написан текст. Можно прописать конкретно, например "Arial". А можно задать только желаемый тип: например, любое семейство шрифтов с засечками (serif) или без засечек (sans-serif). Пример Допустим, мы хотим, чтобы текст был набран шрифтами семейства PT Sans. Если такое семейство шрифтов не установлено у пользователя, то пускай текст отобразится шрифтами из семейства Arial. Если и такого нет, то пусть будет первое доступное в системе пользователя семейство без засечек: body { font-family: "PT Sans", "Arial", sans-serif; } Обычно в font-family задают сразу несколько семейств шрифтов, перечисляя их через запятую. На первом месте ставят самую редкую гарнитуру из тех, что хотят использовать для этого элемента. Затем — похожую, но более распространённую. В самом конце — желаемый тип гарнитуры. Браузер проходит по списку слева направо и использует первое найденное на компьютере семейство шрифтов.

Не бойся собеседований и поиска работы! Трать 10 минут в день и оставайся максимально актуальным разработчиком на рынке. progway — канал с разбором самых актуальных вопросов с Front-End собеседований: — Как оценить алгоритм? — Откуда методы у примитивов? — Какая структура у HTTP запроса? — Что такое cookies? — и ещё более 150 вопросов Автор канала — Денис, разработчик с опытом менторинга и собеседований более 4 лет. Готовься к собеседованиям эффективно вместе с @prog_way_blog — выделись среди конкурентов!

Simple string characters Вам будет дана строка, и вашей задачей будет вернуть массив чисел, содержащий количество заглавных букв, строчных, цифр и специальных символов. Пример: solve("aAbBcC") => [3,3,0,0] solve("bgA5<1d-tOwUZTS8yQ") => [7,6,3,2] 👉 @frontendInterview

Программируй & типизируй Причиной многих программных ошибок становится несоответствие типов данных. Сильная система типов позволяет избежать целого класса ошибок и обеспечить целостность данных в рамках всего приложения. Разработчик, научившись мастерски использовать типы в повседневной практике, будет создавать более качественный код, а также сэкономит время, которое потребовалось бы для выискивания каверзных ошибок, связанных с данными. В книге рассказывается, как с помощью типизации создавать программное обеспечение, которое не только было бы безопасным и работало без сбоев, но также обеспечивало простоту в сопровождении. Примеры решения задач, написанные на TypeScript, помогут развить ваши навыки работы с типами, начиная от простых типов данных и заканчивая более сложными понятиями, такими как функторы и монады. 👉 @frontendInterview

Ответ на вопрос и Музыка ваша до конца весны бесплатно Яндекс Музыка для вас и 3-х ваших близких до конца весны бесплатно. Попробуйте сейчас! Попробовать #реклама 16+ music.yandex.ru О рекламодателе

​Какими способами можно визуально скрыть элемент в CSS? В CSS существует несколько способов визуально скрыть элемент от пользователей, сохраняя его доступность для скринридеров и поисковых систем. Ниже перечислены некоторые из часто используемых способов: 1. display: none; - Свойство display: none; полностью убирает элемент из потока документа, делая его невидимым и не занимающим место на странице. 2. visibility: hidden; - Свойство visibility: hidden; скрывает элемент, но все равно оставляет его в потоке документа, так что место на странице будет занято. 3. opacity: 0; - Установка opacity: 0; делает элемент полностью прозрачным, но он остается в потоке и может влиять на макет страницы. 4. position: absolute; left: -9999px; - Присвоение элементу position: absolute; left: -9999px; перемещает его за пределы видимой области экрана, сохраняя доступность для скринридеров. 5. clip-path: inset(100%); opacity: 0; - Этот метод использует clip-path: inset(100%); opacity: 0; для скрытия элемента за пределами видимой области. 6. width: 0; height: 0; overflow: hidden; - Установка width: 0; height: 0; overflow: hidden; может быть использована для скрытия содержимого элемента. Каждый из этих методов имеет свои особенности и может применяться в зависимости от требуемого поведения элемента на странице. 👉 @frontendInterview

👉 @frontendInterview