☑️ ОПРЕДЕЛЯЕМ ПУСТОЙ ЛИ ОБЪЕКТ В JavaScript

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

☑️ ИМПОРТ JSON ФАЙЛА НАПРЯМУЮ ИЗ JavaScript в браузере

Множество веб приложений используют json файлы для получения конфигурации приложения, версионирования или других целей. Сегодня в Google Chrome последней версии была добавлена возможность импортировать .json файлы напрямую из .js модулей.

Когда разработчик хочет импортировать модуль JSON, он должен использовать утверждение импорта, assert: { type: 'json' } в асинхронном варианте или assert { type: 'json' } в обычном импорте, чтобы указать, что это должен быть JSON.
Импорт не удастся, если тип MIME, полученный из сети, не соответствует ожидаемому типу application/json.

🎬 Решил сделать бесплатный курс на Youtube по Redux-Saga.
Если вам интересна данная технология и вы хотите узнать о ней больше - welcome:

https://youtu.be/ah5voE_SGjo

Буду благодарен за лайк и коммент под видео!

☑️ TIPS AND TRICKS #21

Бывают случаи, когда нам нужно отображать только первые символы слов, например инициалы или аббревиатуры.
Достичь этого можно вообще без использования JavaScript, а лишь только с использованием CSS. Песочница: https://jsfiddle.net/dot21gcz/

☑️ Контекст вызова this в JavaScript за 1 минуту.

Простое объяснение контекста в JavaScript + все варианты использования:
Глобальная область видимости, function, new, object, arrow function, bind, call, apply.

☑️ Новое свойство Object.hasOwn в JavaScript

Уже доступно в версии v9.3 движка V8 за флагом --harmony-object-has-own, и скоро будет доступен в Chrome и других современных браузерах.

☑️ TIPS AND TRICKS #22

Различные способы извлечения первого и последнего элементов массива.

🎬 Второе видео курса по Redux-Saga + React уже на Youtube.

Если вам интересна данная технология и вы хотите узнать о ней больше - welcome по ссылке:

https://www.youtube.com/watch?v=7Pq-2bBIzXY

☑️ TIPS AND TRICKS #23

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

🎬 На канале уже доступен 3-й урок бесплатного курса по Redux-Saga.
Если вам интересна данная технология и вы хотите узнать о ней больше - welcome по ссылке https://youtu.be/OsTWNBnzjJk

☑️ TIPS AND TRICKS #24

Удаляем свойства из объекта различными способами в JavaScript.

🎬 Собеседование Junior Angular Developer

Только после 45-ти Александр начал изучать программирование.
Сейчас ему 53 года и он активно обучается и ищет работу в IT.
Мы договорились провести собеседование для оценки уровня подготовки и знаний на позицию Junior Frontend Angular.

Ссылка: https://youtu.be/IwKJVg45nSE

☑️ Область видимости переменных (Scope) в JavaScript.

Переменные, объявленные с const и let могут иметь блочную и функциональную область видимости, а переменные, объявленные с помощью ключевого слова var имеют только функциональную.

Области видимости могут быть вложенными.
Переменные, объявленные во внешней области видимости, доступны во внутренней.

#wise_shorts

☑️ Зачем нужен BigInt в JavaScript?

BigInt – это специальный числовой тип, который предоставляет возможность работать с целыми числами произвольной длины. Рекомендуется использовать его только тогда, когда разумно ожидаются значения, превышающие 2 в 53 степени и не приводить между двумя типами.

☑️ TIPS AND TRICKS #25

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

#wise_tips

🎬 Пишем с нуля приложение на Nextjs + Contentful Headless CMS + typescript.
Блог с контентом из CMS и отрисовкой на React SSR.

Смотреть по ссылке: https://youtu.be/ew19gcnvX70

#wise_tutorial

☑️ Блоки статической инициализации класса

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

#wise_tips

🎬 Новое видео на канале

Ошибки начинающих фронтендеров при работе с условными операторами и не только.

https://www.youtube.com/watch?v=eR_sRSQYo3o&ab_channel=WisejsFrontend

Отдельная благодарность за лайк или комментарий!

☑️ Паттерн кеширования свойств в JavaScript

Обычно, для избежания тяжелых вычислений, мы используем первый вариант. Однако, в таком решении мы используем свойство и getter (2 поля). В решении №2 мы используем 1 поле getter, заменяя его на статическое свойство сразу после вычисления.

#wise_tips

☑️ TIPS AND TRICKS #26

Создаем разметку ссылки с помощью метода link в JavaScript.

#wise_tips