Разрабатывая очередной интерфейс столкнулся с задачей, где требовалась реализация конечного автомата.
Побродив по интернету и изучив этот вопрос, решил написать небольшую заметку.
Читать полностью »
Рубрика «Веб-разработка» - 39
Конечный автомат и его реализация на Javascript
2015-12-31 в 16:35, admin, рубрики: javascript, Веб-разработка, интерфейсы, конечный автоматWebpack ProvidePlugin: как не писать простыню import-require в начале javascript модуля
2015-12-31 в 10:42, admin, рубрики: ES6, javascript, webpack, Веб-разработка, ненормальное программирование, Программирование, разработка, метки: webpackЕсли вы разрабатываете на современном javascript, то почти любой ваш модуль содержит простыню таких строк:
import React from 'react'
import $ from 'jquery'
...
Как оказалось, большинство этих строк можно не писать, доверив их генерацию автоматике. И помогает в этом новомодный webpack, в котором, как оказывается, полно приятных сюрпризов. Кроме всем известных require и import для любых файлов и уже описанного на хабре «hot module replacement», webpack может проанализировать ваш исходный код и автоматически включить нужные модули на основании используемых литералов. Под катом — краткое описание как работает эта магия.
Читать полностью »
Работа с базой данных в Google App Engine-Google Cloud Endpoints на Java: фреймворк Objectify
2015-12-31 в 3:00, admin, рубрики: google app engine, Google Cloud Endpoints, java, Objectify, Администрирование баз данных, Веб-разработка В предыдущих статьях (
Google Cloud Endpoints на Java: Руководство. ч. 1
Google Cloud Endpoints на Java: Руководство. ч. 2 (Frontend)
Google Cloud Endpoints на Java: Руководство. ч. 3 )
мы разбирали создание API на Google Cloud Endpoints и фронтенда к нему на AngularJS.
Однако руководство по созданию API было бы неполным без работы с базой данных.
В этой статье мы рассмотрим фреймворк Objectify для работы с встроенной в GAE базой данных App Engine Datastore.
Читать полностью »
Finite State Machine in ReactJS
2015-12-30 в 17:15, admin, рубрики: flux, javascript, ReactJS, state machine, web-разработка, Веб-разработка, интерфейсы, ПрограммированиеПоводом для написания данной статьи явились мои многочисленные наблюдая за разработчиками, которые только начали переходить на React.js с других фреймворков или для которых React.js стал первым фреймворком в его профессиональной деятельности.
Основной вопрос, с которым сталкивается начинающие разработчики на React.js — это что такое state компонента и как его использовать. Многие разработчики в большинстве случаев не правильно его используют, храня в нему кучу ненужных данных, которые впоследствии влияют на вычисления и производительность.
Читать полностью »
Как следить за появлением вопросов на toster.ru, ru.stackoverflow.com и stackoverflow.com
2015-12-30 в 16:33, admin, рубрики: .net, stackoverflow, веб-дизайн, Веб-разработка, вопросы, ненормальное программирование, Программирование, метки: toster 
Всем привет.
Так получилось, что уже давно мучает вопрос: «Как следить за форумами по интересным тебе темам, но самое главное, как узнавать о появлении новых вопросов в момент их публикации». Конечно, можно сказать, что есть рассылки, RSS, но лично у меня получается так, что до почты я добираюсь, как правило, с мобильного во время передвижения. Вручную серфить ресурсы вообще не вариант. Вот поэтому, если бы я и мог ответить, компьютера под рукой нет. А после приезда голова уже забита совсем другим. Могу смело сформулировать свою проблему. Необходим канал, сообщающий и самое главное, привлекающий мое внимание в момент публикации нового вопроса.
До недавнего времени таким я рассматривал какой-нибудь IM, для работы Telegram я не пользуюсь, а с остальными все что-то не совсем так.
Читать полностью »
Sinon.js — mock-библиотека для JavaScript
2015-12-30 в 15:28, admin, рубрики: javascript, mock-библиотека, Mocks, sandbox, Sinon, Sinon.js, Sinon.spy, spy, Stubs, Блог компании ua-hosting.company, Веб-разработка, документация, методы, прггармирование, Программирование, разработка, тестирование, тесты, юнит-тестирование, метки: Sinon.jsSinon.js — это mock-библиотека для JavaScript, которую можно использовать с любым тестовым фреймворком. Она предоставляет функции для эмуляции и проверки требуемого поведения в JavaScript. В библиотеке представлено три вида тестирования с spy, stub и mock. В данном посте мы рассмотрим документацию по API Sinon.js вместе с кратким введением в концепцию методов данной библиотеки.
Почему расчет перцентилей работает не так как вы ожидаете?
2015-12-29 в 19:10, admin, рубрики: load average, percentile, quantile, Веб-разработка, ит-инфраструктура, квантиль, метрики, перцентиль, разработка, Серверное администрирование, системное администрированиеЧасто клиенты спрашивают нас о p99-метрике (99-й перцентиль).
Это определенно разумная просьба и мы планируем добавить подобную функциональность в VividCortex (об этом расскажу позже). Но в то же время, когда клиенты спрашивают об этом, они подразумевают нечто совершенно определенное — нечто, что может быть проблемой. Они просят не 99-й перцентиль по какой-то метрике, они просят метрику по 99-му перцентилю. Это обычное дело для таких систем как Graphite, но все это дает не тот результат, который от таких систем ожидается. Это пост расскажет вам о том, что, возможно, у вас неверные представления про перцентили, о точной степени ваших заблуждений и о том, что вы все таки можете сделать правильно в этом случае.
(Это перевод статьи которую написал Baron Schwartz.)
Прототип сервиса обмена сообщениями Geotalk
2015-12-29 в 15:19, admin, рубрики: gps, Веб-разработка, мнение хабрасообщества, мнения, Новые технологии, новый проект, разработка мобильных приложений, метки: новые технологии 
Если вы хотите узнать о новом, необычном, в чём-то уникальном сервисе обмена сообщениями, добро пожаловать под кат. Вы узнаете историю о том, как развивается наше приложение от идеи до реализации.
Преамбула
У информации много характеристик, но есть одна на наш взгляд самая главная характеристика – актуальность. Если этот признак отсутствует, то информация либо ложная, либо ненужная. Пример неактуальной для меня информации это то, что происходит сейчас на перекрестке двух улиц в каком-то захолустном городке штата Миннесота. А вот информация о том, нет ли перебоев в работе станции метро Бибирево, для меня актуальна. Мы ежедневно смотрим новости своей страны, а не чужой, потому что эти новости для нас актуальны, не только во времени, но и географически. Я хочу сказать, что важным критерием актуальности, наравне со временем, является географическое расположение информации.
Читать полностью »
Третий новогодний коллцентр: сверхбыстрая разработка на ReactJS и Typescript
2015-12-29 в 12:41, admin, рубрики: voximplant, WebRTC, Блог компании Voximplant, Веб-разработка, видеозвонки, колл-центр, Новый Год, Программирование, разработка, телефония 
С наступающим, коллеги! У нас в voximplant есть традиция — перед каждым новым годом мы делаем новогодний коллцентр, на котором обкатываем новые фичи нашей платформы. В этом году фичей случилось особенно много. Кроме видеозвонков и записи видео, мы начали активно использовать typescript и react. Современный «хипстерский» стек технологий неимоверно ускоряет разработу: от момента, как журнал maxim предложил нам сделать коллцентр с фотомоделями в роли снегурочек и до первого принятого видеозвонка прошло меньше двух дней. В этом году мы не стали делать анонс самого промо на Хабре, все-таки формат не тот, мы же хотим общаться про код и разработку, да? Поэтому под катом я поделюсь нашим опытом создания решения в сжатые сроки и расскажу, с какими сложностями мы столкнулись.
Новогодний подарок от HTML Academy
2015-12-29 в 9:49, admin, рубрики: Codecademy, css, html, html academy, htmlacademy, javascript, Веб-разработка, интерактивные курсы, метки: html academyС 1 по 10 января 2016 года все курсы HTML Academy, как базовые, так и продвинутые, можно пройти бесплатно.
Думаю, для тех, кто уже прошел базовые курсы, это хорошая новость. До начала новогодней гонки осталось два с половиной дня. Есть время, чтобы повторить материал, возможно, пройти какие-то курсы заново.
Для тех, кто о HTML Academy не слышал, рассказываю.
Если вы задаётесь суперпопулярным нынче вопросом: «как научиться программировать» и не знаете с чего начать, начните с вёрстки. Это хороший старт, который позволит понять, интересно ли вам писать код, увидеть результаты своего труда, создать для себя сайт-визитку.
Не просто картинка для привлечения внимания. Перед вами инструктор Кекс — символ, талисман и всеобщий любимец курса
Читать полностью »