JavaScript Learning @js_per_month Channel on Telegram

JavaScript Learning

@js_per_month


Обучающий канал по JavaScript

По всем вопросам @valentin_mascarov

JavaScript Learning (Russian)

Добро пожаловать в увлекательный мир JavaScript! Канал "JavaScript Learning" призван помочь всем желающим освоить этот язык программирования. Здесь вы найдете уроки, полезные советы, задачи для практики и многое другое. Независимо от вашего уровня подготовки, мы готовы помочь вам стать опытным специалистом в JavaScript. Подписывайтесь на наш канал @js_per_month и начинайте погружение в мир веб-разработки. Если у вас возникли вопросы или вы хотите обсудить что-то конкретное, обращайтесь к администратору @valentin_mascarov. Давайте вместе делать JavaScript еще более увлекательным и доступным!

JavaScript Learning

17 Feb, 16:43


6 современных возможностей JavaScript, о которых не знает большинство разработчиков

Сборник приемов с небольшими примерами кода.

https://nuancesprog.ru/p/17873/

JavaScript Learning

13 Feb, 20:04


Каковы различия между обычными функциями и стрелочными функциями в JavaScript, особенно в отношении лексической области видимости 'this' и использования в различных контекстах?

Основное отличие между обычными функциями и стрелочными функциями в JavaScript заключается в том, как они обрабатывают ключевое слово 'this'. В обычных функциях 'this' определяется контекстом вызова функции, что может привести к его изменению в зависимости от того, как и где функция вызывается. В стрелочных функциях 'this' лексически связано с окружением, в котором функция была создана, и не изменяется в зависимости от контекста вызова. Это делает стрелочные функции особенно полезными в обратных вызовах и методах, где необходимо сохранить контекст 'this' из внешней области видимости. Стрелочные функции также имеют более компактный синтаксис и не имеют своего 'arguments' объекта.

JavaScript Learning

11 Feb, 17:43


#Вопросы_с_собеседования
Как в JavaScript реализуется механизм замыканий (closures) и каковы их основные применения и ограничения?


Замыкания в JavaScript – это функции, которые запоминают своё лексическое окружение даже после того, как они были выполнены вне своего обычного контекста. Они позволяют сохранять доступ к переменным из области видимости, в которой были созданы, даже после того, как эта область видимости была закрыта. Основное применение замыканий – это создание приватных переменных и функций, инкапсуляция кода, а также сохранение состояния в асинхронных операциях. Однако они также могут привести к утечкам памяти, если замыкания неправильно используются, поскольку они могут сохранять ссылки на большие объекты или сложные структуры данных, которые иначе были бы очищены сборщиком мусора.

JavaScript Learning

09 Feb, 19:46


Задача

Дана закодированная строка, необходимо вернуть декодированную строку.

Правило кодирования: k [закодированная_строка], где закодированная_строка в квадратных скобках повторяется ровно k раз. k - строго положительное число.

Входные данные: входная строка валидна (нет лишних пробелов, правильные квадратные скобки). Полностью раскодированная строка не содержит цифр.

Ответ

JavaScript Learning

07 Feb, 12:20


Уникализация значений в массиве

Задача — написать функцию, принимающую в аргументах массив целых чисел и возвращающую новый массив, состоящий только из уникальных значений первого массива. Эту задачу можно решить в одну строчку. Пример:

unique([1, 1, 2, 2, 2, 1, 3, 7, 3]); // => [1, 2, 3, 7]

Решение — на картинке. В нем используются практически все возможности метода filter — необязательные аргументы index и self. Первый является индексом текущего элемента, а self — это сам обрабатываемый массив.

JavaScript Learning

05 Feb, 19:24


Метод arr.splice(str)

С помощью специального метода arr.splice можно не только удалять элементы массива, но и добавлять их.
В приведенном коде мамин симпотяга с помощью данного метода убрал 3 элемента начиная с нулёвого и вместо написания диплома пошел катать мм.

JavaScript Learning

03 Feb, 17:23


🎮 Interactive Super Mario - анимация Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры

https://codepen.io/merchedev/pen/BaYqyNx

JavaScript Learning

03 Feb, 08:48


Callback-функции

Многие избегают callback-функций (функции обратного вызова). А зря — ведь это довольно просто! В примере на картинке console.log() будет передан в myFunc() в качестве callback-функции.

JavaScript Learning

02 Feb, 19:34


Задача

Реализуйте функцию checkBrackets, которая должна проверять правильность расположения скобок в строке.

Ответ

JavaScript Learning

02 Feb, 16:48


Вам нравится читать контент на этом канале?

Возможно, вы задумывались о том, чтобы купить на нем интеграцию?

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

JavaScript Learning

02 Feb, 16:01


Sunrise over still lake

Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg

JavaScript Learning

31 Jan, 11:13


Как проверить, что данная строка является анаграммой другой строки в JavaScript?

Анаграмма
— приём, состоящий в перестановке букв или звуков определённого слова, что в результате даёт другое слово или словосочетание. Несколько примеров анаграмм на английском:

1. evil = vile
2. a gentleman = elegant man
3. eleven plus two = twelve plus one

Так как же проверить, являются ли строки анаграммами в JS? На картинке пример кода, реализующий проверку с помощью встроенных функций.

JavaScript Learning

28 Jan, 17:27


Sliding Icon Menu

Меню с анимацией скольжения между пунктами-иконками. Реализовано с помощью CSS и JavaScript.

https://codepen.io/ste-vg/pen/jONPjoV

JavaScript Learning

28 Jan, 13:08


Как вы можете обойти ограничение однопоточности JavaScript для улучшения производительности вычислительно интенсивной задачи?

Используйте Web Workers для выполнения задач в фоновом потоке.

JavaScript Learning

25 Jan, 19:55


33-js-concepts ⭐️ 48k

Репозиторий с тридцатью тремя принципами работы JavaScript, которые полезно знать любому программисту.

https://github.com/gumennii/33-js-concepts

JavaScript Learning

23 Jan, 20:51


clean-code-javascript ⭐️ 65k

Квинтэссенция известной книги Роберта Мартина Чистый код. В репозитории собраны принципы для написания читаемого, переиспользуемого и поддерживаемого кода, адаптированные для языка JavaScript. В этом же репозитории можно найти ссылки на его любительские переводы.

https://github.com/ryanmcdermott/clean-code-javascript

JavaScript Learning

21 Jan, 08:24


Сглаживание (объединение) многомерных массивов

Сглаживание массивов можно реализовать просто с оператором Spread (пример 1 на картинке).

К сожалению, вышеупомянутый трюк будет работать только с двумерными массивами. Но с рекурсивными вызовами мы можем сделать его пригодным для массивов с более чем двумя измерениями (пример 2).

Но эти способы перестали быть актуальны с выходом ES2019. В нем появилась функция Array.flat(n), принимающая на вход глубину объединения массива (пример 3).

JavaScript Learning

19 Jan, 18:07


Variable Fonts and the Web Audio API

Демонстрация Web Audio API, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.

https://codepen.io/mandymichael/pen/OYpqdP

JavaScript Learning

17 Jan, 18:55


#вопросы_с_собеседований
Что такое цикл событий (event loop) и как он работает?

Движок браузера выполняет JavaScript в одном потоке. Для потока выделяется область памяти — стэк, где хранятся фреймы (аргументы, локальные переменные) вызываемых функций.

Список событий, подлежащих обработке, формирует очередь событий. Когда стек освобождается, движок может обрабатывать событие из очереди. Координирование этого процесса и происходит в event loop.

Это, по сути, бесконечный цикл, в котором выполняются многочисленные обработчики событий. Если очередь пустая  — движок браузера ждет, когда поступит событие. Если непустая — первое в ней событие извлекается и его обработчик начинает выполняться. И так до бесконечности.

JavaScript Learning

15 Jan, 12:05


Monster Mash (Game)

Игра, созданная на canvas и JS.

https://codepen.io/grantjenkins/pen/xxjQmmo

JavaScript Learning

14 Jan, 14:48


#вопросы_с_собеседований
В чем разница между оператором «in» и методом hasOwnProperty?

Отличие состоит в том, что оператор «in» проверяет наличие свойства не только в самом объекте, но и в его прототипах, а метод hasOwnProperty — только в объекте.

JavaScript Learning

13 Jan, 18:21


#Вопросы_с_собеседования
Каковы различия между обычными функциями и стрелочными функциями в JavaScript, особенно в отношении лексической области видимости 'this' и использования в различных контекстах?


Основное отличие между обычными функциями и стрелочными функциями в JavaScript заключается в том, как они обрабатывают ключевое слово 'this'. В обычных функциях 'this' определяется контекстом вызова функции, что может привести к его изменению в зависимости от того, как и где функция вызывается. В стрелочных функциях 'this' лексически связано с окружением, в котором функция была создана, и не изменяется в зависимости от контекста вызова. Это делает стрелочные функции особенно полезными в обратных вызовах и методах, где необходимо сохранить контекст 'this' из внешней области видимости. Стрелочные функции также имеют более компактный синтаксис и не имеют своего 'arguments' объекта.

JavaScript Learning

13 Jan, 14:55


LeetCode теперь в Telegram!

LeetCode — это сайт, который позволяет быстро готовиться к техническим собеседованиям по программированию. Там публикуются задачи с собеседований в Google и Microsoft с решениями.

Подписывайтесь: @leetcode

JavaScript Learning

13 Jan, 12:18


#вопросы_с_собеседований
Как в JavaScript реализуется механизм замыканий (closures) и каковы их основные применения и ограничения?

Замыкания в JavaScript – это функции, которые запоминают своё лексическое окружение даже после того, как они были выполнены вне своего обычного контекста. Они позволяют сохранять доступ к переменным из области видимости, в которой были созданы, даже после того, как эта область видимости была закрыта. Основное применение замыканий – это создание приватных переменных и функций, инкапсуляция кода, а также сохранение состояния в асинхронных операциях. Однако они также могут привести к утечкам памяти, если замыкания неправильно используются, поскольку они могут сохранять ссылки на большие объекты или сложные структуры данных, которые иначе были бы очищены сборщиком мусора.

JavaScript Learning

11 Jan, 14:14


#вопросы_с_собеседований
Какие различия у null, undefined и undeclared?

undeclared — ошибка, появляющаяся при обращении к необъявленной переменной

null — в прямом смысле "ничего". Можно использовать это значение в качестве заглушки

undefined — "объявлено, но не инициализировано"

JavaScript Learning

10 Jan, 17:56


Задача

Цифровой корень натурального числа — это цифра, полученная в результате итеративного процесса суммирования цифр, на каждой итерации которого для подсчета суммы цифр берут результат, полученный на предыдущей итерации. Этот процесс повторяется до тех пор, пока не будет получена одна цифра.

Необходимо составить программу нахождения цифрового корня натурального числа.

Входные данные: N - натуральное число, где 0 <= N <= 10^9

Вывод: цифровой корень числа N

Ответ

JavaScript Learning

10 Jan, 11:33


Друзья, на связи ваш админ.
Я тут сделал бота для знакомств @tinder. Буду рад, если вы оцените и воспользуетесь. Если буду какие-то замечания, пишите, буду благодарен)

JavaScript Learning

08 Jan, 18:11


Повышаем навыки веб-разработки: 50 простых проектов на HTML & CSS & JS для новичков.

https://github.com/bradtraversy/50projects50days

JavaScript Learning

07 Jan, 11:18


Experimental Gradient Editor

Приложение для генерации градиента, написанное на Vue.

https://codepen.io/meodai/pen/xyqoEO

JavaScript Learning

07 Jan, 08:40


⚡️ В сети начали массово сливать курсы и книги известных онлайн школ

Вот отсортированная база с тонной материала(постепенно пополняется):

БАЗА (4687 видео/книг):

(363 видео, 87 книги) — Python
(415 видео, 68 книги) — Frontend
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++
(343 видео, 87 книги) — Java
(176 видео, 32 книги) — Git
(293 видео, 63 книги) — C#
(174 видео, 91 книги) — DevOps
(167 видео, 53 книги) — PHP
(227 видео, 83 книги) — SQL/БД
(163 видео, 29 книги) — Linux
(107 видео, 43 книги) — СисАналз
(181 видео, 32 книги) — Go
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(137 видео, 93 книги) — DS/ML
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — UI/UX
(129 видео, 73 книги) — QA
(213 видео, 63 книги) — Rust
(121 видео, 24 книги) — Ruby

Скачивать ничего не нужно — все выложили в Telegram

JavaScript Learning

07 Jan, 06:41


Pasta Menu

Меню с анимацией переключения, реализованное с помощью jQuery, GSAP и Splitting.js.

https://codepen.io/oliviale/pen/zYvxXWw

JavaScript Learning

06 Jan, 16:58


JavaScript. Что будет выведено в консоль?

Ответ

JavaScript Learning

05 Jan, 19:10


JavaScript. Что будет выведено в консоль?

Ответ

JavaScript Learning

31 Dec, 14:48


Любимые подписчики, поздравляю вас с наступающим новым годом! Пусть в 2025 году исполнятся все ваши самые заветные желания🎄🎄🎄🎄

JavaScript Learning

30 Dec, 20:01


Задача

В киоске стакан кваса стоит 5 рублей. Дети подходят за квасом по очереди. Каждый купит только один стакан кваса и заплатит купюрой в 5, 10 или 20 рублей. Вы же должны дать сдачу каждому. Сначала у вас нет сдачи.

Необходимо определить, сможете ли вы продать квас каждому ребенку.

Входные данные: bills - массив купюр, которые платит i-й ребенок в очереди.

Вывод: true - если вы сможете рассчитать каждого клиента, false - в противном случае.

Примеры:

[5, 5, 10, 10, 20]
Output: false

- Первым двум покупателям вы продадите квас, не давая сдачи, у вас будет 2 купюры по 5 рублей.
- Следующим двум вы дадите сдачу оставшимися купюрами в 5 рублей. У вас останется только 2 купюры по 10 рублей.
- Последнему покупателю вы не сможете дать сдачу в 15 рублей.

Ответ

JavaScript Learning

25 Dec, 18:11


Directionally Aware Controls

Эффект при наведении на кнопку с направленными элементами управления. Написан на чистом CSS.

https://codepen.io/jh3y/pen/gOmqWdp

JavaScript Learning

25 Dec, 14:37


⚡️Слита База из 1000+ топовых IT-курсов

👩‍💻 Все языки: @main_it_baza

🖥 Python: @python_baza

👩‍💻 Frontend: @frontend_baza

👩‍💻 Backend: @backend_baza

🎨 Дизайн: @design_baza

📊 Архив: @archive_baza

Всё лучшее про IT бесплатно — уже на Базе 🚀

JavaScript Learning

25 Dec, 13:48


Задача

Напишите функцию sumTo(n), которая будет вычислять сумму чисел 1 + 2 + ... + n.

Ответ

JavaScript Learning

24 Dec, 18:20


Минимизация кода на JavaScript: не руководство к действию, а интересный обзор вроде «а что, так можно было?».

https://getbutterfly.com/code-golfing-tips-tricks-how-to-minify-your-javascript-code/

JavaScript Learning

22 Dec, 20:34


Sparkly skull

Анимированная 3D сцена, реализованная с помощью SCSS и библиотек Three.js и GSAP.

https://codepen.io/Mamboleoo/pen/yLbxYdx

JavaScript Learning

20 Dec, 20:09


JavaScript. Что будет выведено в консоль?

Ответ

JavaScript Learning

18 Dec, 19:24


Задача

Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.

Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.

Выходные данные: строка, содержащая цифры 0-9.

Примеры:
str = “owoztneoer” (т.е. “zeroonetwo”)
Output: “012”
str = “fviefuro” (т.е. “fourfive”)
Output: “45”

Ответ

JavaScript Learning

17 Dec, 11:20


Что будет выведено в консоль?

Ответ

JavaScript Learning

15 Dec, 17:18


💡 Tip: использовать тригонометрические функции в CSS для создания плавной ступенчатой задержки переходов


.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}

JavaScript Learning

12 Dec, 15:17


Web Developer Checklist — сервис для веб-разработчика, который поможет по пунктам проверить готовность проекта к запуску. Доступен в виде сайта и расширения.

https://www.toptal.com/developers/webdevchecklist

JavaScript Learning

12 Dec, 12:06


✅️ GitHub теперь в Telegram!

Подписывайтесь: @GitHub

JavaScript Learning

12 Dec, 10:14


undefined против null

undefined – присутствует у переменной, которая была объявлена, но значение для неё задано не было.
null – обозначает пустое или несуществующее значение, которое явно присваивается переменной.

"undefined" и "null" не равны при строгом сравнивании.

Дополнительно почитать на тему разницы между этими двумя значениями можно здесь.

JavaScript Learning

11 Dec, 11:23


Оптимизация веб-приложений: на что стоит обратить внимание

Любая оптимизация приложения направлена на скорость отдачи контента пользователю, а именно доставку с сервера и отображение на устройстве. В этой статье рассмотрим такие способы оптимизаций.

https://habr.com/ru/companies/mws/articles/768266/

JavaScript Learning

10 Dec, 08:09


Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ

JavaScript Learning

07 Dec, 16:42


Get Color Palette

Генерация заднего фона на основе используемых цветов, выполненная с помощью Pug, Stylus и JavaScript.

https://codepen.io/toshiya-marukubo/pen/XWVWmav

JavaScript Learning

04 Dec, 17:33


Задача

Что будет выведено в консоль после выполнения этого кода?

Ответ

JavaScript Learning

04 Dec, 14:41


Научитесь проектировать отказоустойчивые хранилища для распределённых систем

Узнайте на открытом вебинаре, как минимизировать риски, настроить репликацию и автоматическое восстановление. Разберём актуальные практики с примерами на Cassandra, MongoDB и Ceph.

🔴 Регистрируйтесь на открытый вебинар «Обеспечение отказоустойчивости хранилищ» 10 декабря в 20:00 мск. Участникам — скидка на участие в курсе «Highload Architect»: https://clck.ru/3F2kx7

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

02 Dec, 17:52


Метод 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

02 Dec, 15:09


Открытый вебинар "Создание веб-компонентов и использование Shadow DOM"

🎁Полный обзор веб-компонентов: создание независимых, повторно используемых элементов интерфейса на чистом JavaScript и Shadow DOM

На практике изучите:

- Изоляция стилей и поведения, создание защищенных компонентов.

- Примеры создания интерфейсов, работающих с нативным JavaScript и интегрируемых с фреймворками, такими как React и Vue, где уже есть поддержка для веб-компонентов.

Что узнают участники?

Как создать нативные веб-компоненты с использованием JavaScript и Shadow DOM — мощные, инкапсулированные элементы для долгосрочной поддержки.

🤖 Методы работы с Shadow DOM — независимость от остального кода и адаптация под любые задачи

Почему веб-компоненты — это фундамент для универсальных интерфейсов, и как фреймворки уже используют эти принципы, давая возможность легко внедрять и масштабировать элементы.

🔥Регистрируйтесь на урок 4 декабря, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://clck.ru/3EyEUF

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

02 Dec, 14:49


Pure CSS Still Life - Water and Lemons

Картинка создана на чистом CSS.

https://codepen.io/ivorjetski/pen/xMJoYO

JavaScript Learning

01 Dec, 18:43


#вопросы_с_собеседований
В чем разница между обычной функцией и функциональным выражением?

Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.

JavaScript Learning

01 Dec, 15:53


#Вопросы_с_собеседования

Что такое унарная функция?

Унарная функция (т.е. монадическая) — это функция, которая принимает ровно один аргумент.

JavaScript Learning

28 Nov, 11:16


#Вопросы_с_собеседования
Для чего используется оператор "||"?

Оператор "||" (логическое или) находит и возвращает первое истинное значение. Он также использует сокращенное вычисление. Данный оператор использовался для присвоения параметров по умолчанию в функциях до того, как параметры по умолчанию были стандартизированы в ES6.

JavaScript Learning

27 Nov, 08:56


#Вопросы_с_собеседования
Как можно создать приватные переменные в JavaScript, используя функции?


В JavaScript приватные переменные в объектах или классах можно создать, используя замыкания. Это достигается путём определения переменных внутри конструктора функции или фабричной функции, делая их недоступными напрямую извне.

В этом примере, переменная count является приватной для объекта counter. Она доступна только через методы increment и getCount, определённые внутри createCounter, и не может быть изменена напрямую извне. Это один из способов инкапсуляции данных в JavaScript.

JavaScript Learning

26 Nov, 14:09


#вопросы_с_собеседований
Сумма вершин дерева

В принципе, название задачи говорит само за себя. Пример дерева приведён на первой картинке, на второй — рекурсивное решение. Конечно, можно обойтись без рекурсии.

JavaScript Learning

25 Nov, 17:33


Сопоставление массивов без .map()

map() - довольно сложный метод, который можно использовать в том числе и для сопоставления массивов. Альтернативой является метод from().

JavaScript Learning

25 Nov, 15:33


Вы опытный web-разработчик? Приходите на открытый вебинар "От React к Vue за один шаг: как легко освоить новый фреймворк"!

Что будет на вебинаре?
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.

Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.

🔥Регистрируйтесь на урок 27 ноября, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://clck.ru/3Epkgt

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

25 Nov, 14:37


#вопросы_с_собеседований
Для чего нужны data-атрибуты?

Перед тем, как фреймворки JS стали популярны, фронтендеры использовали data-атрибуты, чтобы хранить некоторые данные прямо в DOM без ухищрений вроде нестандартных атрибутов или дополнительных свойств в DOM. Атрибуты данного семейства были нужны для хранения данных пользователя, для которых не существует более подходящих атрибутов или элементов.

На сегодняшний день использование data-атрибутов не поощряется. Одной из причин является то, что пользователь может изменить данные в атрибуте просто при помощи инспектора кода в браузере. Данные нужно хранить в самом JavaScript и обновлять DOM при помощи связывания данных через ваш фреймворк.

JavaScript Learning

25 Nov, 11:53


Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript!

🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний.

Вы освоите создание программ с использованием основных конструкций языка, сможете составлять программы из нескольких модулей и научитесь анализировать ошибки в коде с помощью отладочной печати.

💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности.

Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8K8Pef

JavaScript Learning

25 Nov, 09:02


Как подождать, пока определённый порт будет открыт, с помощью npx

Например, вам нужно написать цепочку команд, вы хотите, чтобы сначала полностью поднялся Docker-контейнер, а потом выполнилась команда.

npx wait-port 9000

Эта команда выполнится только тогда, когда что-то откроет порт 9000.
Пакет доступен здесь.

JavaScript Learning

24 Nov, 16:27


Метод console.group()

Данный метод пригодится всем, кто любит аккуратность не только в самом проекте, но и в консоли. Он пододвигает все следующие сообщения правее, отделяя их друг от друга. Отменить такой сдвиг можно методом console.groupEnd(). Отображение сдвига зависит от среды, где исполняется метод — она может добавлять свои детали в реализации.

JavaScript Learning

21 Nov, 17:46


#вопросы_с_собеседований
Как найти подстроку в строке?

Метод charAt возвращает символ по указанному индексу.

Метод includes проверяет, содержит ли строка переданную подстроку. Возвращается true либо false. Вторым параметром возможно передать индекс в строке, с которого надо начать поиск, но это необязательно.

Метод search проверяет, присутствует ли в строке переданное значение либо регулярное выражение и возвращает индекс начала совпадения. В случае, если переданное значение не найдено, возвращается -1.

JavaScript Learning

21 Nov, 14:59


💻 Ты еще не в курсе последних IT-трендов? 🤯
Скорее всего, твои конкуренты уже внедряют новые фишки в проекты!

🚀 Эксклюзив в мире фронтенда, инсайды из мира технологий, лайфхаки для разработчиков – всё это уже ждёт тебя в моём блоге.
Не пропусти – будь впереди всех! 👀

🌐 Подписывайся прямо сейчас и прокачай свои навыки быстрее, чем другие напишут console.log('hello world')!

➡️ Перейти в канал ⬅️

JavaScript Learning

21 Nov, 14:21


Задача. Напишите функцию isEmpty(object), которая возвращает true, если у объекта нет свойств, иначе false.

Ответ

JavaScript Learning

20 Nov, 18:27


JavaScript. Что будет выведено в консоль?

Ответ

JavaScript Learning

20 Nov, 14:57


⚡️ Открытый урок «Эффективная работа с Next.js и TypeScript»

🗓 25 ноября в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Практический курс по TypeScript» от Otus.

На вебинаре:

✔️разберем, как создавать масштабируемые и производительные приложения с помощью Next.js и TypeScript;
✔️ поговорим об использовании статической и серверной генерации, работе с маршрутизацией и оптимизации производительности;
✔️обсудим типизацию компонентов и интеграцию с внешними API для создания надежных приложений.

🔗 Ссылка на регистрацию: https://clck.ru/3Eixq4

🎁 Только в "Черную пятницу", скидки на курс до 15%! Подробности у менеджеров.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

20 Nov, 09:28


Параметры функций

Возможность устанавливать значения по умолчанию для аргументов функции была отличным дополнением в JavaScript. Мы также можем кидать ошибки, когда данный параметр не передан функции.

JavaScript Learning

19 Nov, 18:05


#вопросы_с_собеседований
Как бы Вы реализовали метод Array.prototype .map?

Метод map создает новый массив с результатом вызова указанной функции для каждого элемента массива.

JavaScript Learning

17 Nov, 15:03


#Вопросы_с_собеседования
Чем отличаются '=='' и '===' в JavaScript, и в каких случаях следует использовать каждый из этих операторов?

В JavaScript, '==' это оператор равенства, который выполняет приведение типов при сравнении, что означает, что он может считать равными значения разных типов после их преобразования (например, '5' == 5). В отличие от этого, '===' это оператор строгого равенства, который не выполняет приведение типов и сравнивает как значения, так и типы данных. Использование '===' рекомендуется для предотвращения неожиданных результатов из-за приведения типов.

JavaScript Learning

16 Nov, 15:45


😯 Топ 7 библиотек для управления состоянием в React

В этой статье автор расскажет о наиболее важных библиотеках и о том, на что обращать внимание при принятии решения.

Смотреть статью

JavaScript Learning

15 Nov, 12:07


Забудьте о конкатенации, используйте шаблонные строки (литералы)

Конкатенация строк с помощью оператора "+" – это старая школа. Более того, конкатенация строк с участием большого количества переменных (или выражений) повышает риск возникновения путаницы и ошибок.

Шаблонные строки (или литералы) позволяют встраивать выражения прямо в текст. Они обладают уникальным синтаксисом, при котором строка заключается в обратные кавычки (``). Шаблонная строка может содержать места для подстановки динамических значений. Такие места отмечаются знаком доллара и фигурными скобками. Например, ${выражение}.

JavaScript Learning

13 Nov, 17:08


Когда можно создать стандартную функцию, можно создать и стрелочную. Обычно второй вариант лучше, так как синтаксис проще.

В React часто используют стрелочные функции для создания компонентов и для методов массивов высшего порядка, таких как map() и filter().

JavaScript Learning

11 Nov, 16:37


#вопросы_с_собеседований
Напишите "однострочное" решение, вычисляющее сумму квадратных корней всех чётных чисел массива из целых чисел.

Метод reduceRight() применяет функцию к аккумулятору и каждому значению массива справа налево, сводя массив в одно значение.

JavaScript Learning

11 Nov, 14:44


🔥Тест по React JS от OTUS🔥

— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!

🚀ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS https://clck.ru/3EYFtg

Курс доступен в рассрочку.

🎁Пройдете успешно тест, получите доступ к открытым урокам курса.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

JavaScript Learning

11 Nov, 12:00


Кэширование длины в цикле

Когда мы изучаем программирование на JavaScript, то во всех туториалах встречаем стандартную конструкцию цикла for (пример №1 на картинке).

Нужно следовать рекомендованному шаблону, ведь так? Но он не совсем оптимален. На каждой итерации цикла длина массива array будет высчитываться заново. Иногда это полезно, но в большинстве случаев эффективнее будет ее кэшировать после первого расчета. Для этого создадим переменную length. Это можно сделать в первой части условия, вместе с определением счетчика цикла (пример №2).

Лаконичность кода почти не страдает, но при работе с большими массивами он будет работать немного эффективнее.

JavaScript Learning

10 Nov, 20:48


Деструктуризация псевдонимов

Деструктуризация — довольно приятное дополнение в JavaScript, так как иногда предпочтительно ссылаться на свойства под другим именем, и можно использовать псевдонимы.

JavaScript Learning

07 Nov, 18:06


#Вопросы_с_собеседования

Как добавить в строку пробелы или другие символы?

padStart
добавляет в начало строки символы, пока она не достигнет длины, заданной первым параметром. Вторым параметром можно указать любой символ. padEnd работает аналогично, добавляя символы в конец.

JavaScript Learning

07 Nov, 15:11


🚀 Вебинар: Погружение в децентрализованные технологии🚀

Узнайте, как использовать Solidity для создания продвинутых dApp. Этот вебинар важен для понимания текущего состояния и потенциала Web3, что критично для разработчиков в освоении Solidity и создании продвинутых dApp.

Дата и время: 11.11.2024 в 20:00 (мск)

На уроке будет:
- Обсуждение базовых технологий, включая блокчейн и смарт-контракты
- Представление и анализ нескольких децентрализованных приложений
- Рассмотрение успешных кейсов использования Solidity
- Обсуждение безопасности
- Прогнозы и перспективы развития децентрализованных технологий

В результате участники получат актуальные знания о применении Solidity в разработке современных dApp.

Не упустите возможность узнать больше о dApp и их потенциале!

👉 Зарегистрируйтесь для участия: https://clck.ru/3ETpDu

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

07 Nov, 09:31


Задача

Дано натуральное число, необходимо преобразовать его в римскую запись.

Римские цифры представлены семью разными символами:

I - 1,
V - 5,
X - 10,
L - 50,
C - 100,
D - 500,
M - 1000

Справка: римские цифры обычно пишутся от наибольшего к наименьшему слева направо. Однако цифра четыре - это не IIII. Вместо этого число четыре записывается как IV. Поскольку единица стоит перед пятью, мы вычитаем ее и получаем четыре. Тот же принцип применяется к числу девять, которое записывается как IX.

Вычитание используется в шести случаях:

- I можно поставить перед V (5) и X (10), чтобы получилось 4 и 9.
- X можно поставить перед L (50) и C (100), чтобы получилось 40 и 90.
- C можно поставить перед D (500) и M (1000), чтобы получилось 400 и 900.

Входные данные: n - натуральное число от 1 до 3000.

Вывод: римская запись числа n.

Ответ

JavaScript Learning

06 Nov, 18:27


JavaScript. Что будет выведено в консоль?

Ответ

JavaScript Learning

06 Nov, 15:01


🦾 Пришло время повысить свои навыки разработки с помощью TypeScript!

«Практический курс по TypeScript» от OTUS — это не только актуальная теоретическая база, но и практика на реальных кейсах.
Под руководством опытных экспертов вы изучите, как TypeScript взаимодействует с разными фреймворками, и научитесь использовать его преимущества на всех уровнях разработки.

Повышайте эффективность и надежность вашего кода! Выполненный проект по реальному кейсу усилит ваше портфолио и выделит вас среди других специалистов.

Начните обучение прямо сейчас и станьте востребованным TypeScript-разработчиком.

🔗 Подробнее о курсе: https://clck.ru/3ESZEE

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

JavaScript Learning

06 Nov, 08:38


Magnify Glass w/ Zoom

Изначально на картинку накладывается фильтр blur. В js создана логика, благодаря которой фильтр убирается в месте, где находится курсор пользователя.

https://codepen.io/kitjenson/pen/ExLRrgw

JavaScript Learning

05 Nov, 07:07


#Вопросы_с_собеседования
В чем разница между обычной функцией и функциональным выражением?

Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.

JavaScript Learning

04 Nov, 09:38


Различие между Object.freeze() и const

const и Object.freeze – две разные фичи JavaScript. const применяется только для неизменяемой ссылки на ячейку памяти со значением, что означает невозможность задать новое значение для переменной.

Object.freeze работает со значениями объектов. Делает объект неизменяемым, то есть изменить его свойства невозможно.

JavaScript Learning

01 Nov, 12:20


Clocktober day 21: Perspective - Стильные часы для вашего сайта

https://codepen.io/jkantner/pen/BaMazpK

JavaScript Learning

31 Oct, 07:12


Спред-оператор

Дает возможность развернуть массив, объект или строку на элементы.

JavaScript Learning

30 Oct, 18:28


CSS Dots wave

Анимированная сцена, реализованная с помощью SCSS, без использования JavaScript.

https://codepen.io/amit_sheen/pen/vYpZBwP

JavaScript Learning

30 Oct, 15:28


⚡️ Открытый урок «Создание мощных GraphQL серверов с TypeScript и NestJS»

🗓 6 ноября в 19:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Практический курс по TypeScript» от Otus.

На вебинаре разберем:

✔️ как с нуля построить высокопроизводительный GraphQL сервер, используя TypeScript и фреймворк NestJS;
✔️ как проектировать архитектуру серверной части для обеспечения масштабируемости и безопасности;
✔️ а также, обсудим основные принципы GraphQL, настройку схем, резолверов и интеграцию с базой данных.

🔗 Ссылка на регистрацию: https://clck.ru/3EJLFv

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

30 Oct, 11:42


Быстрое округление

Если нужно сделать дробное число целым, вы используете Math.floor(), Math.ceil() или Math.round() – в зависимости от нужного эффекта. Но есть и более быстрый путь – побитовое ИЛИ.

Поведение оператора с положительными и отрицательными операндами отличается. Положительные округляются вниз, негативные – вверх. Все цифры после десятичной точки удаляются.

JavaScript Learning

28 Oct, 18:41


Анимированный полет с помощью Theatre.js и React Three Fiber

Разбираемся, как отобразить 3D-сцену на веб-странице и перемещать по ней камеру во время прокрутки пользователем. Всего 50 строк кода.

Читать

JavaScript Learning

28 Oct, 15:11


Введение в смарт-контракты и пример создания своего токена
Бесплатный вебинар для погружения в смарт-контракты и написание на языке Solidity

Время и дата проведения: 31.10.2024 в 20:00

Особенности вебинара:
- Общая информация про блокчейн, смарт-контракты
- Введение в смарт-контракты
- Практическая часть - написание своего токена

Спикер:
Александр Куперман, Senior Solidity Engineer (Швейцария). Программирует более 20 лет, специалист по Solidity, блокчейн стеку. Работал в Blue Brain Project, Cleverdist, Huawei, Valory. Образование: НГТУ (Россия), UOU (Корея), RPI (США).

Этот вебинар — часть курса Solidity Developer. В рамках курса вы получите знания и сможете применять их на практике под руководством опытных преподавателей.

👉 Для участия в вебинаре зарегистрируйтесь на сайте: https://clck.ru/3EFbkb

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

28 Oct, 13:47


Разница операторов сравнения в двух словах

Оператор == выполняет преобразование типов, а === нет. Именно поэтому === обычно и используется.

JavaScript Learning

27 Oct, 15:04


Как getElementByID работает в JavaScript?

Метод документа getElementById() возвращает объект, представляющий элемент, свойство id которого совпадает с заданным значением. Этот метод используется для управления элементом в нашем документе.

JavaScript Learning

26 Oct, 17:27


#вопросы_с_собеседований
В чем разница между явным и неявным преобразованием или приведением к типу (Implicit and Explicit Coercion)?

Неявное преобразование — это способ приведения значения к другому типу без нашего ведома (участия).

Предположим, у нас есть следующее:
console.log(1 + '6')
console.log(false + true)
console.log(6 * '2')

Результатом первого console.log будет 16. В других языках это привело бы к ошибке, но в JS 1 конвертируется в строку и конкатенируется (присоединяется) к 6. Мы ничего не делали, преобразование произошло автоматически.

Результатом второго console.log будет 1. False было преобразовано в 0, true — в 1. 0 + 1 = 1.

Результатом третьего console.log будет 12. Строка 2 была преобразована в число перед умножением на 6.

Явное преобразование предполагает наше участие в приведении значения к другому типу:
console.log(1 + parseInt('6'))

В этом примере мы используем parseInt для приведения строки 6 к числу, затем складываем два числа и получаем 7.

JavaScript Learning

23 Oct, 17:28


#Вопросы_с_собеседования

Как объединить строки?
Как повторить строку несколько раз?

Ответ на картинке.

JavaScript Learning

23 Oct, 15:07


🦾 Ты круто кодишь на JavaScript? Всегда есть куда расти.

Пришло время освоить TypeScript и выйти на новый уровень!

Приходи повышать грейд на хардовый курс «Практический курс по TypeScript» от OTUS.

Что ты получишь на курсе:

✔️ Актуальные теоретические знания TypeScript;
✔️ Практика на реальных кейсах написанию кода;
✔️ Понимание как Typescript работает с различными фреймворками;
✔️ Изучение преимуществ и особенностей работы Typescript на back/front сторонах.

🗓 6 ноября в 20:00 мск., пройдет бесплатный открытый урок курса, тема «Создание мощных GraphQL серверов с TypeScript и NestJS».

🔗 Ссылка на регистрацию: https://clck.ru/3E9PSd

Будет интересно!

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

23 Oct, 09:15


#вопросы_с_собеседований
Объясните стрелочные функции.

Стрелочная функция – это краткий способ записи функциональных выражений.

Стрелочные функции не являются конструкторами, не поддерживают ключевые слова this, arguments, super и new.target и записываются так, как показано на картинке.

JavaScript Learning

22 Oct, 18:13


Как валидировать JSON в javascript?

Функция JSON.parse() принимает строку и преобразует её в объект JSON, и при получении невалидного JSON она генерирует исключение Uncaught SyntaxError: Unexpected string in JSON.

JavaScript Learning

22 Oct, 14:56


Как создать свой Telegram-бот и начать зарабатывать уже сегодня?

Научим делать самые полезные и прибыльные боты на нашем бесплатном онлайн-практикуме и расскажем про то, как обучиться профессии промт-инженера с доходом 500.000 руб.

По итогам эфира вы узнаете:
— Как написать код для создания ботов;
— Кто такой промт-инженер и чем он занимается;
— Кому в действительности нужны его услуги и сколько за это платят;
— Кто может стать промт-инженером и какой порог входа;

Кликай на ссылку и забирай подробную информацию вместе с классными бонусами.

erid: LjN8K1kow
ООО Зерокодер, ИНН 9715401631

JavaScript Learning

22 Oct, 08:39


Отключение действия, выполняемого по щелчку правой кнопки мыши

Возможно, вам когда-нибудь понадобится запретить пользователям вашего сайта вызывать контекстные меню элементов щелчком правой кнопки мыши. Хотя это используется и нечасто, но иногда такие требования бывают.

И собственно вот этот простейший приём позволяет отключить на странице функционал правой кнопки мыши.

<body oncontextmenu="return false">
<div></div>
</body>

JavaScript Learning

21 Oct, 17:44


Animated Star Rating

Каждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

https://codepen.io/jkantner/pen/BarvVNa

JavaScript Learning

21 Oct, 14:56


Бесплатное IT-образование в 2024

Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления

Выбирайте нужное и подписывайтесь:

👩‍💻 Frontend: @FrontendPortal
⚙️ Backend: @BackendPortal
📱 GitHub: @git_developer
🤓 Книги айти: @portalToIT
👩‍💻 Python: @PythonPortal
👩‍💻 Java: @Java_Iibrary
👩‍💻 C#: @KodBlog
👩‍💻 С/С++: @Cpportal
🖥 Базы Данных & SQL: @SQL
👩‍💻 Golang: @juniorGolang
👩‍💻 PHP: @PHPortal
👩‍💻 Моб. разработка: @MobDev
👩‍💻 Разработка игр: @GameDevgx
👩‍💻 DevOps: @loose_code
🖥 Data Science: @DataSciencegx
🤔 Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal
📱 Маркетинг: @MarketingPortal
🖥 Дизайн: @PortalToDesign

➡️ Сохраняйте себе, чтобы не потерять

JavaScript Learning

21 Oct, 09:16


Profile Card UI — Карточка профиля, написанная с помощью SCSS и JavaScript.

https://codepen.io/team/jotform/pen/XWmqoMp

JavaScript Learning

18 Oct, 08:41


Узнаем время выполнения кода

Чтобы измерить время в микросекундах (не миллисекундах) надо воспользоваться стандартной функцией performance.now(). Она возвращает вещественное число (время от начала выполнения процесса) в милисекундах, а дробная часть есть соответсвенно микросекунды.

JavaScript Learning

17 Oct, 18:48


#Вопросы_с_собеседования

🔍 Почему результатом сравнения двух похожих объектов является false?

В JS объекты и примитивы сравниваются по-разному. Примитивы сравниваются по значению. Объекты — по ссылке или адресу в памяти, где хранится переменная. Вот почему первый console.log возвращает false, а второй — true. Переменные «a» и «c» ссылаются на один объект, а переменные «a» и «b» — на разные объекты с одинаковыми свойствами и значениями.

JavaScript Learning

17 Oct, 16:19


👩‍💻 Хотите повысить свои навыки разработки с помощью TypeScript?

«Практический курс по TypeScript» от OTUS — это не только актуальная теоретическая база, но и практика на реальных кейсах.
Под руководством опытных экспертов вы изучите, как TypeScript взаимодействует с разными фреймворками, и научитесь использовать его преимущества на всех уровнях разработки.

🦾 Повышайте эффективность и надежность вашего кода! Выполненный проект по реальному кейсу усилит ваше портфолио и выделит вас среди других специалистов.

Начните обучение прямо сейчас и станьте востребованным TypeScript-разработчиком.

🔗 Подробнее о курсе: https://clck.ru/3Dzwim

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

JavaScript Learning

17 Oct, 06:55


#Вопросы_с_собеседования

Как проверить, является ли значение массивом?

Для этого следует использовать метод Array.isArray.

JavaScript Learning

14 Oct, 15:08


Steam inspired game card hover effect

Эффект блика в стиле Steam при наведении на игровую карточку, реализованный на чистом CSS.

https://codepen.io/andrewhawkes/pen/RwwOJrO

JavaScript Learning

12 Oct, 17:23


🎙️5 способов создания DOM-элементов из HTML-строк методами JavaScript

Рассказываем о пяти методах, которые помогут вам гибко и безопасно добавлять динамический контент на страницы, используя ванильный JavaScript.

Смотреть статью

JavaScript Learning

10 Oct, 18:20


Interactive 3D die

Вращение трехмерных игральных костей согласно вводу пользователя, реализованное на чистом CSS.

https://codepen.io/HunorMarton/pen/mdERrLy

JavaScript Learning

10 Oct, 15:34


Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?

➡️Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:

✔️архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔️как создавать маршруты, контроллеры и использовать middleware;
✔️как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔️методы тестирования и отладки приложений Nest.Js.

Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.

Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3DqXn8

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Learning

10 Oct, 12:34


Animated feedback form

Анимированная форма обратной связи, реализованная с помощью CSS, jQuery и TweenMax.js.

https://codepen.io/izmaelmag/pen/NqyEKx

JavaScript Learning

09 Oct, 18:17


JavaScript. Что будет выведено в консоль?

Ответ: 4. Потому что массивы – это объекты. Обе переменные, shoppingCart и fruits, являются ссылками на один и тот же массив.

JavaScript Learning

09 Oct, 10:56


Бесплатный фоновый ремувер заднего фона, работающий в вашем браузере на базе WebGPU (с использованием transformer.js)

И да, он с открытым исходным кодом, так что вы можете развернуть свой собственный экземпляр в любом месте. https://github.com/ducan-ne/remove-bg

JavaScript Learning

07 Oct, 07:25


#вопросы_с_собеседований
В чем смысл указания use strict в начале JS-файла?

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

JavaScript Learning

04 Oct, 14:34


#вопросы_с_собеседований
В чем разница между атрибутами и свойствами?

Атрибут — термин из HTML, а свойство — из JS. Атрибут — значение в HTML-разметке, а свойство принадлежит объекту JavaScript.

JavaScript Learning

03 Oct, 12:13


JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.

Ответ

JavaScript Learning

03 Oct, 06:07


SCSS Washing machine

Стиральная машинка на HTML и SCSS.

https://codepen.io/Arkellys/pen/YoYNve

JavaScript Learning

02 Oct, 11:28


Задача

Дан массив целых чисел arr и целое число K. Необходимо найти количество непрерывных подмассивов, сумма элементов которых равна числу K.

Условие: необходимо написать алгоритм с линейной сложностью по времени (т.е. O(N), где N - количество элементов исходного массива).

Входные данные: arr - массив целых чисел, размер массива от 1 до 10^4. Элементы массива - целые числа в диапазоне [-1000, 1000], K - целое число в диапазоне [-10^5, 10^5].

Выходные данные: количество непрерывных подмассивов.

Ответ

JavaScript Learning

01 Oct, 07:10


#вопросы_с_собеседований
В чем разница между методами call и apply?

Отличие между call и apply состоит в том, как мы передаем аргументы в вызываемой функции. В apply аргументы передаются в виде массива, в call — через запятую.

JavaScript Learning

30 Sep, 17:36


Как добавить в строку пробелы или другие символы?

padStart
добавляет в начало строки символы, пока она не достигнет длины, заданной первым параметром. Вторым параметром можно указать любой символ. padEnd работает аналогично, добавляя символы в конец.