JavaScript Learning
رفتن به کانال در Telegram
Обучающий канал по JavaScript По всем вопросам @mascarov_valentin
نمایش بیشتر
شبکه:4 268
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-27 روز
-5230 روز
در حال بارگیری داده...
کانالهای مشابه
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اوت '26
اوت '26
+18
در 0 کانالها
ژوئیه '26
+15
در 0 کانالها
Get PRO
ژوئن '26
+25
در 0 کانالها
Get PRO
مه '26
+15
در 0 کانالها
Get PRO
آوریل '26
+8
در 0 کانالها
Get PRO
مارس '26
+7
در 0 کانالها
Get PRO
فوریه '26
+13
در 0 کانالها
Get PRO
ژانویه '26
+11
در 0 کانالها
Get PRO
دسامبر '25
+20
در 0 کانالها
Get PRO
نوامبر '25
+21
در 0 کانالها
Get PRO
اکتبر '25
+13
در 0 کانالها
Get PRO
سپتامبر '25
+14
در 0 کانالها
Get PRO
اوت '25
+29
در 0 کانالها
Get PRO
ژوئیه '25
+11
در 0 کانالها
Get PRO
ژوئن '25
+13
در 0 کانالها
Get PRO
مه '25
+65
در 2 کانالها
Get PRO
آوریل '25
+22
در 0 کانالها
Get PRO
مارس '25
+16
در 0 کانالها
Get PRO
فوریه '25
+16
در 0 کانالها
Get PRO
ژانویه '25
+26
در 0 کانالها
Get PRO
دسامبر '24
+25
در 0 کانالها
Get PRO
نوامبر '24
+244
در 4 کانالها
Get PRO
اکتبر '24
+650
در 12 کانالها
Get PRO
سپتامبر '24
+596
در 12 کانالها
Get PRO
اوت '24
+22
در 0 کانالها
Get PRO
ژوئیه '24
+14
در 0 کانالها
Get PRO
ژوئن '24
+24
در 0 کانالها
Get PRO
مه '24
+106
در 1 کانالها
Get PRO
آوریل '24
+43
در 2 کانالها
Get PRO
مارس '24
+75
در 1 کانالها
Get PRO
فوریه '24
+26
در 0 کانالها
Get PRO
ژانویه '24
+109
در 1 کانالها
Get PRO
دسامبر '23
+135
در 6 کانالها
Get PRO
نوامبر '23
+64
در 0 کانالها
Get PRO
اکتبر '23
+280
در 4 کانالها
Get PRO
سپتامبر '23
+155
در 0 کانالها
Get PRO
اوت '23
+348
در 2 کانالها
Get PRO
ژوئیه '23
+30
در 0 کانالها
Get PRO
ژوئن '23
+22
در 0 کانالها
Get PRO
مه '23
+376
در 0 کانالها
Get PRO
آوریل '23
+269
در 0 کانالها
Get PRO
مارس '23
+863
در 0 کانالها
Get PRO
فوریه '23
+351
در 0 کانالها
Get PRO
ژانویه '23
+279
در 0 کانالها
Get PRO
دسامبر '22
+480
در 0 کانالها
Get PRO
نوامبر '22
+1 128
در 0 کانالها
Get PRO
اکتبر '22
+584
در 0 کانالها
Get PRO
سپتامبر '22
+387
در 0 کانالها
Get PRO
اوت '22
+74
در 0 کانالها
Get PRO
ژوئیه '22
+400
در 0 کانالها
Get PRO
ژوئن '22
+1 238
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 28 اوت | 0 | |||
| 27 اوت | 0 | |||
| 26 اوت | +1 | |||
| 25 اوت | 0 | |||
| 24 اوت | +2 | |||
| 23 اوت | +1 | |||
| 22 اوت | 0 | |||
| 21 اوت | +1 | |||
| 20 اوت | 0 | |||
| 19 اوت | 0 | |||
| 18 اوت | 0 | |||
| 17 اوت | +2 | |||
| 16 اوت | +1 | |||
| 15 اوت | 0 | |||
| 14 اوت | 0 | |||
| 13 اوت | +1 | |||
| 12 اوت | +1 | |||
| 11 اوت | +3 | |||
| 10 اوت | +1 | |||
| 09 اوت | 0 | |||
| 08 اوت | +2 | |||
| 07 اوت | 0 | |||
| 06 اوت | +1 | |||
| 05 اوت | 0 | |||
| 04 اوت | 0 | |||
| 03 اوت | 0 | |||
| 02 اوت | 0 | |||
| 01 اوت | +1 |
پستهای کانال
#вопросы_с_собеседований
Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?
Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.
| 2 |  JavaScript. Что будет выведено в консоль?
Ответ | 586 |
| 3 | Метод 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" | 539 |
| 4 |  #вопросы_с_собеседований
В чем разница между обычной функцией и функциональным выражением?
Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет. | 477 |
| 5 | #вопросы_с_собеседований
В чем разница между обычной функцией и функциональным выражением?
Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет. | 594 |
| 6 |  Тестовое собеседование с руководителем Frontend-разработки в этот четверг
25 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Виталию
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 627 |
| 7 |  #Вопросы_с_собеседования
Для чего используется оператор "||"?
Оператор "||" (логическое или) находит и возвращает первое истинное значение. Он также использует сокращенное вычисление. Данный оператор использовался для присвоения параметров по умолчанию в функциях до того, как параметры по умолчанию были стандартизированы в ES6. | 572 |
| 8 |  Matrix
Анимация с кодом из фильма «Матрица», реализованная с помощью JavaScript. Можно выбрать свой цвет кода и количество кадров в секунду, а также алфавит символов.
https://codepen.io/pavi2410/pen/oNjGVgM | 660 |
| 9 | Как работает прототипное наследование в JavaScript? Можете ли вы объяснить разницу между классическим наследованием и прототипным?
Прототипное наследование в JavaScript означает, что объекты наследуют свойства и методы от другого объекта, известного как прототип. В отличие от классического наследования, где классы являются схемами для создания объектов, в JavaScript объект может наследовать непосредственно от другого объекта.
Ключевой особенностью прототипного наследования является то, что оно позволяет объектам делиться свойствами и методами, что упрощает повторное использование кода. Например, если у вас есть объект animal, и вы создаете объект dog, который наследует от animal, dog будет иметь доступ ко всем свойствам и методам animal.
Классическое наследование, часто встречающееся в языках, таких как Java или C++, включает в себя иерархию классов, где классы наследуются от других классов. В JavaScript прототипное наследование позволяет объектам наследовать напрямую друг от друга, что делает его более гибким, но также может быть более запутанным для понимания без тщательного изучения. | 586 |
| 10 |  Rounded Box - Matcap texture
Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js
https://codepen.io/vcomics/pen/JjpgBwY | 585 |
| 11 |  Как записать несколько выражений в одну строку?
Для этого мы можем использовать оператор "," (запятая). Этот оператор «двигается» слева направо и возвращает значение последнего выражения или операнда.
Если мы выведем значение x в консоль, то получим 27. Сначала мы увеличиваем значение x на единицу (x = 6). Затем вызываем функцию addFive() с параметром 6, к которому прибавляем 5 (x = 11). После этого мы умножаем значение x на 2 (x = 22). Затем вычитаем 5 (x = 17). И, наконец, прибавляем 10 (x = 27). | 625 |
| 12 |  Нахождение самого длинного слова в массиве
У нас есть массив, содержащий несколько строк. Далее мы создаём переменную, которая содержит пустую строку. А теперь, чтобы обнаружить самую длинную строку в этом массиве, нам нужно взглянуть на все элементы массива, и если длина элемента массива больше длины переменной "most_lengthy_string", то мы переназначаем переменную. | 640 |
| 13 | #вопросы_с_собеседований
Как следует оформлять страницу, содержимое которой может быть на разных языках?
Вопрос немного расплывчатый. Полагаю, что речь о наиболее частом случае: как показывать страницу, где содержимое доступно на нескольких языках, но отображается на одном определенном.
Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.
На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чаще всего при помощи бэкенд-фреймворка. | 616 |
| 14 | Вопросы на собеседовании по фронтенду
Видеокаст от канала webDev, который можно использовать для подготовки к собеседованиям на позицию джуниор и миддл фронтенд-разработчика.
🎬Смотреть | 626 |
| 15 | #вопросы_с_собеседований
В чем смысл указания use strict в начале JS-файла?
Данная команда включает строгий режим, где предупреждения становятся ошибками, что помогает писать более чистый и безопасный код. | 735 |
| 16 | #вопросы_с_собеседований
В чем разница между атрибутами и свойствами?
Атрибут — термин из HTML, а свойство — из JS. Атрибут — значение в HTML-разметке, а свойство принадлежит объекту JavaScript. | 902 |
| 17 |  💻 Quickchat UI Themes
Адаптивная панель управления с темой пользовательского интерфейса Quickchat. Реализована с помощью JavaScript. | 1 |
| 18 |  Обновление элементов на странице
Элементы React иммутабельны. После создания элемента нельзя изменить его потомков или атрибуты. Элемент похож на кадр в фильме: он отражает состояние интерфейса в конкретный момент времени.
Рассмотрим пример с часами на фото.
В этом примере root.render() вызывается каждую секунду с помощью колбэка setInterval().
На практике большинство React-приложений вызывают root.render() только один раз. | 871 |
| 19 |  Атрибуты ARIA
ARIA используется для описания элементов веб-страницы, позволяет пользователям с ограниченными возможностями лучше понимать и взаимодействовать с сайтом.
Он включает в себя ряд ролей, состояний и свойств, которые могут быть добавлены к HTML-элементам.
ARIA позволяет создавать более доступный интерфейс для пользователей с нарушениями зрения, слуха, координации движений, когнитивных способностей и других проблем.
Важно отметить, что использование ARIA не заменяет необходимости создания доступного HTML-кода.
ARIA следует использовать только в тех случаях, когда стандартные HTML-элементы не могут обеспечить достаточной информации для пользователей с ограниченными возможностями.
Использование ARIA может быть сложным и требует знаний в области доступности веб-приложений. | 700 |
| 20 |  💻SPA умеют почти все. А вот интерфейс, который живёт в реальном времени, без перезагрузок и костылей, обычно ломает даже уверенных фронтендеров.
📆На открытом вебинаре OTUS вы соберёте мини-биржу на Vue: поднимем локальный WebSocket-сервер с мок-данными, подключим подписку на стрим, выведем список валют, изменения цен и индикаторы роста/падения. Добавим живые графики (ApexCharts или Chart.js) и обновления.
Разберём архитектуру real-time интерфейсов: реактивные данные, управление соединением, обработка событий и потоков, обновления без перезагрузки. Покажем, как после урока заменить мок-источник на реальный WebSocket-поток.
👉Встречаемся 14 января в 20:00 МСК в преддверие старта курса «Vue.js-разработчик». Регистрация открыта: https://otus.pw/3yt1/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 552 |
