Блог Makeomatic: разработка сайтов и мобильных приложений

Эффективное сквозное тестирование с Protractor

Часть 1

| Категории: Javascript, AngularJS
Eleonora Pavlova

Иллюстрация блокнота

С AngularJS действительно удобно работать, поскольку тестам изначально придаётся большое значение - каждое изменение, внесённое в исходники, тестируется перед сохранением в ядро.

Замена конструкции switch на объектные литералы

| Категории: Javascript, AngularJS
Eleonora Pavlova

Иллюстрация блокнота
Во многих языках программирования есть конструкция switch – но стоит ли её применять?

Если вы JS-программист, вы постоянно работаете с объектами: создаёте, инициализируете и совершаете с ними разные манипуляции. Объекты очень гибкие — в javascript практически всё на них построено, и именно их я в последнее время использую вместо switch.

Приёмы и хитрости для быстрой front-end разработки

| Категории: Javascript, AngularJS
Eleonora Pavlova

Иллюстрация блокнота

Вступление

Давайте по-честному, настраивая инструмент для сборки проектов (таск-менеджер), большинство разработчиков ищут предыдущий проект с подходящей структурой и просто копируют Grunt или Gulp файл и вносят необходимые правки (меняют названия папок для нового проекта и так далее).

Обзор конференции YAC2014

| Категории: YAC2014
Александр Кременец

Иллюстрация блокнота

Makeomatic на YAC2014

30 октября прошла очередная ежегодная конференция Яндекса Yet Another Conference 2014. Программа была довольно насыщенная, почти все время доклады шли параллельно в 5 потоков (3 зала, воркшопы, подиум). На момент написания заметки, была еще доступна ссылка с программой.

Оптимизация AngularJS: с 1200ms до 35ms

| Категории: Javascript, AngularJS
Илья Овсянников

Иллюстрация локального сайта

Ребята из Scalyr недавно приступили к полному переписыванию веб-клиента. Их приложение - это инструмент для разнопланового мониторинга и анализа логов. Разработанная ими база данных логов обрабатывает запросы за десятки миллисекунд, но каждое действие, требующее загрузки страницы, отнимает несколько секунды у пользователя.

Интернационализация в AngularJS

Интернационализация с использованием angular-translate

| Категории: Javascript, AngularJS
Илья Овсянников

Иллюстрация локального сайта
Интернационализация охватывает много вопросов. В этой небольшой статье я расскажу о том, как начать работать с angular-translate. А вот и его возможности, о которых мы с вами узнаем:

Разбираемся с системой событий $emit, $broadcast и $on в $scope и $rootScope Ангуляра

| Категории: Javascript, AngularJS
Анна Аминева

Иллюстрация блокнота

$emit, $broadcast и $on Ангуляра попадают под общий концепт “publish/subscribe”, так же называемый “могу сделать”, в которой вы публикуете событие и подписываетесь/отписываетесь от него еще где-то. Система событий в AngularJS великолепна, что делает вещи безупречными и легкими в исполнении (как и следовало ожидать!), но концепт, который стоит за этой простотой не так легок для освоения в совершенстве, поэтому очень часто у вас будет возникать недоумение по поводу того, почему все работает не так, как вы думаете.

Создание модели данных в Angular.js

Взаимодействие с API и получение данных

| Категории: Javascript, AngularJS
Анна Аминева


Иллюстрация блокнота


Когда я впервые коснулся Ангуляра, у меня уже был опыт работы с EmberJS и BackboneJS, а так же были определенные представления относительно клиентских фреймворков. На первый взгляд, порог вхождения был ниже, чем у других фреймворков. Это хорошо, так как за короткий срок вы можете добиться значительных результатов в его освоении.

Elasticsearch - наш ответ бюрократическим проволочкам в международной доставке!

Решение, способное эффективно искать товар среди тысяч таможенных норм и правил. Десятилетия проблем мы превратили в ничтожные секунды поиска необходимой информации.

| Категории: Node.js, AngularJS, ElasticSearch, ItProjects
Anna Amineva

Иллюстрация блокнота

Решать проблемы, с которыми ежедневно сталкиваются люди и компании, независимо от их сложности, стало обыденной практикой для нас в Makeomatic. Но когда к нам за помощью обратился клиент, с более чем 15-ти летним опытом в оказании услуг международной доставки, мы оказались в тупике. У нас не было даже представления о том, насколько сложным, запутанным и обманчивым может стать процесс отправки чего-либо за рубеж.
Потребовалось значительное время, чтобы подробно изучить эту область и предложить клиенту решение. Мы решили положится на высокие технологии, такие как Elasticsearch, Angular.js и Node.js. В результате нам удалось получить простую систему поиска кодов системы описания и кодирования товаров.

Дебаггинг приложения на AngularJS через консоль

Изучение и контроль запущенного приложения через браузерную консоль в Chrome, Firefox или Internet Explorer

| Категории: Javascript, AngularJS
Анна Аминева

Иллюстрация блокнота

При разработке приложений на AngularJS, сложно получить доступ к данным и сервисам, глубоко спрятанным в вашем приложении через JS консоль в Chrome, Firefox или Internet Explorer. Вот несколько простых фокусов, которые мы можем использовать, чтобы внимательно изучать и контролировать запущенное приложение через браузерную консоль, упрощая тестирование, видоизменение и даже программирования нашего приложения в реальном времени: