HTML
Какие основные элементы включает в себя структура HTML-документа?
<!DOCTYPE html / >
<html>
<head><head/>
<body><body/>
<html/>
Какие селекторы есть в CSS?
Селектор по тегу, селектор по классу, селектор по id, селектор звёздочка* которая обращается ко всем элементам, селектор по атрибуту
Сколько типов данных есть в JS?
string, number, null, undefined, object, boolean, symbol(), BigInt
Что такое DOM и для чего она используется?
DOM (Document Object Model) - это структура, которая представляет все элементы веб-страницы в виде дерева объектов. Она нужна для работы с элементами страницы: изменения их свойств, добавления и удаления элементов, обработки событий и т.д.
Как обьявляются переменые в JS?
var, let, const
Что такое HTML и для чего он используется?
Что такое Flexbox?
это система которая позволяет управлять расположением элементов на веб-странице
Как нельзя обьявлять переменные?
начиная с большой буквы, начиная с числа, используя пробелы, используя ключевые слова, используя некоторые символы.
Я навожу мышкой на элемент и срабатывается какое-то действие, как называется это событие?
mouseover
С помощью какого псевдокласса можно обратиться к первому дочернему элементу и последнему в CSS?
:first-child, :last-child
Обьясните разницу между внутренними и внешними стилями CSS
Внутренние стили CSS прописываются внутри тега <style>, и имеют приоритет над внешними стилями. Внешние стили, в свою очередь, располагаются в отдельном файле и подключаются к документу с помощью тега <link>
Разница между псевдокласс и псевдоэлемент?
псевдоклассы добавляются автоматически в зависимости от их состояния, псевдоэлементы не существуют в исходной разметке, но добавляются браузером для улучшения отображения веб-страницы
Разница между глобальной и локальной областью?
Локальная область видимости означает, что переменная доступна только внутри функции или блока кода, где она была объявлена. Это означает, что другие части кода не могут видеть или изменять эту переменную. Глобальная область видимости, с другой стороны, означает, что переменная доступна для всего кода, включая функции и блоки кода, которые были объявлены после нее. Это может привести к тому, что две части кода могут изменять одну и ту же переменную, что может вызвать неожиданные результаты.
Что такое JSON и как работать с ним в JavaScript?
JSON (JavaScript Object Notation) представляет собой текстовый формат данных, используемый для хранения и передачи информации между различными языками программирования и платформами. Он состоит из пар "ключ:значение", которые заключены в фигурные скобки. JSON может быть использован для хранения настроек приложения, обмена данными между клиентом и сервером и многого другого.
JSON.parse и JSON.stringify используются для конвертации данных между форматами JSON и JavaScript Object.
Например, если у вас есть строка JSON, вы можете использовать JSON.parse чтобы превратить ее в JavaScript объект. И наоборот, если у вас есть объект JavaScript, вы можете использовать JSON.stringify чтобы превратить его в строку JSON.
Какие есть способы привязать CSS к HTML?
Привязка через тег link внутри тега head, внутри самого тега, и через тег style
Обьясните разницу между Идентификатор (id) и классы (class) в HTML
Идентификатор (id) используется для уникальной идентификации элемента на странице. Он может быть использован только один раз на странице и позволяет применять стили и JavaScript только к этому конкретному элементу. Класс (class), в свою очередь, может быть использован на нескольких элементах и применяется к ним всем сразу. Это позволяет более гибко управлять стилями и поведением элементов на странице.
Чем отличаются свойства background-size и background-repeat?
Background-size определяет размеры фонового изображения, а background-repeat определяет как это изображение будет повторяться. Например, можно задать повторение по горизонтали и вертикали, но указать разные размеры для ширины и высоты.
Для чего нужен оператор switch case
Оператор switch используется для выбора одного из нескольких вариантов выполнения кода в зависимости от значения некоторой переменной или выражения. Он работает следующим образом: сначала проверяется значение выражения, стоящего после ключевого слова switch, а затем, в зависимости от результата, выполняется один из блоков кода (case). Если ни одно из значений не совпадает с проверяемым, то выполняется блок кода, следующий за ключевым словом default.
Как работает промисы в JavaScript?
Промисы (Promises) в JavaScript используются для управления асинхронными операциями. Они позволяют выполнять код по мере готовности результата асинхронной операции.
Как обрабатывать ошибку в JavaScript?
try...catch
Что такое семантический HTML и почему он так важен для создания веб-страниц?
Семантический HTML - это способ организации и структурирования HTML-кода, при котором каждый тег и атрибут имеют определенное значение и цель. Такой подход делает код более понятным и легким для чтения, что упрощает его поддержку и изменение. Кроме того, семантический HTML позволяет улучшить доступность сайта для пользователей с ограниченными возможностями, так как поисковые системы и программы для чтения с экрана могут лучше понимать содержимое страницы.
Какие свойства и методы используются в CSS для создания анимаций и переходов на веб-страницах?
Для создания анимации и переходов в CSS используются следующие свойства:
– animation - позволяет создать анимацию элемента;
– transition - позволяет создать плавный переход между состояниями элемента;
– transform - позволяет изменять размеры, положение и масштаб элемента;
– opacity - управляет прозрачностью элемента;
function declaration
function expression
arrow function
В чем разница между этими функциями?
Function declaration - это объявление функции, которое выполняется только один раз, когда скрипт начинает загружаться. Оно объявляет функцию и создает ее экземпляр.
Function expression - это выражение, которое создает экземпляр функции во время выполнения скрипта. Оно может быть использовано для создания функций на лету или для повторного использования одной и той же функции с разными аргументами.
Arrow function - это короткая запись для функции, которая не имеет своего собственного this. Она используется для создания коротких и простых функций, которые не требуют сохранения контекста this.
В чем отличие между синхронным и асинхронным кодом в JavaScript?
Синхронный код выполняется последовательно, то есть одна операция завершается до начала следующей. Такой код может заблокировать работу браузера, если он выполняет длительную операцию, так как это может привести к "зависанию" страницы.
Асинхронный код позволяет выполнять операции параллельно, что снижает нагрузку на браузер и улучшает пользовательский опыт. Асинхронный код использует callback-функции или promises для обработки результатов выполнения операций.
Как создать выпадающий список в HTML?
<select><option>Select<option/><select/>