Pull to refresh
0
0
Send message

Как работает JS: WebRTC и механизмы P2P-коммуникаций

Reading time14 min
Views41K
[Советуем почитать] Другие 19 частей цикла
Часть 1: Обзор движка, механизмов времени выполнения, стека вызовов
Часть 2: О внутреннем устройстве V8 и оптимизации кода
Часть 3: Управление памятью, четыре вида утечек памяти и борьба с ними
Часть 4: Цикл событий, асинхронность и пять способов улучшения кода с помощью async / await
Часть 5: WebSocket и HTTP/2+SSE. Что выбрать?
Часть 6: Особенности и сфера применения WebAssembly
Часть 7: Веб-воркеры и пять сценариев их использования
Часть 8: Сервис-воркеры
Часть 9: Веб push-уведомления
Часть 10: Отслеживание изменений в DOM с помощью MutationObserver
Часть 11: Движки рендеринга веб-страниц и советы по оптимизации их производительности
Часть 12: Сетевая подсистема браузеров, оптимизация её производительности и безопасности
Часть 12: Сетевая подсистема браузеров, оптимизация её производительности и безопасности
Часть 13: Анимация средствами CSS и JavaScript
Часть 14: Как работает JS: абстрактные синтаксические деревья, парсинг и его оптимизация
Часть 15: Как работает JS: классы и наследование, транспиляция в Babel и TypeScript
Часть 16: Как работает JS: системы хранения данных
Часть 17: Как работает JS: технология Shadow DOM и веб-компоненты
Часть 18: Как работает JS: WebRTC и механизмы P2P-коммуникаций
Часть 19: Как работает JS: пользовательские элементы

Сегодня мы публикуем перевод 18 части серии материалов, посвящённых всему, что связано с JavaScript. Здесь мы поговорим о технологии WebRTC, которая направлена на организацию прямого обмена данными между браузерными приложениями в реальном времени.

image
Читать дальше →
Total votes 33: ↑33 and ↓0+33
Comments5

Как НЕ быть посредственным разработчиком

Reading time6 min
Views40K
Привет, Хабр! Представляю вашему вниманию перевод статьи «How not to be a mediocre developer!»
Dushyant Sabharwal. В статье приведены некоторые советы для начинающих и, возможно, некоторых опытных программистов, которые могут помочь значительно повысить свой профессионализм и изменить отношение к работе. Некоторые из них могут показаться банальными, но новички, возможно, смогут найти что-то полезное для себя.
Читать дальше →
Total votes 54: ↑26 and ↓28-2
Comments295

Релиз Node.js 10.5: мультипоточность из коробки

Reading time3 min
Views32K


На прошлой неделе состоялся релиз Node.js версии 10.5.0, содержащий нововведение, чью значимость трудно переоценить, – поддержку многопоточности в виде модуля worker_threads. Сразу оговорюсь API находится в экспериментальной стадии и поэтому может измениться, но уже сейчас можно составить первое впечатление и получить представление о заложенных в его основу принципах и технологиях. А если у вас есть желание, то и поучаствовать в финализации интерфейса, написании кода или исправлении багов (список issues).

Читать дальше →
Total votes 45: ↑41 and ↓4+37
Comments45

Исчезающие фреймворки

Reading time6 min
Views48K
Этот пятничный пост посвящен переводу интересной статьи, вышедшей вчера на Medium. Решил осваивать для себя новый жанр переводов, поэтому прошу сильно не пинать, если где-то что-то не так. А по возможности даже уведомлять об ошибках и опечатках в личку.

Спасибо и хорошего прочтения!

Читать дальше →
Total votes 50: ↑48 and ↓2+46
Comments180

Веб-компоненты. Часть 3: html шаблоны и импорты

Reading time5 min
Views22K
Вступление

Приветствую коллеги. Данная статья является третьей и последней статьей в серии статей о веб-компонентах.Первые две статьи доступны по ссылкам:


Веб компоненты. Часть 1: Пользовательские элементы
Веб-компоненты. Часть 2: Теневой DOM

В данной статье речь пойдет о <template> элементе а также об HTML импортах.


Читать дальше →
Total votes 18: ↑17 and ↓1+16
Comments2

Пример создания на Node.js спортивного приложения, работающего в режиме реального времени

Reading time13 min
Views41K


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

Мне очень понравилось писать эту статью, поскольку работа над ней включала две любимые мною вещи: разработку ПО и спорт.
Читать дальше →
Total votes 33: ↑32 and ↓1+31
Comments1

Трассировка и Javascript

Reading time8 min
Views12K


Когда-нибудь трассировали рантайм вашего приложения? Знаете сколько запросов делает вон тот серый ендпоинт, который? А как долго вычитываются те кросс-референсы на схожий тип ресурсов с каждой странички сущностей, которую нужно вернуть в запрос? Пытались ли вы замерить как долго приходится ждать пользователю из-за опциональных полей запроса, которые он время от времени добавляет? Задумывались ли вы что будет если запараллелизировать эти шесть запросов к тем двум базам данных?

Если что-нибудь выше звучит интересно, или как минимум знакомо — добро пожаловать под кат.
Читать дальше →
Total votes 22: ↑22 and ↓0+22
Comments0

Курс лекций по веб-разработке

Reading time1 min
Views13K
image

Привет, Хабр! Около полугода тому назад, мы начали проводить лекции для начинающих веб-разработчиков, целью которых является знакомство со спецификой веб-разработки и общим ходом функционирования реальных веб-студий.
Total votes 14: ↑13 and ↓1+12
Comments10

Климатическая система в квартире своими руками — часть 2

Reading time5 min
Views29K
В июне 2016 года я опубликовал статью «Климатическая система в квартире своими руками», вызвавшую положительную реакцию сообщества. Тогда я только что собрал климатическую систему, не успел её протестировать, и вообще был немножко в эйфории от своей победы над оборудованием и материалами.

Сейчас, два года спустя, я решил написать об опыте использования системы. Вкратце, всё работает, но потребовало некоторого доведения до ума, а именно:
Читать дальше →
Total votes 49: ↑49 and ↓0+49
Comments76

Полезные методы массивов и объектов в JavaScript

Reading time7 min
Views125K
Автор статьи, перевод которой мы сегодня публикуем, говорит, что её идею подсказал ему один из выпусков подкаста Syntax FM, в котором давался обзор полезных методов объектов и массивов в JavaScript. Эти методы помогают разработчикам писать чистый и читабельный код. Их применение снижает потребность в сторонних библиотеках наподобие Lodash.

image
Читать дальше →
Total votes 45: ↑39 and ↓6+33
Comments7

Оптимизируем веб с Виталием Фридманом, — компрессия, картинки, шрифты, фичи HTTP/2 и Resource Hints

Reading time12 min
Views26K
Предлагаем вашему вниманию подборку всевозможных лайфхаков и трюков по оптимизации объема загружаемого кода и файлов, а также общего ускорения загрузки веб-страниц.


В основе статьи расшифровка выступления Виталия Фридмана из Smashing Magazine на декабрьской конференции Holy JS 2017 Moscow.
Total votes 49: ↑46 and ↓3+43
Comments4

Повреждения зубной эмали можно исправлять при помощи пептидов

Reading time3 min
Views15K
image

Исследователи из Вашингтонского университета разработали систему восстановления эмали зубов с использованием инструмента, предложенного самой природой. Речь идет о пептидах, которые обеспечивают возможность исправления проблемных мест на зубах. Конечно, с крупными повреждениями вроде запущенного кариеса этот метод не справится. Но начальные стадии разрушения зуба он способен не только остановить, но и обратить процесс вспять.

«Реминерализация — основной элемент новой методики. Процесс реминерализации обеспечивают пептиды», — говорит руководитель проекта Мехмет Сарикайа, специалист по материаловедению и инжинирингу. Предложенный учеными метод позволит избежать чрезмерных трат при лечении зубов, воспользовавшись «пептидным восстановлением».
Читать дальше →
Total votes 14: ↑11 and ↓3+8
Comments14

ES6 по-человечески

Reading time11 min
Views580K

От переводчика:
Предлагаю вашему вниманию перевод краткого (действительно краткого) руководства по ES6. В нём можно ознакомиться с основными понятиями стандарта.
Оригинальный текст в некоторых случаях был дополнен или заменён на более подходящий источник. Например, часть определения ключевого слова const является переводом документации с MDN.
Чтобы лучше разобраться в некоторых концепциях (для выполнения качественного перевода) использовалось описание стандарта на сайте MDN, руководство "You Don't Know JS: ES6 & Beyond" и учебник Ильи Кантора.


Перевод выложил на Гитхаб: https://github.com/etnolover/ES6-for-humans-translation. В случае нахождения ошибок пишите, исправлю.
Ссылка на оригинальный текст: https://github.com/metagrover/ES6-for-humans


Update 22.07.2016: добавил опрос про const


Содержание



Читать дальше →
Total votes 62: ↑60 and ↓2+58
Comments87

CSS и iOS Safari

Reading time3 min
Views134K
image Доброго времени суток, дорогие хабрахабровцы!

Всегда хочется, что бы твой сайт выглядел одинаково хорошо на разных устройствах, включая и мобильные. Но, если поведение в браузерах Android во многом предсказуемо, то с iOS возникает ряд «сюрпризов». О них сегодня и поговорим!
Читать дальше →
Total votes 24: ↑23 and ↓1+22
Comments32

Ныряем вглубь: от CSS до транзистора

Reading time11 min
Views11K
70 лет назад, 16 декабря 1947 г. в лабораториях Bell Labs Джон Бардин и Уолтер Браттейн под руководством Уильяма Шокли создали первый действующий биполярный транзистор. 23 декабря Браттейн продемонстрировал ставил коллегам первый транзисторный усилитель. Поэтому этот день часто называют Днем транзистора.

Бардин стоит слева, Браттейн стоит справа, Шокли сидит

Нет нужды рассказывать о значимости этого события. Транзистор считается одним из самых важных изобретений XX века, без которого компьютеры до сих пор бы работали на лампах и реле, и занимали бы целые здания. Шокли, Бардин и Браттейн за свою работу получили в 1956 году Нобелевскую премию по физике. За прошедшие годы транзистор миниатюризировался до считанного числа атомов. В каждом процессоре миллиарды транзисторов, поэтому транзистор можно назвать самым массовым устройством, созданным человечеством.

Но какую работу выполняет транзистор для нас? Давайте отправимся в мысленное путешествие: проследим путь от какой-нибудь высокоуровневой финтифли до нашего именинника — транзистора.

Что взять в качестве отправной точки? Ну вот хотя бы отрисовку кнопки хабраката.
Читать дальше →
Total votes 38: ↑36 and ↓2+34
Comments9

Китайская компания NIO представила электровнедорожник c ценой в два раза ниже, чем у Tesla Model X

Reading time3 min
Views21K


Компания NIO (ранее она называлась NextEV) запустила в производство свой первый электрический внедорожник, который получил название ES8. Машина в прошлом году была представлена в качестве концепта на Шанхайской автомобильной выставке (Shanghai Motor Show). Но лишь сейчас компания представила основную информацию по автомобилю, включая его цену и запас хода на одной зарядке.

Продаваться ES8 начнет в следующем году. Цена начинается с $68 000 в базовой комплектации. Без подзарядки машина способна проехать около 355 километров. Стоимость может показаться высокой, но это всего лишь половина стоимости Tesla Model X, самого «заряженного» на текущий момент электрокара от Tesla.
Читать дальше →
Total votes 29: ↑27 and ↓2+25
Comments73

AGM X2: самый навороченный защищенный смартфон на рынке

Reading time21 min
Views51K
Всем привет! Сегодня я расскажу о защищённом смартфоне AGM X2. Удивить меня каким-либо гаджетом довольно трудно, благо через мои руки проходят десятки разных штуковин. И смартфонов за свою 10 летнюю журналистскую карьеру я перещупал великое множество. Однако конкретно этот смарт реально выделяется на общем (и весьма унылом) фоне так называемых внедорожных Android-аппаратов. Выделяется всем сразу. И ценой, которая достигает 30 тысяч рублей, и возможностями, которые на 100% соответствуют цене и даже более того. Я бы даже сказал, что AGM X2 – это вообще самый крутой и навороченный защищенный смартфон на рынке. Но – обо всем по порядку.


Total votes 41: ↑23 and ↓18+5
Comments93

Освещение растений белыми светодиодами

Reading time13 min
Views265K
Интенсивность фотосинтеза под красным светом максимальна, но под одним только красным растения гибнут либо их развитие нарушается. Например, корейские исследователи [1] показали, что при освещении чистым красным масса выращенного салата больше, чем при освещении сочетанием красного и синего, но в листьях значимо меньше хлорофилла, полифенолов и антиоксидантов. А биофак МГУ [2] установил, что в листьях китайской капусты под узкополосным красным и синим светом (по сравнению с освещением натриевой лампой) снижается синтез сахаров, угнетается рост и не происходит цветения.


Рис. 1 Леанна Гарфилд, Tech Insider — Aerofarms

Какое нужно освещение, чтобы при умеренном энергопотреблении получить полноценно развитое, большое, ароматное и вкусное растение?
Читать дальше →
Total votes 54: ↑52 and ↓2+50
Comments287

Flightradar24 — как это работает?

Reading time4 min
Views118K
Наверное каждый, кто хоть раз встречал или провожал родственников или друзей на самолет, пользовался бесплатным сервисом Flightradar24. Это весьма удобный способ отслеживания положения самолета в реальном времени.



Как показал опрос знакомых, очень мало кто знает, что этот сервис поддерживается лишь энтузиастами, отправляющими на сервер данные. Еще меньше знают, что присоединиться к проекту может любой желающий.

Восполним этот пробел. О том, как это работает продолжим под катом.
Читать дальше →
Total votes 130: ↑129 and ↓1+128
Comments190
1
23 ...

Information

Rating
Does not participate
Location
Украина
Registered
Activity