Как стать автором
Обновить
0
0

Пользователь

Отправить сообщение

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

Время на прочтение14 мин
Количество просмотров41K
[Советуем почитать] Другие 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
Читать дальше →
Всего голосов 33: ↑33 и ↓0+33
Комментарии5

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

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

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

Время на прочтение3 мин
Количество просмотров32K


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

Читать дальше →
Всего голосов 45: ↑41 и ↓4+37
Комментарии45

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

Время на прочтение6 мин
Количество просмотров48K
Этот пятничный пост посвящен переводу интересной статьи, вышедшей вчера на Medium. Решил осваивать для себя новый жанр переводов, поэтому прошу сильно не пинать, если где-то что-то не так. А по возможности даже уведомлять об ошибках и опечатках в личку.

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

Читать дальше →
Всего голосов 50: ↑48 и ↓2+46
Комментарии180

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

Время на прочтение5 мин
Количество просмотров22K
Вступление

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


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

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


Читать дальше →
Всего голосов 18: ↑17 и ↓1+16
Комментарии2

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

Время на прочтение13 мин
Количество просмотров41K


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

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

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

Время на прочтение8 мин
Количество просмотров12K


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

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

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

Время на прочтение1 мин
Количество просмотров13K
image

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

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

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

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

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

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

image
Читать дальше →
Всего голосов 45: ↑39 и ↓6+33
Комментарии7

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

Время на прочтение12 мин
Количество просмотров26K
Предлагаем вашему вниманию подборку всевозможных лайфхаков и трюков по оптимизации объема загружаемого кода и файлов, а также общего ускорения загрузки веб-страниц.


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

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

Время на прочтение3 мин
Количество просмотров15K
image

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

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

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

Время на прочтение11 мин
Количество просмотров580K

От переводчика:
Предлагаю вашему вниманию перевод краткого (действительно краткого) руководства по 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


Содержание



Читать дальше →
Всего голосов 62: ↑60 и ↓2+58
Комментарии87

CSS и iOS Safari

Время на прочтение3 мин
Количество просмотров134K
image Доброго времени суток, дорогие хабрахабровцы!

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

Светодиодные ленты с высоким CRI на Aliexpress

Время на прочтение3 мин
Количество просмотров62K
Удивительное дело, но на Aliexpress удалось найти светодиодные ленты с индексом цветопередачи (CRI, Ra) выше 80 и даже выше 90.


Читать дальше →
Всего голосов 42: ↑41 и ↓1+40
Комментарии187

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

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

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

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

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

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

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

Время на прочтение3 мин
Количество просмотров21K


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

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

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

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


Всего голосов 41: ↑23 и ↓18+5
Комментарии93

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

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


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

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

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

Время на прочтение4 мин
Количество просмотров118K
Наверное каждый, кто хоть раз встречал или провожал родственников или друзей на самолет, пользовался бесплатным сервисом Flightradar24. Это весьма удобный способ отслеживания положения самолета в реальном времени.



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

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

Информация

В рейтинге
Не участвует
Откуда
Украина
Зарегистрирован
Активность