Задачи по JS/CSS/HML

Вопрос на React собеседовании. Что такое реквизиты в React? Ответ: Реквизиты (props, пропсы) – это данные, которые передаются компоненту от родителя. Реквизиты доступны только для чтения и не могут быть изменены (картинка сверху). Подробнее о реквизитах – в документации. #react #собеседование

Друзья, мы недавно начали вести наш канал. Напишите как вам контент и что можно добавить еще?

Вопрос на JavaScript собеседовании. Что такое обратный вызов в JavaScript? Ответ: Функция обратного вызова передается в качестве аргумента другой функции и выполняется после завершения внешней функции. Разработчики могут использовать обратные вызовы для указания кода, который будет выполняться после завершения асинхронной операции. Пример:

const fetchData = (callback) => { setTimeout(() => { callback('Data fetched!'); }, 1000); }; fetchData(data => { console.log(data); });

#js #собеседование

👩‍💻 Хотите научиться создавать API с использованием GraphQL и NestJS? Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS. Спикер Николай Лапшин — опытный разработчик на нескольких языках, архитектор, тимлид и преподаватель. Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение! ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxKR1j 🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Вопрос на JavaScript собеседовании. Что такое AJAX в JavaScript? Ответ: AJAX (асинхронный JavaScript и XML) — это метод выполнения асинхронных серверных запросов с веб-страницы без перезагрузки всей страницы. AJAX позволяет разработчикам динамически обновлять веб-страницу новыми данными без необходимости обновления страницы. Это достигается путем отправки HTTP-запроса из браузера на сервер и обновления только тех частей страницы, которые требуют его с ответом. Это улучшает взаимодействие с пользователем, поскольку страница не перезагружается, а обновляются только необходимые данные. Пример:

const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.example.com/data'); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { console.log(xhr.responseText); } }; xhr.send();

#js #собеседование

👩‍💻 Хочешь выйти на максимальный уровень в веб-разработке на JavaScript? Пройди тест по JavaScript и проверь свои знания. Ответишь — пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса 👉 ПРОЙТИ ТЕСТ: https://vk.cc/cxAxWe Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Вопрос на JavaScript собеседовании. Как посчитать все гласные в строке? Ответ:

const findVowels = str => { let count = 0 const vowels = ['а', 'я', о', 'ё', 'у', 'ю', 'э', 'е', 'и', 'ы'] for(let char of str.toLowerCase()) { if(vowels.includes(char)) { count++ } } return count }

#js #собеседование

👩‍💻 Стань настоящим гуру в веб-разработке на JS с курсом от OTUS Пройди тест по JavaScript и проверь свои знания. Ответишь — пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса 👉 ПРОЙТИ ТЕСТ: https://vk.cc/cxpbC7 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Вопрос на JavaScript собеседовании. Как проверить, что строка является палиндромом? Ответ: Простое решение — перевести всё в один регистр, перевернуть слово и сравнить его с исходным.

const palindrome = str => { // переводим строку в нижний регистр str = str.toLowerCase() // переворачиваем входную строку и возвращаем результат // сравниваем результаты return str === str.split('').reverse().join('') }

#js #собеседование

Вопрос на JavaScript собеседовании. Что выведет этот код?

for (var i = 0; i < 4; i++) {
  setTimeout(() => console.log(i), 0)
}

Ответ: На экране будут четыре четвёрки. Здесь классическая ловушка с нулевыми задержками. Дело в том, что setTimeout (callback, 0) не означает, что обратный вызов функции сработает через ноль миллисекунд. Вот что происходит тут на самом деле: Текущий стек вызовов установлен на первый setTimeout (). windows.setTimeout () — это веб-API, и он не блокирует ввод-вывод при работе с функциями. Это значит, что через 0 миллисекунд наша анонимная функция будет отправлена в очередь, а не в стек вызовов. А в очереди она подождёт, пока основная программа не закончит свои дела и не вернётся к очереди. Поскольку стек вызовов свободен, цикл for может продолжиться до второго setTimeout (), потом до третьего и до четвёртого. Теперь цикл завершён, и i равно 4. Теперь JS может выполнять очередь вызовов один за другим. В итоге каждый console.log (i) выведет 4. #js #собеседование

👩‍💻 Как эффективно разрабатывать Web-API на JavaScript? Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности. А также рассмотрим: - введение в веб-серверы; - описание маршрутов HTTP API; - связь контроллеров и бизнес-логики; - миддлвары. Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение! ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxf0Cn Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Вопрос на JavaScript собеседовании. Что выведет этот код?

(function() {
   var a = b = 5;
})();
console.log(b);

Ответ: Этот код вернёт число 5. Выражение var a = b = 5; читается как var a = b; b = 5; , поэтому в переменной b будет храниться пятёрка. А подвох тут в том, что хоть эта переменная и была объявлена только внутри функции, но JavaScript всё равно может иногда получать доступ к таким локальным переменным — это называется «поднятие» переменных, или hosting. #js #собеседование

Вопрос на JavaScript собеседовании. Как проверить, что две строки являются анаграммами друг друга? Ответ: В решении можно сделать так, чтобы регистр символов (большие и маленькие буквы) не влиял на работу кода. Если этого не сделать, то первая заглавная буква в первой строке может всё испортить: во второй строке она будет стоять последней и быть маленькой, а не большой.

var firstWord = "Логика"; var secondWord = "Иголка"; isAnagram(firstWord, secondWord); // два слова являются анаграммами function isAnagram(first, second) { // Чтобы избавиться от чувствительности к регистру, сделаем все буквы строчными var a = first.toLowerCase(); var b = second.toLowerCase(); // Отсортируем строки и соединим полученный массив со строкой. Сравним результаты a = a.split("").sort().join(""); b = b.split("").sort().join(""); return a === b; }

#js #собеседование