Обложка поста

Как использовать декораторы с фабричными функциями в JavaScript

Декораторы и фабричные функции — полезные инструменты JavaScript разработчика. Рассказываем, как использовать их вместе.

Почему функция map не работает с некоторыми массивами в JavaScript и что с этим делать

Функция map в JavaScript с некоторыми массивами работает не всегда. Почему это происходит и что можно с этим сделать? Ответ вы найдёте в статье.

Обложка поста
Обложка поста

Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий

Как перестроить каверзные задачки на собеседовании на позицию фронтенд-разработчика таким образом, чтобы их было легко решить именно фронтендеру?

Обложка поста

Создаём простую игру на Vanilla JS

В этой статье мы напишем простую игру с помощью HTML, CSS и чистого JavaScript — никаких фреймворков, только хардкор.

Фундаментальные принципы объектно-ориентированного программирования на JavaScript

Многие привыкли к ООП через классовое наследование. Кто-то использует прототипное, как в JavaScript. А что если есть лучшая альтернатива обоим?

Обложка поста

Когда программисты становятся странными: забавные проекты с GitHub

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

Обложка поста

Angular 5 Material для начинающих

Разные JS-фреймворки появляются и исчезают ежегодно, а Angular живёт и радуется, предлагаем вам с ним ознакомиться. Ведь в разработке важна стабильность.

Обложка поста

Знакомство с разработкой через тестирование в JavaScript

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

Обложка поста
Иллюстрация: HolyJS 2018 Piter

Конференция по фронтенду HolyJS 2018 Piter: впечатления редактора Tproger

C 19 по 20 мая на площадке гостиницы «Park Inn by Radisson Пулковская» команда JUG.ru group провела пятую конференцию для JavaScript-разработчиков HolyJS 2018 Piter. Более 30 зарубежных и отечественных спикеров собрались под одной крышей чтобы обсудить вопросы JS-разработки.

Webpack 4: практические рекомендации по настройке

В сети можно найти множество туториалов по настройке Webpack 4, и каждый из них может чем-то отличаться от другого. Представляем вашему вниманию один из таких туториалов, который можно использовать в качестве примера.

Обложка поста
Обложка поста

Пишем настольное JS-приложение с Electron

Задавались ли вы когда-нибудь вопросом, возможно ли создавать кроссплатформенные настольные приложения на HTML, CSS и JavaScript? С Electron это становится возможным. В этой статье мы рассмотрим основы Electron и напишем простое приложение.

Как заменить все одинаковые подстроки в строке на JavaScript

Как заменить все одинаковые подстроки в конкретной строке? Рассмотрим эту задачу с двумя возможными решениями. Чтение займёт не больше двух минут.

Как заменить все одинаковые подстроки в строке на JavaScript
Политический Twitter-бот

Создаём политического Twitter-бота с помощью Node.js и StdLib

Автоматизация правит миром. Разбираемся, как, используя цепи Маркова, на основе двух существующих аккаунтов, сделать самообучающегося Twitter-бота.

Обложка поста

10 трендов JavaScript на 2018 год по результатам международного опроса

Недавно были опубликованы результаты опроса 23 000 JavaScript-программистов за 2017 год. Они показали много разного и интересного от трендов до окладов. Можно посмотреть презентацию. Среди всего, что в ней представлено, хочется выделить…

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 4

Продолжение серии обучающих статей по работе с Anime.js. В финальной части будут описаны различные обратные вызовы (callback-функции), используемые для выполнения функций в зависимости от прогресса анимации.

Обложка поста

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 3

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

Обложка поста

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 2

Продолжение серии обучающих статей по работе с Anime.js. В этой части вы узнаете, как использовать Anime.js для правильного тайминга анимации разных элементов, используя определённые параметры.

Обложка поста
Обложка поста

Курс «JavaScript для начинающих»

Курс для тех, кто давно хотел изучить JavaScript, но никак не мог начать.

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 1

С помощью Anime.js можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Позволяет контролировать все аспекты анимации.

Anime.js

Почему Facebook SDK занимает около 16% JavaScript-кода на сайтах и что это значит

Согласно данным, собранным компанией компанией BuiltWith.com, около 6% из 10 000 сайтов с большим количеством трафика загружают контент с Facebook. Большинство из них используют Facebook Javascript SDK. Попробуем на этом примере понять, почему среднестатистический сайт такой большой и насколько размер имеет значение.

Обложка поста

ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript

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

Обложка статьи «ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript»

7 советов по обработке «undefined» в JavaScript

В этой статье мы рассмотрим, как бороться с появлением значения «undefined» в JavaScript и что может вызывать данную ошибку. А также разберёмся, в чём заключается разница между «undefined» и «null».

Обложка поста

[[][[]]+[]][+[]][++[+[]][+[]]] — это «n» в JavaScript

Недавно на Reddit появился пост с объяснением, почему конструкция [[][[]]+[]][+[]][++[+[]][+[]]] в языке JavaScript вычисляется как символ «n».

Обложка поста

Ленивый, компонуемый и модульный JavaScript

В этой статье остановимся на использовании четырех возможностей ECMAScript: итераторах, генераторах, «жирных» стрелочных функциях и операторе for-of в сочетании с функциями высшего порядка, композициями функций, отложенными вычислениями.

Обложка поста
Обложка поста

Что такое программирование: доступное объяснение для абсолютных новичков

Эта статья не является полноценным руководством по программированию на одном из известных языков. Этот перевод служит в качестве введения в базовые концепции программирования.

Обложка поста

Урок-введение по WebAssembly на примере игры «Жизнь»

В этом уроке мы пройдём путь по портированию библиотеки JavaScript в WebAssembly (wasm) на примере игры «Жизнь», созданной английским математиком Джоном Конвеем. Этот урок отлично подойдёт начинающим, чтобы понять, что…

Обложка поста

Основы WebGL: разбираемся в магическом коде и заливаем на хостинг

WebGL — технология, которая «создает магию» в 2D-canvas’е HTML5. Рассказываем, как за счет градиента добиться такого интересного 3D-эффекта, как выпуклость, не используя дополнительных библиотек и подробно объяснив всю «магию». По завершению работы с кодом…

Комментирование кода: хорошие, плохие и отвратительные комментарии

«Хороший код — это самодокументируемый код». Вы слышали эту фразу раньше? Я тоже. Более чем за 20 лет написания кода я слышал эту фразу чаще других. Это уже клише.

Обложка поста

Webpack: основы настройки проекта на JavaScript и Sass

Webpack — инструмент веб-разработчика, который соединяет файлы JavaScript и CSS в единые файлы.

Обложка поста

Пример серверного рендеринга: прокачиваем email-рассылку при помощи React

Рассказывает Альберто Рэстифо, JS-разработчик Пару недель назад менеджер нашего проекта сообщил, что в ближайшие несколько спринтов мы будем заниматься электронными письмами. Автоматически генерируемые email’ы надо было сделать отзывчивыми, что привело бы к усложнению вёрстки.

email

Хочу стать веб-разработчиком: подробный план по изучению JavaScript

JavaScript очень быстро развивается, а потому при изучении в нём легко запутаться. Мы подготовили учебный план, который поможет вам разобраться, что к чему.

JavaScript
Обложка поста

Создание простого блога на Node.js

В этой статье мы покажем вам, как создать простой блог с помощью Node.js и Cosmic JS. Давайте начнем. Прим. перев. Также вы можете посмотреть наш материал по созданию простого мессенджера…