Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Рубрика «javascript» - 270
Дайджест свежих материалов из мира фронтенда за последнюю неделю №252 (27 — 5 марта 2017)
2017-03-05 в 20:12, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендАнтистресс-маска
2017-03-05 в 19:58, admin, рубрики: imaskjs, inputmask, javascript, jquery, ввод текста, маска, Разработка веб-сайтов, форматирование, метки: ввод текста, маска, форматирование
Речь пойдет об очередном решении многолетней проблемы в браузере — ограничение пользовательского ввода, или просто — маска, которая используется повсеместно: номера телефонов, кредитных карт, паспорта и т.д.
На данный момент было найдено два популярных решения:
Те, кто пытался использовать маски в своих и без того непростых проектах, скорее всего были бы рады выбросить все это дело и использовать просто валидацию. Особенно если маска должна быть динамической, зависеть от уже введенных символов, нужна возможность получать размаскированное значение даже если пользователь ввел его не целиком, или нужно полностью скрыть placeholder… Что работало в одной библиотеке — не работало в другой, как только извращаться не приходилось. Уж проще самому написать, в конце то концов, программисты мы или кто!? Да и коллеги тоже не потерялись, написали под Android же.
Кому не терпится, вот оно: imaskjs.
Поломать демку можно здесь.
Читать полностью »
React Native — одного JS мало
2017-03-04 в 23:08, admin, рубрики: javascript, react native, ReactJS, вискас, разработка мобильных приложенийИтак, пришла пора быстро погрузиться в тему. Для усиления эффекта, использую разные техники трансформации информации в знания. В частности, представляю конспект доклада Алексея Андросова (старшего разработчика интерфейсов, Yandex).
Развертывание многопользовательской WebRTC трансляции с web-камеры через сервер за 3 минуты
2017-03-03 в 17:56, admin, рубрики: chrome, Google Chrome, javascript, low-latency, player, WebRTC, браузеры, веб-камера, видеопоток, видеочат, низкая задержка, потоковое видео, Разработка веб-сайтов, Разработка систем связи, ретрансляция, стример, стриминг, трансляция
В данной статье мы расскажем как разработать многопользовательскую WebRTC видео трансляцию из браузера через свой сервер ретранслятор. Трансляция будет идти из браузера Google Chrome и обычной USB вебкамеры. Для трансляции видео будет создана отдельная HTML — страница Streamer, а воспроизведением будет заниматься HTML-страница Player.Читать полностью »
Современный JavaScript или как сделать ваш Redux-модуль готовым к переиспользованию
2017-03-03 в 13:35, admin, рубрики: ecmascript 2015, javascript, React, ReactJS, redux
Если мы хотим переиспользовать нашу функцию-редьюсер для нескольких экземпляров конечного редьюсера, то мы сталкиваемся с проблемой.
ReactDoc — первое open source решение программы «Единая фронтальная система»
2017-03-03 в 11:16, admin, рубрики: javascript, JS, open source, ReactJS, Блог компании Программа «Единая фронтальная система», Сбербанк, СбертехПрограммисты всегда пользовались генераторами документации, когда это было возможно. Это упрощает документирование, позволяет получить справку по продукту без обращения к коду самого проекта. В Программе долгое время использовался JavaDoc, т.к. большинство проектов написаны на Java, но это было до недавнего времени. Сейчас проекты развиваются - мало кто представляет хороший продукт без хорошего UI. Отрасль frontend дала жизнь новому направлению разработки — разработчик UI. Концентрируясь на удобстве пользователя, а не на бизнес-процессах, UI-разработка позволяет избегать сложности бизнес-приложений — камень преткновения многих enterprise-решений.
React или Vue? Выбираем библиотеку для фронтенд-разработки
2017-03-03 в 10:59, admin, рубрики: javascript, React, ReactJS, vuejs, Блог компании RUVDS.com, Веб-разработка, Разработка веб-сайтовНа чём делать фронтенд? Самый верный способ найти ответ – попробовать лучшие библиотеки самостоятельно. В идеале, хорошо бы начать с самого простого и понять, как таинственные для непосвящённого конструкции превращаются в готовые к выводу страницы. Дальше же, вооружившись пониманием основ, можно осмысленно читать документацию и усложнять собственные эксперименты до тех пор, пока ответ не покажется очевидным.
Сегодня мы поговорим о React.js и Vue.js. Это – одни из самых популярных JavaScript-библиотек в мире. Взгляните на этот список, посмотрите их репозитории на GitHub. И та, и другая обладают впечатляющими возможностями и служат для создания пользовательских интерфейсов. Работать с ними довольно просто, главное – сразу понять, что к чему, сделать правильный первый шаг. Собственно говоря, этому вот первому шагу в разработке с использованием React и Vue и посвящён данный материал.
Читать полностью »
Воссоздание подтаблицы в таблице на AngularJS
2017-03-02 в 12:59, admin, рубрики: AngularJS, Grid, javascriptЗдраствуйте! Хотел бы поделиться с вами разработкой подтаблиц для нашего веб проекта. Цель заключалась в воссоздании веб модуля, имитирующего таблиц и подтаблиц (subdatasheet) созданных на базе Аccess. Наш клиент привык работать на Access'e, но времена меняются, и теперь наша задача заключается в гладком переходе на веб платформу, с минимальной разницей.
Почему AngularJS?
Имея не много опыта с различными javascript библиотеками, пришел к выводу что AngularJS изначально принуждает вашему проекту быть маленьким, чистым, изолированным и легко расширяемым. Также, используя directive со своим изолированным скопам (scope), дает возможность многоразового применения, даже внутри себя. Что и будет продемонстрировано под катом.
Как наш итоговый directive будет применяться
Так как в нашем проекте будет много таких подтаблиц, нам нужно сделать удобным нашу утилиту в применении. Должно быть примерно таким:
<div ng-controller="ctrl1">
<subgrid config="config1"> </subgrid>
</div>Посмотрите демо здесь. Кому интересно прошу под кат.
Промисы на примере бургер-вечеринки
2017-03-02 в 8:54, admin, рубрики: javascript, Блог компании NIX Solutions, обещания, Программирование, промисы, метки: обещания, промисы
Это перевод статьи, которую Марико Косака написала в качестве альтернативного введения в промисы JavaScript. Наброски иллюстраций она делала в своём блокноте во время чтения разных статей, посвящённых промисам. Если хотите изучить более подробно, в конце вы найдёте список полезных ссылок.
Недавно Марико участвовала в обсуждении того, как можно с помощью JavaScript сделать фичу, которая давала бы доступ к внешним данным (должна была быть асинхронной). Она сказала: «Ну, давайте используем fetch()… так что в коде… эээ...», и пока силилась вспомнить fetch API, собеседник сказал: «Будет возвращаться промис». По словам Марико, её мозг впал в ступор, и она сказала: «Честно говоря, не знаю, что ты имеешь в виду…»
Ей приходилось много раз писать код, основанный на промисах, но для полной картины нужные пазлы в её голове почему-то не соединились. Она поняла, что на самом деле не «въезжает» в суть.
Читать полностью »
Встречайте Kotlin 1.1: JavaScript, корутины и многое другое
2017-03-01 в 15:46, admin, рубрики: coroutines, java, javascript, jvm, kotlin, Блог компании JetBrains, Разработка под androidМы рады представить вам Kotlin 1.1, новую версию языка программирования Kotlin.
Наша цель — сделать выразительный статически типизированный язык, на котором можно эффективно писать все компоненты современного приложения. Сегодняшний релиз делает два важных шага в этом направлении.