image
Мова піде про чергове вирішення багаторічної проблеми в браузері — обмеження користувальницького введення, або просто — маска, яка використовується повсюдно: номери телефонів, кредитних карт, паспорти і т. д.

На даний момент було знайдено два популярних рішення:

  1. jQuery.Маска вводу
  2. jQuery-Mask-Plugin
Ті, хто намагався використовувати маски в своїх і без того непростих проектах, швидше за все були б раді викинути все це справа і використовувати просто валідацію. Особливо якщо маска повинна бути динамічною, залежати від вже введених символів, потрібна можливість отримувати размаскированное значення навіть якщо користувач ввів його не цілком, чи потрібно повністю приховати placeholder… Що працювало в одній бібліотеці — не працювало в інший, як тільки перекручуватися не доводилося. Вже простіше самому написати, в кінці то кінців, програмісти ми або хто!? Та й колеги теж не загубилися, написали під Android ж.

Кому не терпиться, ось воно: imaskjs.
Поламати демку можна тут.

Читати далі →

Отже, прийшла пора швидко зануритись у тему. Для посилення ефекту, використовую різні техніки перетворення інформації в знання. Зокрема, уявляю конспект доповіді Олексія Андросова (старшого розробника інтерфейсів, Yandex).
Читати далі →

На чому робити фронтенд? Найвірніший спосіб знайти відповідь – спробувати кращі бібліотеки самостійно. В ідеалі добре б почати з самого простого і зрозуміти, як таємничі для необізнаного конструкції перетворюються в готові до висновку сторінки. Далі ж, озброївшись розумінням основ, можна осмислено читати документацію і ускладнювати власні експерименти до тих пір, поки відповідь не здасться очевидним.



Сьогодні ми поговоримо про React.js і Vue.js. Це – одні з найпопулярніших JavaScript-бібліотек у світі. Погляньте на список, подивіться їх репозиторії на GitHub. І та, і інша володіють вражаючими можливостями і служать для створення користувацьких інтерфейсів. Працювати з ними досить просто, головне – відразу зрозуміти, що до чого, зробити правильний перший крок. Власне кажучи, цього ось першого кроку в розробці з використанням React і Vue і присвячений даний матеріал.

Читати далі →

Програмісти завжди користувалися генераторами документації, коли це було можливо. Це спрощує документування, дозволяє одержати довідку по продукту без звернення до коду самого проекту. У Програмі довгий час використовувався JavaDoc, оскільки більшість проектів написані на Java, але це було до недавнього часу. Зараз проекти розвиваються — мало хто уявляє хороший продукт без хорошого UI. Галузь frontend дала життя новому напрямку розробки — розробник UI. Концентруючись на зручність користувача, а не на бізнес-процесах, UI-розробка дозволяє уникати складності бізнес-додатків — камінь спотикання багатьох enterprise-рішень.

image

Читати далі →

Здраствуйте! Хотів би поділитися з вами розробкою підтаблиці для нашого веб проекту. Мета полягала у відтворенні веб модуля, що імітує таблиць і підтаблиці (subdatasheet) створених на базі Ассеѕѕ. Наш клієнт звик працювати на Access'e, але часи змінюються, і тепер наше завдання полягає в гладкому переході на веб платформу, з мінімальною різницею.
Чому AngularJS?
Маючи не багато досвіду з різними javascript бібліотеками, прийшов до висновку що AngularJS спочатку примушує вашого проекту бути маленьким, чистим, ізольованим і легко розширюваною. Також, використовуючи directive зі своїм ізольованим скопам (scope), дає можливість багаторазового застосування, навіть всередині себе. Що й буде продемонстровано під катом.
Як наш підсумковий directive буде застосовуватися
Так як в нашому проекті буде багато таких підтаблиці, нам потрібно зробити зручним нашу утиліту у застосуванні. Повинно бути приблизно таким:
<div ng-controller="ctrl1">
<subgrid config="config1"> </subgrid>
</div>

Подивіться демо тут. Кому цікаво прошу під кат.

Читати далі →



Це переклад статті, яку Маріко Косака написала в якості альтернативного введення в промисы JavaScript. Начерки ілюстрацій вона робила в своєму блокноті під час читання різних статей, присвячених промисам. Якщо хочете вивчити більш детально, в кінці ви знайдете список корисних посилань.

Нещодавно Маріко брала участь в обговоренні того, як можна за допомогою JavaScript зробити фічу, яка давала б доступ до зовнішніх даних (повинна була бути асинхронної). Вона сказала: «Ну, давайте використаємо
fetch()
… так що в коді… еее...», і поки силкувалася згадати fetch API, співрозмовник сказав: «Буде повертатися проміс». За словами Маріко, її мозок впав у ступор, і вона сказала: «Чесно кажучи, не знаю, що ти маєш на увазі...»

Їй доводилося багато разів писати код, заснований на промисах, але для повної картини потрібні пазли в її голові чомусь не поєдналися. Вона зрозуміла, що насправді не «в'їжджає» в суть.

Читати далі →

Ми раді представити вам Kotlin 1.1, нову версію мови програмування Kotlin.
Kotlin 1.1
Наша мета — зробити виразний статично типізований мову, на якому можна ефективно писати всі компоненти сучасного програми. Сьогоднішній реліз робить два важливих кроки в цьому напрямку.

Читати далі →

Всім добрий день. Сьогодні я розповім як на fabric.js я написав редактор мнемосхем для SCADA-системи. Частка десктопних SCADA-систем повільно але впевнено зменшується. Все перекладається на Web, і АСУ ТП тут не виняток.

Читати далі →