JavaScript заметки

😵Устали от реклам образовательных курсов и хотите просто расслабиться? Подпишитесь на канал наших друзей программистов, посвященных их прекрасной кошке Грейси! Там вы не найдете никакой рекламы. 🥳 трендовые видео, адаптированные под братьев меньших ☺️ милушные стикеры с Грейс 😅 вызывающий улыбку контент

Синхронизация между Notion и календарем Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Private методы Объекты могут иметь private методы #методы

isInteger Это аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API Number предоставляет для этого метод isInteger(). Очень полезная штука, о которой следует знать. #методы

Айтишник, изучай новые языки программирования и фреймворки легче и быстрее! 👉Прокачайте свои скиллы на бесплатном вебинаре онлайн-курса «Математика для программистов» 22.06 в 20:00 мск — «Распространенные заблуждения в программировании или чем может помочь математика»: регистрация На бесплатном вебинаре мы рассмотрим вопросы: — Почему нельзя использовать глобальные переменные? — Почему нельзя использовать операторы goto? — Что такое абстракция, поведение объекта, полиморфизм? — Что значит принцип открытости-замкнутости, а также ряд других с точки зрения математики, и как это можно использовать в программировании. Покажем, как математика позволяет давать ответы на довольно запутанные вопросы и улучшать как понимание программирования, так и качество кода. Нативная интеграция. Информация о продукте www.otus.ru

Лайфхаки для улучшения кода Делимся статьей, где автор демонстрирует полезные лайфхаки для улучшения кода. К ним относятся опциональны цепочки, оператор нулевого слияния, динамический импорт и другие. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Шпаргалка по RegEx Регулярное выражение — это последовательность символов, формирующая шаблон поиска. Шаблон поиска можно использовать для текстового поиска и операций замены текста. Делимся шпаргалкой для работы с RegEx. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

⚡️Как стать Full stack разработчиком, если везде информация для новичков? Можно бесконечно собирать знания по крупицам через ролики на ютуб и небольшие курсы с кучей воды, но это долго и неэффективно. Проще найти человека, который расскажет что сейчас работает, что нет, и что поможет выйти на высокий доход в IT Например канал Алекса — он разработчик с 16 летним стажем, через которого прошли более 100 разработчиков в личных и групповых форматах. Алекс построил карьеру с доходом более 1,5 млн рублей в месяц, и сейчас делится своим опытом и инсайдами индустрии В его канале можно найти: 📌 Обзор на топ-3 книги для Full stack разработчиков 📌 Как программисту взять максимум от ChatGPT 📌 Чему учиться, когда не знаешь следующий шаг. Беспроигрышные варианты Подписывайтесь на канал, изучайте и задавайте вопросы, Алекс ответит вам в комментариях : https://t.me/alex_kiriushin

Свойства объекта Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной. Также вы можете использовать это для получения/установки значения свойства, если его название неразрешенный идентификатор. Некоторые люди не знают этого и заканчивают это использованием eval(),что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки(невозможно использование jslint), он медленнее выполняется и может привести к XSS. #объекты

Heap out of memory Распространенной проблемой при работе с Node.js является ошибка «heap out of memory». Эта ошибка обычно возникает, когда памяти по умолчанию, выделенной твоей системой для Node.js, недостаточно для запуска большого проекта. В данной статье автор демонстрирует, как можно решить эту проблему. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Управление страницей с помощью жестов Делимся статьей, где автор демонстрирует управление страницей с помощью жестов. Для обнаружения и отслеживания руки и жестов используется MediaPipe. Для работы с зависимостями — Yarn. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Операторы === и !== Всегда используйте === и !== вместо == и !=. == не является транзитивным. Если вы используете === , то оно как и ожидалось будет возвращать false для всех вышеперечисленных случаев. #полезно

Генератор коротких CSS классов и id Делимся статьей, где автор демонстрирует генерацию коротких css классов и id элементов в html верстке. Приведен алгоритм и требования к генератору, также присутствует ссылка на npm пакет. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с аргументами функции Вам не нужно определять параметры для функции. Вы можете просто использовать массиво-подобный объект функции argument. #функции #полезно

Создание понга Делимся статьей, где автор рассказывает про создание понга с помощью JavaScript. Продемонстрирована игровая логика, создание примитивов на 2D-канвасе. Присутствует ссылка на код в GitHub и видео-гайд. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Учиться у опытного разработчика бесплатно Крутой способ учиться программированию - это следить за работой опытных разработчиков и перенимать фишки. Для этого и нужны стажировки Но можно и без стажировки - в канале @ViktorRyabkovIT ▪️Я - senior fullstack разработчик в международной компании с 5+ летним опытом разработки В своем канале я создаю бесплатный сайт с тестами для изучения фронтэнда И делаю процесс его создания - полезным контентом В чем польза? 👉🏻я показываю вам свою работу над проектом с нуля: обзоры кода, статьи с техническими фишками, видеоразборы - контент, как на платных курсах📚 Кстати, в закрепе канала уже есть авторский роадмап от 0 до джуниора и мой бесплатный курс по HTML/CSS Зачем мне это? Меняю вашу подписку на реально полезный и уникальный контент. Это честно. Подпишись, следи и обучайся - https://t.me/+y7siA62ltzU1ZWY6

Оператор || для задания значений по умолчанию Одной из малоизвестных, но полезных заметок в JavaScript является то, что можно использовать логический оператор || для задания значений по умолчанию. Если переменная имеет значение null, undefined, false или 0, то можно использовать || для установки значения по умолчанию. Например, вместо записи:

if (x === undefined) {
  x = 'default';
}

можно записать:

x = x || 'default';

Эта конструкция работает так: если значение x равно null, undefined, false или 0, то будет использовано значение 'default'. Если значение x уже установлено и является истинным, то будет использовано это значение. Такой подход позволяет сократить код и упростить его чтение и понимание. #операторы

Генератор коротких CSS классов и id Делимся статьей, где автор демонстрирует генерацию коротких css классов и id элементов в html верстке. Приведен алгоритм и требования к генератору, также присутствует ссылка на npm пакет. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Получить n последних элементов массива Метод массива slice() может принимать отрицательные целые числа, и при наличии он будет принимать значения с конца массива, а не с начала.

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(array.slice(-1)); // Result: [9]
console.log(array.slice(-2)); // Result: [8, 9]
console.log(array.slice(-3)); // Result: [7, 8, 9]

#массивы