​Методы event.preventDefault() и event.stopPropagation()

#webdev #javascript

Браузеры имеют установленные по умолчанию варианты поведения в различных случаях.

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

А при клике по потомку элемента событие клика также затрагивает сам элемент, потому что это главный контейнер.

В некоторых случаях вам может понадобиться перекрыть эти установки по умолчанию. В этой статье мы познакомимся с методами event.preventDefault() и event.stopPropagation(). С их помощью мы будем отменять некоторые дефолтные действия браузера.

Читать статью

​Полное руководство по regex

#javascript

Регулярное выражение (или regex) — это синтаксис, позволяющий находить строки, соответствующие определенным шаблонам. В этой статье мы рассмотрели основы regex с примерами на JavaScript и с картинками для лучшего понимания.

Читать статью

​Итераторы в JavaScript

#javascript

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

Читать статью

​LocalStorage — локальное хранилище в JavaScript

#javascript
На заре интернета для хранения данных вам нужен был сервер. Сегодня локальное хранилище (LocalStorage) позволяет хранить данные в браузерах и приложениях, не обращаясь к бэкенд-серверу.

Давайте разберем применение LocalStorage на примере.

Читать статью

​Операторы логического присваивания в JavaScript

#javascript

Javascript (ES2021) поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. Ранее составные операторы присваивания были возможны только с математическими и побитовыми операциями.

Читать статью

​Каррирование и композиция в JavaScript

#javascript

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

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

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

Читать статью

​Как установить Node.js в Ubuntu

#javascript

Веб-разработчику, работающему хоть над фронтендом, хоть над бэкендом, понадобится установить Node.js в его систему.

Но, используя обычную команду sudo apt install nodejs, можно установить очень старую версию Node, что может привести к проблемам.

Поэтому вы, скорее всего, захотите установить конкретную версию, а для этого понадобится другая команда. Она должна установить LTS-версию Node (версию с долговременной поддержкой), предпочтительную для нужд разработчиков.

В этой статье я покажу вам, как установить последнюю LTS-версию Node в операционной системе Ubuntu.

Читать статью

​Одинарные, двойные и обратные кавычки в JavaScript

Рассмотрели, чем отличается использование разных видов кавычек в JS-коде. Отдельно остановились на преимуществах шаблонных литералов.

#javascript

Читать статью

​Неизменяемость в JavaScript

#javascript

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

Читать статью

​Как использовать регулярные выражения в JavaScript

#javascript

Многие программисты, особенно начинающие, сторонятся регулярных выражений, заранее принимая как факт, что это очень сложно. Но на самом деле, если уловить их ритм, RegEx не так уж сложны, а между тем - невероятно полезны. В этой статье вы найдете несколько примеров использования регулярных выражений в JavaScript-коде.

Читать статью

​Поднятие в JavaScript

#javascript

Поднятие (англ. hoisting) в JavaScript позволяет использовать функции и переменные до их объявления. В этой статье мы разберем, что собой представляет поднятие и как оно работает.

Читать статью

​5 интересных приёмов с деструктуризацией в JavaScript

#javascript

Чтение свойств объектов и обращение к элементам массива – довольно распространённые операции. Деструктуризация значительно упрощает подобные действия. В этой статье мы рассмотрим 5 интересных и нетривиальных способов использования деструктуризации в JavaScript.

Читать статью

​29 идей проектов UI (на HTML, CSS и JavaScript)

#верстка #frontend #html #css #javascript

Создание пользовательских интерфейсов помогает закрепить знания, полученные при изучении HTML, CSS и JS, а также развить дизайнерские способности. Представляем подборку подходящих идей UI-проектов. К каждой прилагается скриншот общего вида и Codepen с примером реализации.

Читать статью

​Тернарный оператор в JavaScript: за, против, подводные камни

#javascript

Тернарные выражения и if-предложения похожи, но не эквивалентны. Между ними есть различия, на которые люди зачастую не обращают внимания. И эти различия сказываются на вашем коде.

Читать статью

​LocalStorage — локальное хранилище в JavaScript

#javascript
На заре интернета для хранения данных вам нужен был сервер. Сегодня локальное хранилище (LocalStorage) позволяет хранить данные в браузерах и приложениях, не обращаясь к бэкенд-серверу.

Давайте разберем применение LocalStorage на примере.

Читать статью

​6 библиотек JavaScript для создания PDF

#javascript

Обзоры нескольких JS-библиотек для генерации PDF. Они помогут вам подобрать подходящую библиотеку для вашего следующего приложения.

Читать статью

​Как писать комментарии к JavaScript-коду

#javascript

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

В этой статье мы расскажем о значении комментирования кода и о лучших практиках, которым следует следовать. Также на примерах покажем эффективное комментирование в JavaScript.

Читать статью

​Асинхронные итераторы в JavaScript

#javascript

Некоторое время назад я опубликовал на своем Medium статью, в которой рассказал о протоколе Iterator и его пользовательском интерфейсе. Однако в дополнение к таким API, как Promise.finally, ECMAScript 2018 принес нам еще один способ работы с итераторами. Это асинхронные итераторы.

Читать статью

​Мемоизация в React: я почитал документацию вместо вас

#javascript

Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в документацию React - я сделал это за вас, постарался выделить самое важное, и дать ссылки для углубленного погружения. В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo.

Читать статью

​Полное краткое руководство по grammY — JS-библиотеке для создания Telegram-ботов

#javascript

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

Читать статью