Главная » Архив меток: JavaScript

Архив меток: JavaScript

Создание децентрализованного веб-чата за 15 минут

От автора: в этом 15-минутном руководстве мы создадим простое децентрализованное приложение для чата, которое полностью работает в веб-браузере. Все, что потребует от вас создание чата, это текстовый редактор, веб-браузер и базовые знания о том, как сохранять HTML-файлы и открывать их в браузере. Мы собираемся использовать Bugout, библиотеку JavaScript, которая занимается одноранговыми сетями и криптографией. Если вам нужны только файлы, скачайте ...

Читать далее »

Использование CSS-in-JS для стилизации пользовательских элементов

От автора: сегодня рассмотрим, как делается стилизация CSS-in-JS по отношению к пользовательским элементам. Популярность CSS-in-JS в основном исходит от сообщества React, и действительно многие библиотеки CSS-in-JS специфичны для React. Тем не менее, Emotion, самая популярная библиотека с точки зрения количества загрузок через npm, не зависит от фреймворка. При создании пользовательских элементов распространено использование shadow DOM, но это не обязательно. Не ...

Читать далее »

Основы JavaScript: Изучаем элементы DOM! (Часть 2)

От автора: в этой статье мы узнаем все о том, как обходить элементы DOM в JavaScript, а также вносить в них изменения. Мы продолжаем тему, начатую в статье Изучаем DOM! (Часть 1). Итак, начнем! Обход DOM Когда мы проходим DOM, мы по сути перемещаемся по нему. Мы работаем с родительскими дочерними и одноуровневыми свойствами, чтобы применить JavaScript к элементам DOM. ...

Читать далее »

Основы JavaScript: Изучаем работу с DOM! (Часть 1)

От автора: объектная модель документа, или «DOM», определяет логическую структуру документов HTML и по существу выступает в качестве интерфейса для веб-страниц. Благодаря использованию языков программирования, таких как JavaScript, мы можем получить доступ к DOM, чтобы управлять веб-сайтами и делать их интерактивными. В этой статье мы рассмотрим объект document, дерево DOM и узлы. Мы также узнаем все о том, как получить ...

Читать далее »

Вывод страницы сайта на печать

От автора: приветствую вас, друзья. В этом уроке мы рассмотрим варианты решения задачи вывода страницы на печать. На самом деле реализация этой задачи крайне проста. Если вам необходимо распечатать всю страницу, тогда достаточно вызвать метод JS print(), который и откроет окно печати. Но что делать, если нам нужна не вся страница? Здесь мы и рассмотрим различные варианты решения поставленной задачи. ...

Читать далее »

Мастер JavaScript: что там с this?

От автора: печально известное ключевое слово this — одна из вещей в JavaScript, которые, кажется, смущает разработчиков больше всего. Часто this кажется непредсказуемым и нелогичным, и, безусловно, не действует как в большинстве других языков программирования. Если вы когда-либо ломали голову из-за this JavaScript, вы определенно не одиноки. const thisGuard = { firstName: 'Barnie', rank: 'this-guard', identify() { console.log(`Hi, I'm ${this.firstName}, ...

Читать далее »

Шаблоны итераторов JavaScript

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

Читать далее »

Что нового планируется в JavaScript на 2019 год

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

Читать далее »

Нахождение наиболее часто повторяющегося символа в JavaScript

От автора: как найти в коде JavaScript символ, встречающийся чаще всего, а также подсчитать общее количество повторов? В этой задаче мы будем иметь дело со строками, массивами и объектами. Мы научимся работать с этими типами данных, используя различные методы, которые в итоге дадут нам рабочее решение. Довольно разговоров, давайте приступим! Здесь вы можете найти код. У вас уже должна быть ...

Читать далее »

Углубленное изучение JavaScript: как создать конвертер цветов Hex2 RGB

От автора: в этой статье мы создадим веб-приложение — конвертер цветов RGB и шестнадцатеричного кода.   Вы можете найти демо здесь, а исходный код здесь. Структура проекта довольно проста. index.html: содержит структуру приложения. style.css: стили страницы. app.js: содержит весь код, необходимый для запуска проекта. Вот список вещей, которые я хотел, чтобы выполняло это приложение: Всякий раз, когда что-то набирается в ...

Читать далее »