Руководство по JavaScript, новости по JS-фреймворкам

Картинка поста

В этой статье мы познакомимся с разработкой через тестирование на примере простого приложения-калькулятора на Node.js. Тестировать будем с помощью фреймворка Mocha. Что должно уметь наше приложение: Складывать, вычитать, делить и умножать...
Читать дальше

Картинка поста

19–20 мая в Санкт-Петербурге команда JUG.ru Group провела пятую конференцию по фронтенд-разработке HolyJS 2018 Piter. Более 30 зарубежных и отечественных спикеров собрались под одной крышей, чтобы обсудить вопросы JS-разработки, функционального программирования, оптимизации и не только. Одна из...
Читать дальше

Картинка поста

За перевод благодарим коллектив реакт.рф и автора оригинальной англоязычной версии статьи, Маргариту Образцову. В Сети есть огромное количество туториалов, поэтому вы, вероятно, видели тысячи различных способов конфигурирования файла Webpack. Каждый...
Читать дальше

Картинка поста

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

Картинка поста

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

Картинка поста

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

Картинка поста

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

Картинка поста

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

Картинка поста

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

Картинка поста

Вы когда-нибудь сталкивались с проблемой поиска нужных инструментов среди бесконечного поиска ненужных? Вы новичок и не знаете, что вам нужно использовать в своих проектах? Вы профессионал, который ищет новое средство...
Читать дальше


Картинка поста

Хорошей практикой считается делать код компонуемым и модульным. Он упрощается и к его частям становится проще обращаться несколько раз. Для JavaScript-разработчиков тоже появились инструменты для использования этого подхода....
Читать дальше

Картинка поста

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

Картинка поста

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

Картинка поста

Веб-разработка — одно из самых простых и оттого популярных направлений среди начинающих программистов. Для работы достаточно любого текстового редактора и браузера, не нужно изучать алгоритмы на продвинутом уровне, результат каждого этапа написания программы нагляден —...
Читать дальше

Картинка поста

Рассказывает Алвин Лин, разработчик программного обеспечения из Нью-Йорка В этой статье я продолжаю тему создания многопользовательской браузерной игры. Здесь я с технической точки зрения попытаюсь в общих чертах объяснить, как задержка может влиять на игру и как с этим...
Читать дальше

Картинка поста

Рассказывает Алвин Лин, разработчик программного обеспечения из Нью-Йорка В 2014 году я впервые побывал на CodeDay в Нью-Йорке. И хотя CodeDay не совсем хакатон, это было моё первое знакомство с подобными мероприятиями. Там мы с моим другом Кеннетом Ли написали многопользовательскую...
Читать дальше

Картинка поста

На YouTube появился курс по основам JavaScript и связанным темам: ES6, React, чистому коду, структурам данных и шаблонам проектирования. В каждом разделе изложена необходимая ключевая информация, а видео одинаково удобно смотреть как в рамках курса, так и по отдельности...
Читать дальше

Картинка поста

Рассказывает Флавио Фрейтас Разработка — это интересный процесс. Но, увлёкшись, мы не всегда выбираем оптимальные решения. Например, когда реализуем функционал, который уже реализован (это называется «изобретать велосипед»). Я хочу познакомить вас с некоторыми функциями, которые многие часто пытаются реализовать...
Читать дальше

Картинка поста

Рассказывает Ян Куи Интересное требование возникло на работе, когда мы обсуждали потенциальную необходимость запуска собственного сокращателя URL, потому что механизм универсальных ссылок (в iOS 9 и выше) требует JSON-манифест на https://domain.com/apple-app-site-association. Поскольку ОС не следует переадресациям, этот...
Читать дальше

Картинка поста

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


Картинка поста

Рассказывает Гил Тайяр, автор блога на Hackernoon Мы рассмотрели два вида тестирования: юнит-тестирование различных модулей и E2E-тестирование всего приложения. Но между этими двумя этапами тестирования происходят и другие. Я, как и многие другие, называю такие...
Читать дальше

Картинка поста

Рассказывает Деван Сабаратнам, разработчик с 30-летним стажем В минувшие выходные, пролистывая Amazon Web Services, я заметил новый сервис под названием «Rekognition». Я предположил, что это опечатка (recognition — англ. распознавание), но она привлекла мое внимание. Я заинтересовался:...
Читать дальше

Картинка поста

В этой статье вы познакомитесь с React — библиотекой для создания пользовательских интерфейсов. React появился в 2013 году и достаточно быстро стал популярным среди разработчиков. Сегодня в работе над веб-приложениями его используют Facebook, Instagram, Trello, AirBnb, PayPal....
Читать дальше

Картинка поста

В этой статье мы познакомимся с парсингом сайтов (web scraping), который можно использовать, например, для пополнения базы email-адресов, создания сводки новостных лент, сравнения цен на один продукт среди нескольких коммерческих ресурсов или извлечения данных...
Читать дальше

Картинка поста

Программисты — ленивые существа с тонкой душевной организацией, что помогает нам находить простые и красивые решения задач с минимальными затратами. В этой статье мы создадим реалистичный ландшафт с помощью алгоритма «diamond-square». Мы не будем долго прорисовывать вручную каменистый рельеф, который...
Читать дальше

Картинка поста

В этой статье мы создадим небольшой игровой движок с видом от первого лица без сложной математики и техник 3D-визуализации, используя метод рейкастинга (трассировки, или «бросания», лучей)....
Читать дальше

Картинка поста

Понять концепцию блокчейна (англ. block chain, цепочка блоков транзакций) довольно просто: это распределенная (т.е. размещенная не на одном компьютере, а на различных устройствах компьютерной сети) база данных, которая поддерживает постоянно растущий организованный список записей....
Читать дальше

Картинка поста

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

Картинка поста

В нашу редакцию поступило письмо от веб-разработчика Роба Менинга — он показал нам свою шпаргалку по jQuery и предложил разместить ее на Tproger. Шпаргалка представлена в двух форматах: в виде...
Читать дальше

Картинка поста

Вполне возможно, что после сотен партий в «крестики-нолики» вы задумывались: каков же оптимальный алгоритм? Но если вы здесь, то вы наверняка ещё и пробовали написать реализацию этой игры. Мы пойдём дальше и напишем бота, который будет невозможно обыграть в «крестики-нолики». Предугадав...
Читать дальше

Руководства и новости по JS-фреймворкам, библиотекам и платформам, написание игр на JS, обучение, трюки, разборы успешных проектов