JavaScript

Подборка книг по JavaScript для продвинутых разработчиков

Среди них вы найдёте книги по написанию «чистого» и эффективного кода, работе с DOM, тестированию, а также по созданию веб-приложений на чистом JavaScript.

Пишем чат с анализом настроения с помощью Next.js

Это руководство помогает создать очень простое приложение чата со эмоциональным анализом с помощью модулей Next.js (React), Pusher и Sentiment Node. Несмотря на то, что здесь затрагиваются лишь основы, есть множество продвинутых инструментов, которые помогут вам создать более продвинутое приложение чата.

Обложка: Пишем чат с анализом настроения с помощью Next.js
Обложка: Манипуляции с DOM на чистом JavaScript

Манипуляции с DOM на чистом JavaScript

Данная статья проведёт краткий экскурс в JavaScript DOM. Вы научитесь работе с ним, узнаете его преимущества и недостатки. Напишите свою библиотеку.

Создание веб-приложения с помощью Vue.js, Vuetify и Firebase

В этом видеокурсе рассматривается создание веб-приложения для изучения немецкого языка на связке Vue.js, фреймворка Vuetify и облачного сервиса Firebase.

Создаём веб-приложение с помощью Vue.js, Vuetify и Firebase

Список инструментов разработчика JavaScript

Обширная подборка самых разных инструментов для работы с JavaScript: инструменты сборки и автоматизации, документирования кода,тестирования, отладки, безопасности, аналитики и оптимизации кода, управления версиями,управления пакетами и зависимостями, а также IDE и редакторы кода.

Обложка: Список инструментов разработчика JavaScript
Подборка книг по веб-разработке

Подборка книг для начинающего веб-разработчика

В перечне книг вы найдёте материалы по JavaScript, Node.js, React.js, CSS, HTML, паттернах проектирования и адаптивному веб-дизайну.

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 году?

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

Прячем 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-дерева на веб-странице. Позволяет контролировать все аспекты анимации.

Anime.js

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

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

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