Плагин Illuminations для FireBug

Сегодня на хабре появилась статья об интересном плагине для FireBug, который называется Illuminations.

Не буду дублировать информацию и подробно расписывать, что делает этот плагин, поскольку об этом уже сказано на хабре. Скажу только то, что он позволяет удобнее разрабатывать и отлаживать приложения, написанные на ExtJS и некоторых других JS-фреймворках (Dojo Toolkit, SproutCore, qooxdoo, YUI, Google Closure Library, jQuery UI).

Illuminations, помимо того, что подсвечивает код в консоли и выводит информацию об объектах ExtJS в более удобном виде, позволяет просматривать документацию с официального сайта Sencha и отображает информацию о данных, хранимых в store, что я нахожу очень удобным.

Плагин Illuminations платный и стоит $25 за первый год для индивидуального испльзования и $50 для организаций, но есть и бесплатная триальная версия.

К сожалению, этот плагин бесполезен при работе с Sencha Touch, поскольку web-приложения, написанные на Sencha Touch, работают только в WebKit браузерах (Safari, Google Chrome).

Думаю, разработчикам Sencha можно было бы взять на карандаш этот плагин и, быть может, включить нечто подобное в Sencha SDK.

Анонс Sencha.io

Вчера компания Sencha анонсировали облачный сервис Sencha.io.
На данный момент Sencha.io находится в активной разработке, и для бета-тестирования доступны два сервиса: Sencha.io Src и Sencha.io Sync.

Sencha Touch Tutorial 3: События

Наконец-то я закончил монтировать новый видеоурок по Sencha Touch, который я посвятил работе с событиями.

Полезные ссылки по Sencha Touch

Решил собрать в один пост полезные ссылки по Sencha Touch. К сожалению, на русском языке материала мало, поэтому большинство ссылок - англоязычные.

Планы развития Sencha Touch

Только что появились новости в официальном блоге Sencha о планах развития их продуктов, в том числе и библиотеки Sencha Touch.

Информации мало, но сказано, что летом этого года мы увидим превью Sencha Touch 2.0 (думаю, релиз будет где-то к ноябрю, как было и с первой версией). Кроме того, разработчики обещают уже этой весной предоставить нам в Sencha Touch инструменты для рисования диаграмм и графиков.




Что ж, новостей хоть и не много, но и они радуют. Остаётся только ждать и надеяться, что новая Sencha Touch 2.0 помимо iPhone, Android и Blackberry будет поддерживать Windows Phone 7 устройства, поскольку потребность в разработке приложений под WP7 на рынке есть, а вот инструментов ещё не достаточно.

Sencha Touch Tutorial: Ext.Panel - Layouting

Второй видеоурок Sencha Touch Tutorial наконец-то готов!



На этот раз я рассказал о следующих вещах:

- размещение компонентов внутри панели (layouting);
- обработка нажатия кнопки и параметр scope;
- debugging;

Sencha Touch 1.1 Release

Сегодня вышло первое в этому году обновление библиотеки Sencha Touch.
Должен сказать, что эта новость меня очень обрадовала, поэтому спешу поделиться, что же нового появилось в версии 1.1.

Обучающий видеокурс Sencha Touch Tutorial

Я давно уже собирался записать обучающий видеокурс Sencha Touch Tutorial на русском языке, но только сейчас дошли руки. Запись скринкаста, монтаж и озвучка заняли у меня два дня и, надеюсь, это время не окажется потраченным напрасно.
Теперь вы можете просмотреть первый урок, ориентированный на полных новичков в Sencha Touch, но знакомых с JavaScript:

Sencha Touch: Ext.form.Slider с полем для ручного ввода значения

В одном из моих проектов я столкнулся с задачей создания компонента слайдера с возможностью ручного ввода значения поля, т. е. выглядеть он должен был так:

Причём, при нажатии на значение поля (где написано "8.50 %") должна выдвигаться клавиатура для ввода значения поля вручную, а при перетаскивании ползунка значение поля должно обновляться.

Особенности компонента Ext.form.Select

Только что обнаружил интересное и не совсем логическое поведение компонента Ext.form.Select. Дело в том, что если просто написать код, типа этого:

new Ext.form.Select({
  label: 'Select field',
  options: [
    {text: 'option 1'},
    {text: 'option 2'}
  ]
})

то на айфоне (я тестировал на iPhone 3gs) не будет вызываться меню выбора опции (Picker), хотя в настольном Safari всё работает.

Sencha Touch 0.95 beta

Прошлый апдейт JavaScript фреймворка Sencha Touch оказался просто неработоспособным, поскольку после рефакторинга был сломан основной функционал. И вот, спустя 7 дней, разработчики Sencha исправили свои ошибки и выпустили новую версию!
Но, судя по статусам баг-репортов на официальном форуме, ошибки, привнесённые новым апдейтом, пофикшены не все. Что ж, это всего лишь бета, и каждый, кто берётся писать рабочие проекты на бета-версии, должен понимать и соглашаться с риском и возможными проблемами. Надеюсь, апдейт Sencha Touch 0.95 beta окажется пригодным для работы, а пока остаётся только пожелать удачи разработчикам и ждать финального релиза, который, судя по всему, будет где-то в ноябре.

Sencha Touch 0.94 beta: Bugs

К сожалению, Sencha Touch 0.94 beta, принеся кучу новых фич, стала, на мой взгляд, неработоспособной из-за обилия багов. Какое-то время я пытался самостоятельно делать заплатки, но новые дыры вскрывались одна за другой, поэтому я плюнул и откатился до 0.93 версии.
Причём, судя по активности на форуме Sencha Touch: Bugs перестали работать веб-приложения после обновления не только у меня.
Произошло сиё безобразие, скорее всего, из-за глобального рефакторинга, о котором разработчики так хвалились в Release Notes. К сожалению, web-интерфейсы и JavaScript тяжело покрываются автоматизированными тестами (помнится, как-то раз навешевали мы на ExtJS-портал Selenium-тесты через css-селекторы, но ничего хорошего не вышло).

Sencha Touch 0.94 beta сильно обрадовала меня своим выходом, но и не менее огорчила, когда я потратил кучу времени, пытаясь пофиксить то, что раньше работало отлично. В общем, это обновление явилось хорошим примером, что рефакторинг должен быть хорошо протестирован и надеюсь, новая версия не заставит себя долго ждать.

Sencha Touch 0.94 beta

Сегодня наконец-то обновилась бета-версия, уже полюбившегося мной, JavaScript Framework'а для мобильных платформ Sencha Touch. Должен сказать, этот апдейт я ждал долго и вот, после месячной доработки, он доступен для свободного скачивания.

В этой версии были исправлены многие баги, проведён рефакторинг, улучшена производительность, произведена оптимизация под Android и iPhone 4.
Полный список изменений вы можете найти в файле release-notes.html, прилагаемому к архиву Sencha Touch.

Автоподгрузка списка по скроллингу

Итак, я решил первый технический пост не посвящать азам Sencha Touch и не стал излагать тот минимум, который необходим для создания мобильного web приложения (об этом я расскажу в следующих записях), я хочу рассказать вам о компонентах Ext.List, Ext.util.Scroller, о AJAX-запросах и как с помощью этого всего сделать так, чтобы по достижению дна списка подгружалась следующая порция контента.

Вступление

Я уже около двух лет, как активно использую в своей работе библиотеку ExtJS и месяц назад (как раз 15 июня) зашёл на extjs.com, чтобы скачать свежую версию, и бнаружил... Собственно говоря, я обнаружил новый продукт - Sencha, объединивший в себе ExtJS, jQTouch и Raphaël.
И вот, спустя почти месяц, мне-таки подвернулся проект, который заключается в разработке web приложения под iPhone, и я, конечно же, сразу же взялся изучать Sencha Touch (заказчику же сообщил, что имею опыт разработки на этой библиотеке). Как оказалось, после ExtJS новенький Sencha Touch учится за полдня, и никаких проблем не составило выдавать желаемое (наличие опыта разработки Sencha Touch) за действительное. Через 4 дня работы над этим проектом я приобрёл себе iPhone (да, я начал с эмулятора) и понеслось...

В общем, как вы, наверное, догадались из вступления, речь в блоге пойдёт о моём опыте разработки мобильных приложений (web apps) с использованием библиотеки Sencha Touch и вкусностей свежеиспечённых HTML5 и CSS3. Надеюсь, информация окажется полезной!