HTML
Что такое семантика?
Семантика: Это способ использования тегов HTML для передачи смысла контента, который вы размещаете на веб-странице. Например, использование тега <header> для заголовка страницы или <footer> для нижней части страницы помогает браузерам и поисковым системам понять структуру вашего контента.
Как выровнять текст по центру внутри блочного элемента с помощью CSS?
text-align: center, ответы с помощью margin, flex, grid принимаются.
Как изменить текст элемента с id "demo" с помощью JavaScript?
document.getElementById("demo").textContent = "Новый текст";
Что такое IP-адрес?
IP-адрес (Internet Protocol address) - это числовая метка, присвоенная устройству в компьютерной сети для его идентификации и адресации данных.
Как изменить стиль элемента DOM с помощью JavaScript?
document.getElementById("myElement").style.color = "red"
Объясните что такое и для чего нужны атрибуты в тегах?
Это дополнительная информация, которую вы можете добавить к HTML-тегам для определения их поведения или свойств. Например, атрибут href в теге <a> определяет ссылку, на которую будет переход при клике, а атрибут src в теге <img> указывает источник изображения.
Как создать анимацию с использованием CSS?
@keyframes slideIn { from { transform: translateX(-100%); } to { transform: translateX(0); } }
.element { animation: slideIn 1s forwards; }
В чем отличие let, const, var
var имеет функциональную область видимости и может быть переопределен. let и const имеют блочную область видимости и нельзя переопределить переменную, объявленную с помощью const, а значение переменной, объявленной с помощью let, может изменяться.
Что такое URL?
URL (Uniform Resource Locator) - это адрес, который указывает на местонахождение ресурса в сети Интернет. Он обычно включает схему, доменное имя, путь к ресурсу и иногда параметры запроса.
Как добавить обработчик события на элемент DOM?
document.getElementById("myButton").addEventListener("click", function() { console.log("Button clicked!"); });
Расставьте приоритет изменения в css правильно, Селектор по идентификатору, Селектор по тегу, Селектор по классу (.red)
Как создать адаптивный дизайн с помощью CSS?
Что такое тернарный оператор?
Тернарный оператор - это оператор в JavaScript, который состоит из трех операндов и используется для принятия условного решения на основе заданного условия. Он имеет следующий синтаксис:
условие ? выражение1 : выражение2
Что такое DNS и как он работает?
DNS (Domain Name System) - это система, которая преобразует доменные имена в IP-адреса. Она работает по принципу распределенной базы данных, где серверы DNS отвечают на запросы, преобразуя доменные имена в соответствующие IP-адреса.
Как работает AJAX?
AJAX (Asynchronous JavaScript and XML) позволяет отправлять и получать данные с сервера без перезагрузки страницы. Он использует асинхронные запросы к серверу через объект XMLHttpRequest или метод fetch в современном JavaScript.
Блочные элементы занимают всю доступную ширину на странице и начинаются с новой строки, в то время как строчные элементы занимают только необходимую ширину и не создают новую строку. Примеры блочных элементов: <div>, <p>, <h1>; примеры строчных элементов: <span>, <a>, <img>.
Каким образом можно создать эффект перехода между двумя разными фоновыми изображениями при наведении мыши на элемент?
Этот эффект называется "переключение фона при наведении" или "hover background transition".
Объясните что такое замыкание?
Замыкание — это важный паттерн проектирования в JavaScript, который позволяет организовать защищённую работу с переменными. В следующем примере функция createGreeter() возвращает анонимную функцию, у которой есть доступ к предоставленному исходной функции аргументу greeting, содержащему строку Hello. Ссылка на эту анонимную функцию записывается в переменную sayHello. После этого, сколько раз бы мы ни вызывали функцию sayHello(), у неё всегда будет доступ к значению greeting. При этом доступ к greeting будет только у анонимной функции, ссылка на которую записана в sayHello.
function createGreeter(greeting) {
return function(name) {
console.log(greeting + ', ' + name);
}
}
const sayHello = createGreeter('Hello');
sayHello('Joe');
// Hello, Joe
В этом примере функция innerFunction является замыканием, потому что она сохраняет доступ к переменной outerVariable, которая определена внутри внешней функции outerFunction. Даже после завершения выполнения outerFunction, innerFunction все еще имеет доступ к переменной outerVariable
Какие основные HTTP-методы используются при обмене данными между клиентом и сервером?
Основные HTTP-методы: GET, POST, PUT, DELETE. GET используется для запроса данных, POST - для отправки данных на сервер, PUT - для обновления данных на сервере, DELETE - для удаления данных на сервере.
Как создать новый элемент DOM и добавить его на страницу?
const newElement = document.createElement("div"); newElement.textContent = "Hello, world!"; document.body.appendChild(newElement);
Что такое атрибуты defer и async в теге <script>? Как они влияют на загрузку скриптов и когда их следует использовать?
defer:
async:
Как создать анимированный выпадающий список с помощью чистого CSS, который будет открываться при наведении на кнопку и закрываться при уводе курсора или клике за пределами списка?
Для создания анимированного выпадающего списка можно использовать комбинацию селекторов :hover и :focus для активации списка при наведении курсора или фокусе, а также псевдоэлемент :after и свойство opacity для создания анимации.
Что такое деструктурирующее присваивание?
const obj = {
name: 'Joe',
food: 'cake'
}
const { name, food } = obj;
console.log(name, food);
// 'Joe' 'cake'
Какие протоколы используются для безопасной передачи данных в Интернете?
Протоколы HTTPS (HTTP Secure) и SSL/TLS (Secure Sockets Layer/Transport Layer Security) используются для защищенной передачи данных в Интернете с использованием шифрования.
Javascript != Java?
True