Latest posts
JavaScript Learning
14 Sept, 08:17
Google button click effectКнопка с анимацией при клике, выполненная с помощью SCSS и JavaScript.https://codepen.io/kevinpowell/pen/ZErxmXOJavaScript Learning
17 Aug, 17:10
#вопросы_с_собеседований Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.JavaScript Learning
23 Jul, 09:08
JavaScript. Что будет выведено в консоль?Ответ
JavaScript Learning
11 Jul, 17:55
Метод String.replaceAll (ES12 / ES2021)String.prototype.replaceAll() заменяет все вхождения строки другим строковым значением.В настоящее время в JavaScript у строк есть метод replace(). Если входной шаблон для замены является строкой, метод replace() заменяет только первое вхождение. Поэтому в коде второе вхождение «Back» не заменяется.Мы можем сделать полную замену, только если предоставим шаблон для замены в виде регулярного выражения.Было: const str = "Backbencher sits at the Back"; const newStr = str.replace(/Back/g, "Front"); console.log(newStr); // "Frontbencher sits at the Front"String.prototype.replaceAll() пытается произвести замену всех вхождений, даже если входной шаблон является строкой.Стало: const str = "Backbencher sits at the Back"; const newStr = str.replaceAll("Back", "Front"); console.log(newStr); // "Frontbencher sits at the Front"JavaScript Learning
9 Jul, 14:53
#вопросы_с_собеседований В чем разница между обычной функцией и функциональным выражением?Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.
JavaScript Learning
2 Jul, 14:05
#вопросы_с_собеседований В чем разница между обычной функцией и функциональным выражением?Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.
JavaScript Learning
23 Jun, 17:08
Тестовое собеседование с руководителем Frontend-разработки в этот четверг25 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.Как это будет: 📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос ВиталиюЭто бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_botРеклама. О
JavaScript Learning
17 Jun, 17:57
#Вопросы_с_собеседования Для чего используется оператор "||"?Оператор "||" (логическое или) находит и возвращает первое истинное значение. Он также использует сокращенное вычисление. Данный оператор использовался для присвоения параметров по умолчанию в функциях до того, как параметры по умолчанию были стандартизированы в ES6.
JavaScript Learning
28 May, 08:53
MatrixАнимация с кодом из фильма «Матрица», реализованная с помощью JavaScript. Можно выбрать свой цвет кода и количество кадров в секунду, а также алфавит символов.https://codepen.io/pavi2410/pen/oNjGVgMJavaScript Learning
18 May, 13:57
Как работает прототипное наследование в JavaScript? Можете ли вы объяснить разницу между классическим наследованием и прототипным?Прототипное наследование в JavaScript означает, что объекты наследуют свойства и методы от другого объекта, известного как прототип. В отличие от классического наследования, где классы являются схемами для создания объектов, в JavaScript объект может наследовать непосредственно от другого объекта.Ключевой особенностью прототипного наследования является то, что оно позволяет объектам делиться свойствами и методами, что упрощает повторное использование кода. Например, если у вас есть объект animal, и вы создаете объект dog, который наследует от animal, dog будет иметь доступ ко всем свойствам и методам animal.Классическое наследование, часто встречающееся в языках, таких как Java или C++, включает в себя иерархию классов, где классы наследуются от другихJavaScript Learning
4 May, 17:16
Rounded Box - Matcap textureКуб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.jshttps://codepen.io/vcomics/pen/JjpgBwYJavaScript Learning
27 Apr, 16:39
Как записать несколько выражений в одну строку?Для этого мы можем использовать оператор "," (запятая). Этот оператор «двигается» слева направо и возвращает значение последнего выражения или операнда.Если мы выведем значение x в консоль, то получим 27. Сначала мы увеличиваем значение x на единицу (x = 6). Затем вызываем функцию addFive() с параметром 6, к которому прибавляем 5 (x = 11). После этого мы умножаем значение x на 2 (x = 22). Затем вычитаем 5 (x = 17). И, наконец, прибавляем 10 (x = 27).
JavaScript Learning
12 Apr, 19:22
Нахождение самого длинного слова в массивеУ нас есть массив, содержащий несколько строк. Далее мы создаём переменную, которая содержит пустую строку. А теперь, чтобы обнаружить самую длинную строку в этом массиве, нам нужно взглянуть на все элементы массива, и если длина элемента массива больше длины переменной "most_lengthy_string", то мы переназначаем переменную.
JavaScript Learning
19 Mar, 14:54
#вопросы_с_собеседований Как следует оформлять страницу, содержимое которой может быть на разных языках?Вопрос немного расплывчатый. Полагаю, что речь о наиболее частом случае: как показывать страницу, где содержимое доступно на нескольких языках, но отображается на одном определенном.Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чащеJavaScript Learning
6 Mar, 19:07
Вопросы на собеседовании по фронтендуВидеокаст от канала webDev, который можно использовать для подготовки к собеседованиям на позицию джуниор и миддл фронтенд-разработчика.🎬СмотретьJavaScript Learning
17 Feb, 14:24
#вопросы_с_собеседований В чем смысл указания use strict в начале JS-файла?Данная команда включает строгий режим, где предупреждения становятся ошибками, что помогает писать более чистый и безопасный код.JavaScript Learning
8 Feb, 14:19
#вопросы_с_собеседований В чем разница между атрибутами и свойствами?Атрибут — термин из HTML, а свойство — из JS. Атрибут — значение в HTML-разметке, а свойство принадлежит объекту JavaScript.JavaScript Learning
23 Jan, 14:48
Обновление элементов на страницеЭлементы React иммутабельны. После создания элемента нельзя изменить его потомков или атрибуты. Элемент похож на кадр в фильме: он отражает состояние интерфейса в конкретный момент времени.Рассмотрим пример с часами на фото.В этом примере root.render() вызывается каждую секунду с помощью колбэка setInterval().На практике большинство React-приложений вызывают root.render() только один раз.
JavaScript Learning
15 Jan, 16:43
Атрибуты ARIAARIA используется для описания элементов веб-страницы, позволяет пользователям с ограниченными возможностями лучше понимать и взаимодействовать с сайтом.Он включает в себя ряд ролей, состояний и свойств, которые могут быть добавлены к HTML-элементам.ARIA позволяет создавать более доступный интерфейс для пользователей с нарушениями зрения, слуха, координации движений, когнитивных способностей и других проблем.Важно отметить, что использование ARIA не заменяет необходимости создания доступного HTML-кода.ARIA следует использовать только в тех случаях, когда стандартные HTML-элементы не могут обеспечить достаточной информации для пользователей с ограниченными возможностями.Использование ARIA может быть сложным и требует знаний в области доступности веб-приложений.
JavaScript Learning
7 Jan, 22:09
Как работает прототипное наследование в JavaScript? Можете ли вы объяснить разницу между классическим наследованием и прототипным?Прототипное наследование в JavaScript означает, что объекты наследуют свойства и методы от другого объекта, известного как прототип. В отличие от классического наследования, где классы являются схемами для создания объектов, в JavaScript объект может наследовать непосредственно от другого объекта.Ключевой особенностью прототипного наследования является то, что оно позволяет объектам делиться свойствами и методами, что упрощает повторное использование кода. Например, если у вас есть объект animal, и вы создаете объект dog, который наследует от animal, dog будет иметь доступ ко всем свойствам и методам animal.Классическое наследование, часто встречающееся в языках, таких как Java или C++, включает в себя иерархию классов, где классы наследуются от других
Related Channels
Other channels in the same section of the catalogue.
