Декораторы методов дополняют объектно-ориентированное программирование, инкапсулируя функциональность, которую используют разные объекты. Рассмотрим следующий код: function TodoStore(currentUser) { let todos = []; function add(todo) { let start = Date.now(); if (currentUser.isAuthenticated())...
Читать дальше
Первый шаг к рабочему и эффективному коду — разобраться в механизмах, которые лежат в основе языка. Например, некоторые функции в JavaScript не всегда ведут себя так, как того ожидает программист....
Читать дальше
Рассказывает Алекс Паттисон За последние пару месяцев я активно проводил собеседования фронтенд-разработчиков. Каждый, кто когда-либо бывал на подобных собеседованиях, знает, что вопросы могут быть совершенно разные, а вот уровень знаний...
Читать дальше
В этой статье мы создадим простую игру с помощью HTML5, CSS3 и чистого JavaScript. Вам не понадобятся глубокие знания программирования. Если вы знаете, для чего нужны HTML, CSS и JS,...
Читать дальше
Объектно-ориентированное программирование (ООП) — это шаблон проектирования программного обеспечения, который позволяет решать задачи с точки зрения объектов и их взаимодействий. ООП обычно реализуется с помощью классов или прототипов. Большинство объектно-ориентированных...
Читать дальше
Из миллионов проектов на GitHub с открытым исходным кодом многие представляют собой сложные программные пакеты, которые используются корпорациями во всем мире. Другие — меньшие по размеру, но незаменимые библиотеки, без...
Читать дальше
Данный материал посвящен изучению Angular 5 Material. В примере будет использоваться именно пятая версия, потому что с новыми релизами появляются все новые и новые возможности в фреймворке. Так, например, переход...
Читать дальше
В этой статье мы познакомимся с разработкой через тестирование на примере простого приложения-калькулятора на 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-адресов, создания сводки новостных лент, сравнения цен на один продукт среди нескольких коммерческих ресурсов или извлечения данных...
Читать дальше
Руководства и новости по JS-фреймворкам, библиотекам и платформам, написание игр на JS, обучение, трюки, разборы успешных проектов
Го в Телеграм, мы создали
