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

Оформление программного кода В пособии изложены основные принципы, применяющиеся для повышения читаемости текстов компьютерных программ и их доступности для анализа человеком. В частности, даются рекомендации по разбиению программ на модули и подсистемы, уделяется много внимания различным стилям расстановки структурных отступов и незначащих (декоративных) пробелов 👉 @frontendInterview

Какая разница между селекторами идентификаторов и классов в CSS? Идентификаторы (id) уникальны. У элемента может быть только один идентификатор. На странице может присутствовать лишь один элемент с конкретным идентификатором. Имена классов (class) не являются уникальными. Один и тот же класс можно назначать множеству элементов. Элементу может быть назначено несколько классов. Если некий стиль нужно применить к нескольким элементам страницы — эту задачу нужно решать с использованием классов. 👉 @frontendInterview

👉 @frontendInterview

Изучаешь айти? Но кроме нескольких команд и работы в редакторе ничего не умеешь? Тогда добро пожаловать на канал Форматный код. Он заменит тебе все каналы по проге и научит: – Основам JS, PHP, Vue и Laravel – Поиску клиентов на фрилансе – Фишкам, с которыми даже без опыта можно брать от $300 за проект Стоит подписаться, на курсах такого не расскажут: @format_cod

👉 @frontendInterview

Чем отличаются PUT- и POST-запросы? PUT-запросы приводят к замене целевого ресурса на данные, передаваемые в запросе. Его можно использовать для обновления содержимого существующего ресурса или для создания нового ресурса. POST-запросы приводят к специфической для ресурса обработке данных, передаваемых в запросе. Их можно использовать для выполнения различных действий. В том числе — для создания новых ресурсов, для выгрузки файлов на сервер, для отправки форм. Ещё одно отличие между PUT- и POST-запросами заключается в том, что PUT-запросы являются идемпотентными, а POST-запросы — нет. То есть — если запрос, в котором передаются одни и те же данные, и который выполняется по одному и тому же URL, будет выполнен несколько раз, это равносильно однократному выполнению этого запроса. Стоит отметить, что описанное выше - это лишь вопрос семантики и договоренностей. На самом деле можно сделать удаление данных на PUT и добавление на DELETE. 👉 @frontendInterview

🔥Тест по React JS от OTUS🔥 — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. 🎁Пройдете успешно тест, получите доступ к открытым урокам курса. Хотите посмотреть как проходит обучение? Приходите на открытый урок курса. 01.08 - регистрация на открытый урок "Тема SSR и серверные компоненты. Новый подход к организации фронтенда" https://otus.pw/bUYE/ Нативная интеграция. Информация о продукте www.otus.ru

👉 @frontendInterview

​Сделайте уверенный шаг к карьере веб-разработчика на мини-курсе Skillbox! Вы с нуля создадите 3 проекта — сайт, приложение и сервис — и пройдёте основы самых востребованных технологий. Научитесь разрабатывать frontend — видимую часть сайтов, и backend — внутреннюю логику «под капотом», а также сможете разместить свои проекты в интернете. Получите доступ к курсу в пару кликов и гайд по старту в профессии веб-разработчика: https://epic.st/D-rPIS Вы научитесь: — Верстать веб-страницы. Освоите основы HTML и CSS, с помощью которых разработчики создают видимую часть любого сайта — frontend. — Применять основы JavaScript. Сделаете свои веб-приложения интерактивными. — Использовать азы PHP. Напишете бизнес-логику веб-приложений. — Работать с базами данных. Узнаете, как устроена база данных MySQL, и напишете первые запросы к ней на языке SQL. — Размещать свои сайты в интернете. Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов. А ещё всех участников ждут подарки! — Сертификат на скидку 10 000 рублей на любой курс. — Доступ к изучению английского языка в Skillbox на год. — 5 полезных материалов по веб-разработке, HTML, CSS, PHP и JavaScript. — Персональная карьерная консультация с тестовым доступом к понравившейся профессии. Используйте шанс освоить высокооплачиваемую профессию! Подробная программа — по ссылке: https://epic.st/D-rPIS Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Какая разница между следующими видами позиционирования элементов: относительное, фиксированное, абсолютное, статическое? - Относительное позиционирование — это когда элемент смещается относительно его положения, задаваемого по умолчанию. - Фиксированное позиционирование — это когда настраивают положение элемента, ориентируясь на края окна браузера. - Абсолютное позиционирование — это размещение элемента относительно ближайшего позиционированного родительского элемента, причём, именно там, где указано разработчиком. - Статическое позиционирование — это режим позиционирования, применяемый по умолчанию, при использовании которого элементы выводятся в том порядке, в котором они описаны в документе. 👉 @frontendInterview

Представить массив чисел в виде промежутка Ваша задача - написать функцию, которая принимает массив чисел и преобразует соседние числа в промежутки Пример: числа 5, 6, 7, 8, 9 преобразуются в "5_9" число 6 останется "6" числа 3,4,5,6,9 станут "3_6,9" 👉 @frontendInterview

Next.js Cookbook: Learn how to build scalable and high-performance apps from scratch (2023) В начале книги будут рассмотрены основы Next.js, включая настройку среды и создание вашего первого приложения. Затем вы узнаете, как использовать паттерны проектирования для оптимизации процесса разработки приложения. Далее книга поможет вам познакомиться с возможностями Next.js по рендерингу на стороне сервера, предоставив знания и навыки, необходимые для использования этой мощной функции для повышения производительности и удобства работы с ERP-приложением. Кроме того, книга поможет вам провести сквозное тестирование с помощью Cypress и Playwright, а также развернуть приложение в продакшн с помощью AWS Amplify. Наконец, вы узнаете, как оптимизировать ваше веб-приложение для поисковых систем, что позволит улучшить видимость и увеличить посещаемость вашего сайта. 👉 @frontendInterview

​Как упростить написание кросс-браузерных стилей? 1. Некоторые CSS свойства требуют префиксов, чтобы работать в разных браузерах. Вы можете использовать автопрефиксеры, такие как Autoprefixer, чтобы автоматически добавить необходимые префиксы к вашему CSS коду. Это позволит вам писать стили без префиксов, а затем автоматически генерировать кросс-браузерный код. 2. CSS-фреймворки, такие как Bootstrap или Foundation, предоставляют готовые компоненты и стили, которые уже учитывают кросс-браузерные различия. Вы можете использовать эти фреймворки для быстрого создания стилей, минимизируя необходимость вручную управлять кросс-браузерными проблемами. 3. CSS-препроцессоры, такие как Sass или Less, предоставляют дополнительные возможности, которые могут упростить написание кросс-браузерных стилей. Например, они позволяют использовать переменные, миксины и вложенные стили, которые упрощают и структурируют ваш CSS код. Кроме того, некоторые постпроцессоры, такие как Sass, также содержат встроенные функции для работы с префиксами. 4. Использование нормализации стилей: Различные браузеры имеют свои собственные стандарты и стилевые правила по умолчанию. Иногда это может приводить к различиям в отображении элементов на странице. Для решения этой проблемы можно использовать CSS-нормализацию, такую как Normalize.css. Нормализация стилей помогает создать более предсказуемую и консистентную базовую стилизацию для всех элементов на странице. 👉 @frontendInterview

👉 @frontendInterview