Конечный автомат и его реализация на Javascript
2015-12-31 19:35:51
Разрабатывая очередной интерфейс столкнулся с задачей, где требовалась реализация конечного ...
+ развернуть текст сохранённая копия
Разрабатывая очередной интерфейс столкнулся с задачей, где требовалась реализация конечного автомата.
Побродив по интернету и изучив этот вопрос, решил написать небольшую заметку.
Ну давай лечи меня
Тэги:
javascript,
автомат,
веб-разработка,
интерфейсы,
конечный
[Из песочницы] Webpack ProvidePlugin: как не писать простыню import/require в начале javascript модуля
2015-12-31 13:42:55
... разрабатываете на современном
javascript, то почти ...
import React from ...
+ развернуть текст сохранённая копия
Если вы разрабатываете на современном javascript, то почти любой ваш модуль содержит простыню таких строк:
import React from 'react'
import $ from 'jquery'
...
Как оказалось, большинство этих строк можно не писать, доверив их генерацию автоматике. И помогает в этом новомодный
webpack, в котором, как оказывается, полно приятных сюрпризов. Кроме всем известных
require и
import для любых файлов и уже описанного на хабре «hot module replacement»,
webpack может проанализировать ваш исходный код и автоматически включить нужные модули на основании используемых литералов. Под катом — краткое описание как работает эта магия.
Ознакомиться с заклинанием
Тэги: es6, javascript, webpack, веб-разработка, ненормальное, программирование, разработка
Sinon.js — mock-библиотека для JavaScript
2015-12-30 18:28:48
... mock-библиотека для JavaScript, которую можно ... требуемого поведения в JavaScript. В библиотеке ...
+ развернуть текст сохранённая копия
Sinon.js — это mock-библиотека для JavaScript, которую можно использовать с любым тестовым фреймворком. Она предоставляет функции для эмуляции и проверки требуемого поведения в JavaScript. В библиотеке представлено три вида тестирования с spy, stub и mock. В данном посте мы рассмотрим документацию по API Sinon.js вместе с кратким введением в концепцию методов данной библиотеки.

Читать дальше →
Тэги: javascript, mock-библиотека, mocks, sandbox, sinon, sinon.js, sinon.spy, spy, stubs, ua-hosting.company, блог, веб-разработка, документация, компании, методы, прггармирование, программирование, разработка, тестирование, тесты, юнит-тестирование
Новогодний подарок от HTML Academy
2015-12-29 12:49:56
С 1 по 10 января 2016 года все курсы HTML Academy, как базовые, так и продвинутые, можно пройти ...
+ развернуть текст сохранённая копия
С 1 по 10 января 2016 года все курсы HTML Academy, как базовые, так и продвинутые, можно пройти бесплатно.
Думаю, для тех, кто уже прошел базовые курсы, это хорошая новость. До начала новогодней гонки осталось два с половиной дня. Есть время, чтобы повторить материал, возможно, пройти какие-то курсы заново.
Для тех, кто о HTML Academy не слышал, рассказываю.
Если вы задаётесь суперпопулярным нынче вопросом: «как научиться программировать» и не знаете с чего начать, начните с вёрстки. Это хороший старт, который позволит понять, интересно ли вам писать код, увидеть результаты своего труда, создать для себя сайт-визитку.
Не просто картинка для привлечения внимания. Перед вами инструктор Кекс — символ, талисман и всеобщий любимец курса
HTML Academy позволяет научиться вёрстке с нуля и делает это в доступной увлекательной форме. Проходила этот курс пару месяцев назад, впечатления остались самые лучшие.
Понравилась хорошая теоретическая база, доступность подачи материала, интерактивные практические задания, испытания. И ещё то, что базовые курсы полностью бесплатны. А с Нового года на десять дней откроется бесплатный доступ ещё и к продвинутым курсам.
Читать дальше →
Тэги: academy, codecademy, css, html, htmlacademy, javascript, веб-разработка, интерактивные, курсы
Диагностика и устранение утечек памяти в приложениях с TypeScript
2015-12-28 16:30:31
... /
https://learn.javascript.ru/memory-leaks ...
+ развернуть текст сохранённая копия
Введение

Недавно у нас закончился крупный проект с довольно сложным продвинутым UI. Не вдаваясь в детали, скажем, что внутри браузера было реализовано что-то вроде рабочего стола (desktop) с окнами, перекрытиями и всем, чем полагается. Разумеется, проблемы с утечками памяти не обошли нас стороной. Признаемся честно, до поры до времени сосредоточились на получении бизнес-результата. Когда дошли руки до утечек памяти, то обнаружилось, что окна браузера занимают гигабайты оперативной памяти. Мы классифицировали ошибки и в общем виде выработали подход к их устранению. Этим подходом и хотим поделиться с вами.
По теме утечек памяти в клиентских приложениях написано уже немало. Изначально основную проблему представляли из себя браузеры IE8 и младших версий (смотрите, например:
http://habrahabr.ru/post/141451/
http://habrahabr.ru/post/146784/
https://learn.javascript.ru/memory-leaks).
Но и теперь, когда можно сказать, что IE8 в прошлом, проблемы остаются. Даже применение такого языка как TypeScript не гарантирует их отсутствия. А с учетом того что front-end в web-приложениях становится все сложнее, актуальность проблемы только возрастает.
Читать дальше →
Тэги: d3.js, eastbanc, google, javascript, leaks, maps, memory, technologies, typescript, блог, веб-разработка, компании