В этой статье мы познакомимся с разработкой через тестирование на примере простого приложения-калькулятора на Node.js. Тестировать будем с помощью фреймворка Mocha. Что должно уметь наше приложение: Складывать, вычитать, делить и умножать...
Читать дальше
19–20 мая в Санкт-Петербурге команда JUG.ru Group провела пятую конференцию по фронтенд-разработке HolyJS 2018 Piter. Более 30 зарубежных и отечественных спикеров собрались под одной крышей, чтобы обсудить вопросы JS-разработки, функционального программирования, оптимизации и не только. Одна из...
Читать дальше
За перевод благодарим коллектив реакт.рф и автора оригинальной англоязычной версии статьи, Маргариту Образцову. В Сети есть огромное количество туториалов, поэтому вы, вероятно, видели тысячи различных способов конфигурирования файла Webpack. Каждый...
Читать дальше
Задавались ли вы когда-нибудь вопросом, возможно ли создавать кроссплатформенные настольные приложения на HTML, CSS и JavaScript? С Electron это становится возможным. В этой статье мы рассмотрим основы Electron и напишем...
Читать дальше
В этот раз разберёмся, как можно заменить все одинаковые подстроки в конкретной строке. Допустим, у нас есть строчка: var str = «Test abc test test abc test test test abc...
Читать дальше
В мире политики пропаганда — это незаменимое оружие на поединке, где Twitter выступает в роли ринга, а Twitter-боты — читы, которые дают участнику превосходство. У команды StdLib нет политических мотивов,...
Читать дальше
Недавно были опубликованы результаты опроса 23 000 JavaScript-программистов за 2017 год. Они показали много разного и интересного от трендов до окладов. Можно посмотреть презентацию. Среди всего, что в ней представлено, хочется выделить...
Читать дальше
В финальной части будут описаны различные обратные вызовы (callback-функции), используемые для выполнения функций в зависимости от прогресса анимации. Почти в каждом примере в предыдущих статьях использовались свойства CSS, чтобы показать,...
Читать дальше
В этой статье речь пойдёт о том, как научиться устанавливать значения свойств, используя обычные числа, значения на основе функций и ключевые кадры. Также вы научитесь регулировать воспроизведение и последовательность анимаций....
Читать дальше
В первой части серии обучающих статей по работе с Anime.js вы узнали о разных методах определения целевых элементов, а также о типах CSS-свойств и DOM-атрибутах, которые могут быть анимированы. Сами...
Читать дальше
Anime.js — небольшая библиотека для создания анимации на основе JavaScript. С её помощью можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Библиотека позволяет контролировать все аспекты анимации и...
Читать дальше
Согласно данным, собранным компанией BuiltWith.com, около 6% из 10 000 сайтов с большим количеством трафика загружают контент с Facebook. Большинство из них используют Facebook Javascript SDK, который нужен для отображения,...
Читать дальше
Изучение JavaScript может сбить с толку по множеству причин, и одна из них — акронимы. Чтобы не дать сокращениям сбить вас с толку, в этой статье мы разберём их значения...
Читать дальше
Когда новички начинают изучать JavaScript, они иногда сталкиваются с одной интересной проблемой. Они зачастую не могут понять разницу между undefined и null. Ведь null и undefined представляют собой пустые значения....
Читать дальше
Недавно на Reddit появился пост с объяснением, почему конструкция [[][[]]+[]][+[]][++[+[]][+[]]] в языке JavaScript вычисляется как символ «n». Переводим его для вас....
Читать дальше
Вы когда-нибудь сталкивались с проблемой поиска нужных инструментов среди бесконечного поиска ненужных? Вы новичок и не знаете, что вам нужно использовать в своих проектах? Вы профессионал, который ищет новое средство...
Читать дальше
Хорошей практикой считается делать код компонуемым и модульным. Он упрощается и к его частям становится проще обращаться несколько раз. Для JavaScript-разработчиков тоже появились инструменты для использования этого подхода....
Читать дальше
Эта статья не является полноценным руководством по программированию на одном из известных языков. Этот перевод служит в качестве введения в базовые концепции программирования....
Читать дальше
В этом уроке мы пройдём путь по портированию библиотеки JavaScript в WebAssembly (wasm) на примере игры «Жизнь», созданной английским математиком Джоном Конвеем. Этот урок отлично подойдёт начинающим, чтобы понять, что...
Читать дальше
WebGL — технология, которая «создает магию» в 2D-canvas’е HTML5. Рассказываем, как за счет градиента добиться такого интересного 3D-эффекта, как выпуклость, не используя дополнительных библиотек и подробно объяснив всю «магию». По завершению работы с кодом...
Читать дальше
«Хороший код — это самодокументируемый код». Вы слышали эту фразу раньше? Я тоже. Более чем за 20 лет написания кода я слышал эту фразу чаще других. Это уже клише....
Читать дальше
Важно разделять JavaScript и CSS-код на маленькие по объему части. Этим мы упрощаем себе и другим понимание и поддержку проекта. Браузеры, с другой стороны, предпочитают работать с маленьким количеством файлов,...
Читать дальше
Рассказывает Альберто Рэстифо, JS-разработчик Пару недель назад менеджер нашего проекта сообщил, что в ближайшие несколько спринтов мы будем заниматься электронными письмами. Автоматически генерируемые email’ы надо было сделать отзывчивыми, что привело бы к усложнению вёрстки....
Читать дальше
Веб-разработка — одно из самых простых и оттого популярных направлений среди начинающих программистов. Для работы достаточно любого текстового редактора и браузера, не нужно изучать алгоритмы на продвинутом уровне, результат каждого этапа написания программы нагляден —...
Читать дальше
В этой статье мы покажем вам, как создать простой блог с помощью Node.js и Cosmic JS. Давайте начнем. Прим. перев. Также вы можете посмотреть наш материал по созданию простого мессенджера...
Читать дальше
Рассказывает Алвин Лин, разработчик программного обеспечения из Нью-Йорка В этой статье я продолжаю тему создания многопользовательской браузерной игры. Здесь я с технической точки зрения попытаюсь в общих чертах объяснить, как задержка может влиять на игру и как с этим...
Читать дальше
Берлинский разработчик решила провести интересный эксперимент: она целый день сёрфила веб без JavaScript....
Читать дальше
Рассказывает Алвин Лин, разработчик программного обеспечения из Нью-Йорка В 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-адресов, создания сводки новостных лент, сравнения цен на один продукт среди нескольких коммерческих ресурсов или извлечения данных...
Читать дальше
В этой статье мы расскажем об 11 весьма полезных приёмах в языке JavaScript. Они помогут вам сократить объём кода и оптимизировать его. Итак, начнём. ...
Читать дальше
Программисты — ленивые существа с тонкой душевной организацией, что помогает нам находить простые и красивые решения задач с минимальными затратами. В этой статье мы создадим реалистичный ландшафт с помощью алгоритма «diamond-square». Мы не будем долго прорисовывать вручную каменистый рельеф, который...
Читать дальше
В этой статье мы создадим небольшой игровой движок с видом от первого лица без сложной математики и техник 3D-визуализации, используя метод рейкастинга (трассировки, или «бросания», лучей)....
Читать дальше
Понять концепцию блокчейна (англ. block chain, цепочка блоков транзакций) довольно просто: это распределенная (т.е. размещенная не на одном компьютере, а на различных устройствах компьютерной сети) база данных, которая поддерживает постоянно растущий организованный список записей....
Читать дальше
Несмотря на то, что новые языки программирования появляются каждый год, JavaScript остаётся одним из самых распространённых и любимых программистами. И как и любой современный язык, он стремительно развивается, что делает...
Читать дальше
В нашу редакцию поступило письмо от веб-разработчика Роба Менинга — он показал нам свою шпаргалку по jQuery и предложил разместить ее на Tproger. Шпаргалка представлена в двух форматах: в виде...
Читать дальше
Вполне возможно, что после сотен партий в «крестики-нолики» вы задумывались: каков же оптимальный алгоритм? Но если вы здесь, то вы наверняка ещё и пробовали написать реализацию этой игры. Мы пойдём дальше и напишем бота, который будет невозможно обыграть в «крестики-нолики». Предугадав...
Читать дальше
Руководства и новости по JS-фреймворкам, библиотекам и платформам, написание игр на JS, обучение, трюки, разборы успешных проектов
Го в Телеграм, мы создали
