JavaScript обложка

Шпаргалка по современному JavaScript

В данном материале собраны основные концепции и принципы современного JavaScript, которые помогут быстро найти и вспомнить необходимую фичу. Содержание Объявление переменных var, const, let Стрелочные функции Параметры функции по умолчанию…

Русскоязычный видеокурс «Vue.js для начинающих»

Vue.js — это JavaScript-фреймворк для создания динамичных сайтов и одностраничных веб-приложений. Серия видеоуроков познакомит с его возможностями.

Видеокурс по Vue.js

StateOfJS: обзор масштабного опроса JavaScript-разработчиков по итогам 2018 года

Данные масштабного опроса JavaScript разработчиков, проведённого по итогам 2018 года. От уровня зарплат и до удовлетворённости используемой технологией.

Обложка: StateOfJS: обзор масштабного опроса JavaScript-разработчиков по итогам 2018 года
React, Angular и Vue

React, Angular и Vue: что изучать в 2019 году?

Фронтенд — одно из наиболее динамично развивающихся направлений современной разработки. Неудивительно, что он оброс множеством инструментов, библиотек и фреймворков, призванных помочь в работе. Но возникает новая проблема: Что выбрать для…

Redux для начинающих

Краткое руководство по Redux для начинающих

Redux — менеджер состояний, часто используемым с React. Разберёмся с его внутренним устройством и механизмом работы.

Прячем JavaScript-код на фронтенде от посторонних

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

Обложка: Прячем JavaScript-код на фронтенде от посторонних

10 консольных команд для упрощения отладки JavaScript-кода

Редкому разработчику нравится заниматься отладкой. Подборка из десяти функций консоли JavaScript, которые призваны помочь разработчику в этом нелёгком деле.

Обложка: 10 консольных команд для упрощения отладки JavaScript-кода
Обложка: Как использовать декораторы с фабричными функциями в JavaScript

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

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

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

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

Обложка: Почему функция map не работает с некоторыми массивами в JavaScript и что с этим делать
Обложка: Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий

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

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

Обложка: Создаём простую игру на Vanilla JS

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

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

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

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

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

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

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

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

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

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

Обложка: Angular 5 Material для начинающих

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

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

Обложка: Знакомство с разработкой через тестирование в JavaScript
Иллюстрация: 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, и каждый из них может чем-то отличаться от другого. Представляем вашему вниманию один из таких туториалов, который можно использовать в качестве примера.

Обложка: Webpack 4: практические рекомендации по настройке
Обложка: Пишем настольное JS-приложение с Electron

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обложка: Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 2
Обложка: Курс «JavaScript для начинающих»

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

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

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

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

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

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

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

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

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

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

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

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

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

Обложка: [[][[]]+[]][+[]][++[+[]][+[]]] — это «n» в JavaScript

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

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

Обложка: Ленивый, компонуемый и модульный JavaScript
Обложка: Урок-введение по WebAssembly на примере игры «Жизнь»

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

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

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

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

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