Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «javascript» - 168
Дайджест свежих материалов из мира фронтенда за последнюю неделю №326 (6 — 12 августа 2018)
2018-08-12 в 20:09, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендЧто мы читали в июле: как найти время на чтение, пять книг для тимлида и немного свежих статей
2018-08-12 в 13:20, admin, рубрики: javascript, Блог компании Skyeng, годные книги, полезные статьи, тимлид, Читальный зал
В сегодняшнем выпуске нашей рубрики Алексей Катаев рассказывает о том, как он научился читать по 17 книг в месяц, не тратя на это кучу времени, и рекомендует пять полезных произведений из разряда «нетленки», показавшихся ему наиболее полезными. А в конце — традиционная, но маленькая подборка ссылок из нашего рабочего Слака.
Опыт использования WebRTC. Лекция Яндекса
2018-08-12 в 12:09, admin, рубрики: javascript, stun, TURN, WebRTC, webrtc server, Блог компании Яндекс, браузеры, звонки из браузера, Разработка веб-сайтовЧто лучше использовать при разработке софта — нативные или веб-технологии? Холивар по этому поводу закончится ещё не скоро, но мало кто станет спорить, что нативные функции полезно продублировать для использования в браузерах или WebView. И если когда-то приложения для звонков существовали исключительно отдельно от браузера, то теперь их легко реализовать и в вебе. Разработчик Григорий Кузнецов объяснил, как пользоваться технологией WebRTC для P2P-соединений.
— Как вы все знаете, в последнее время появляется довольно много приложений, в основу которых заложен прямой обмен данными между двумя браузерами, то есть P2P. Это всевозможные мессенджеры, чаты, звонилки, видеоконференции. Также это могут быть приложения, которые производят какие-то распределенные вычисления. Пределы фантазии никак не ограничиваются.
Читать полностью »
Как сделать поиск пользователей по Github используя Angular
2018-08-12 в 6:21, admin, рубрики: angular, javascript, React, SvelteJs, Разработка веб-сайтов
Эта статья является ответом на:
— Как сделать поиск пользователей по GitHub используя React + RxJS 6 + Recompose,
— Как сделать поиск пользователей по GitHub без React + RxJS 6 + Recompose,
— Как сделать поиск пользователей по Github используя VanillaJS.
Целью статьи является:
— показать, что на Angular тоже можно быстро написать простое приложение, хотя это не его основной конек,
— показать плюсы приложения на Angular.
Целью статьи НЕ является:
— разжиганеие очередного холивара.
Всем кому интересно прошу под кат.
Читать полностью »
Как сделать поиск пользователей по Github используя VanillaJS
2018-08-11 в 9:42, admin, рубрики: javascript, vanillajs, Разработка веб-сайтовЗдравствуйте. Меня зовут Александр и я Vanilla ES5.1 разработчик в 2018 году.
Данная статья является ответом на статью-ответ «Как сделать поиск пользователей по GitHub без React + RxJS 6 + Recompose», которая показала нам, как можно использовать SvelteJS.
Предлагаю посмотреть на один из вариантов, как это можно реализовать не используя никаких зависимостей, кроме браузера. Тем более, что сам GitHub заявил, что они разрабатывают фронтенд без фреймворков.
Делать будем всё тот же инпут, отображающий плашку GitHub-пользователя:
Еженедельный конкурс от OpenGift для разработчиков
2018-08-10 в 16:33, admin, рубрики: javascript, python, хакатон, я пиарюсь
Стань участникам онлайн-хакатонов от OpenGif!
Задача ближайшего конкурса будет открыта 18 августа в 10:00 GMT, призовой фонд 10 000 $ в токенах платформы!
Читать полностью »
Как работает JS: пользовательские элементы
2018-08-10 в 11:04, admin, рубрики: custom elements, javascript, Блог компании RUVDS.com, пользовательские элементы, разработка, Разработка веб-сайтов[Советуем почитать] Предыдущие 18 частей цикла
Часть 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-коммуникаций
Часть 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 статьи из серии материалов компании SessionStack, посвящённых особенностям различных механизмов экосистемы JavaScript. Сегодня речь пойдёт о стандарте Custom Elements — о так называемых «пользовательских элементах». Мы поговорим, о том, какие задачи они позволяют решать, и о том, как их создавать и использовать.
The Super Tiny Compiler — теперь на русском
2018-08-10 в 7:45, admin, рубрики: github, javascript, Компиляторы, компиляция, перевод, ПрограммированиеЕсли очень кратко — это перевод на русский проекта The Super Tiny Compiler — проекта призванного помочь с изучением основ компилирования на рабочем примере.
Если хотите подробностей — прошу под кат. Если же нет — можно идти напрямую к переводу, он на гитхабе.
Читать полностью »
[в закладки] 23 рекомендации по защите Node.js-приложений
2018-08-09 в 10:00, admin, рубрики: javascript, node.js, безопасность, Блог компании RUVDS.com, информационная безопасность, разработка, Разработка веб-сайтовВ наши дни веб-сервисы постоянно подвергаются самым разным атакам. Поэтому безопасность — это то, о чём стоит помнить на всех этапах жизненного цикла проектов. Авторы материала, перевод которого мы сегодня публикуем, поддерживают репозиторий на GitHub, содержащий около 80 рекомендаций по обеспечению безопасности приложений, работающих на платформе Node.js. В этом материале, базой для которого послужило множество публикаций, посвящённых безопасности, собрано более двух десятков рекомендаций, касающихся Node.js, и некоторые советы общего характера. При этом данный материал покрывает топ-10 уязвимостей из списка проекта OWASP.
![[в закладки] 23 рекомендации по защите Node.js-приложений - 1](https://www.pvsm.ru/images/2018/08/09/v-zakladki-23-rekomendacii-po-zashite-Node-js-prilojenii.jpeg "[в закладки] 23 рекомендации по защите Node.js-приложений - 1")
Релиз стабильной версии Dart 2.0 и Dart Web Platform
2018-08-09 в 5:00, admin, рубрики: dart, Dart 2.0, dartlang, javascript, анонс, Блог компании Wrike, Разработка веб-сайтовПримечание: присоединяйтесь к русскоязычному сообществу Dart в Telegram, Slack и Google+. А в конце статьи вас ждёт небольшой анонс.
Возрождение Dart как популярного языка программирования для мобильной и веб-разработки
Сегодня мы объявляем о релизе стабильной версии языка программирования Dart — 2.0, а также веб-платформы Dart, которая предлагает уникальное сочетание продуктивности, производительности и масштабируемости.
