Функциональное программирование в JavaScript: руководство с практическими примерами

Функциональное программирование (ФП) — это стремительно набирающий популярность стиль написания кода. Есть много материалов о концепциях ФП, но мало — о том, как применять их на практике. На мой взгляд, разбираться в примерах использования куда важнее, ведь по-настоящему понять и прочувствовать стиль программирования можно только на практике. Поэтому данная статья будет посвящена практическому введению ПОДРОБНЕЕ

Ember.js или Vue.js: какой фреймворк выбрать?

Изначально JavaScript создавался для работы с веб-приложениями, однако теперь он используется для создания мобильных приложений. Фреймворки на основе JavaScript популярны среди разработчиков, поскольку они упрощают процесс разработки. Использование определенного фреймворка определяет скорость и уровень сложности создания приложения. Таким образом, для достижения успешного результата необходимо выбрать лучший вариант для приложения. Приведем ПОДРОБНЕЕ

Эффективное использование ESLint

Когда мы взаимодействуем в каком-либо проекте, то лучше всего придерживаться некоего общего стиля написания кода. Это облегчит коллегам его чтение и сократит временные затраты. Но как же понять, знают ли все этот общепринятый стиль? И как убедиться, что все ему следуют? На первый вопрос можно ответить с помощью специального приложения, ПОДРОБНЕЕ

Основы JavaScript: управление DOM элементами (часть 4)

Часть 1, Часть 2, Часть 3, Часть 4 Изменения в DOM Давайте теперь рассмотрим, как добавлять, изменять, заменять и удалять узлы из DOM. В частности рассмотрим методы createElement() и createTextNode() , а также node.textContent и node.innerHTML. Создание новых узлов В этом разделе работаем со следующим HTML: <!DOCTYPE html> <html lang=»en»> <head> <title>Master the DOM!</title> ПОДРОБНЕЕ

Советы по анимации с CSS и JavaScript

Основы “плавности” Анимации — важная часть создания привлекательных веб-приложений и сайтов. Пользователи ожидают высокую отзывчивость и интерактивность. В классической анимации движение, скорость которого в начале низкая, а затем увеличивается, называется «slow in» (смягчение в начале движения), а движение, скорость которого в начале высокая, а затем уменьшается ― «slow out» (смягчение ПОДРОБНЕЕ

3 способа клонирования объектов в JavaScript

Поскольку объекты в #JavaScript являются ссылочными значениями, их нельзя просто скопировать с помощью =. Но не беспокойтесь, существует 3 способа клонирования объекта 👍. const food = { beef: ‘🥩’, bacon: ‘🥓’ } // «Spread» { …food } // «Object.assign» Object.assign({}, food) // «JSON» JSON.parse(JSON.stringify(food)) // RESULT: // { beef: ‘🥩’, ПОДРОБНЕЕ

Основы JavaScript: управление DOM элементами (часть 3)

Часть 1, Часть 2, Часть 3 Навигация по DOM элементам Обход DOM или, проще говоря, навигация по DOM элементам — это работа со свойствами родительских, дочерних и соседних DOM элементов с помощью JavaScript. В качестве примера мы будем использовать следующий код: <!DOCTYPE html> <html> <head> <title>Traversing the DOM</title> </head> <body> <h1>Traversing the ПОДРОБНЕЕ

Основы JavaScript: управление DOM элементами (часть 1)

Объектная модель документа или DOM определяет логическую структуру HTML документа и в основном представляет собой интерфейс веб-страниц. С помощь таких языков программирования, как JavaScript, мы можем получить доступ к DOM и управлять веб-сайтами для создания интерактивности. Что такое DOM? В своей основе сайт должен содержать HTML-документ — index.html. Используя браузер, мы просматриваем сайт, ПОДРОБНЕЕ

Почему написание собственного кода делает вас лучшим разработчиком

На днях я проводил собеседование на позицию senior разработчика JavaScript. Мой коллега, тоже присутствовавший на собеседовании, попросил претендента написать функцию, которая будет выполнять HTTP-вызов и повторять его несколько раз в случае неудачи. Так как он писал код на маркерной доске, псевдокода было бы достаточно. Мы были бы довольны, если бы ПОДРОБНЕЕ

Оператор Spread и деструктуризация в JavaScript: практическое руководство

Некоторые языки программирования содержат операторы, которые встречаются достаточно редко, присутствуют не в каждом языке или используют разный синтаксис. В этой статье мы рассмотрим два подобных оператора: Оператор spread, в котором тяжело разобраться отчасти из-за сложной документации при отсутствии большого опыта в разработке. Деструктуризация, представляющая собой логическое действие, однако из-за отсутствия ПОДРОБНЕЕ