Начинаем изучать Flex 3

Thursday, November 13th, 2008

Hезнание английского не освобождает от ответственности

Как показывает практика, все обучение сводится к чтению и пониманию правильно расставленных буков.
А профессионалы, кроме того, что знают много разных вещей, и разбираются в правильно расставленых буквах, еще знаю где быстро и эффективно найти новые буквы чтобы ответить на то, что они еще не знают, или уже забыли.
Поэтому начало и дальнейшее изучение флекс я сведу обзору где и что можно найти.

Обзор документации и книг по Adobe Flex:

Официальную документацию по Flex 3/Flex Builder 3 от производителя можно найти на сайте адоба. http://www.adobe.com/support/documentation/en/flex/ Данная ссылка содержит большой список полезной документации, сделаем ее краткий обзор:

Первых 4 ссылки содержит документы описывающие установку флекс билдера и описание его функциональности (для тех кто незнаком с Eclipse платформой или кто хочет обновить свои знания стоит почитать Using Adobe Flex Builder 3 http://livedocs.adobe.com/flex/3/using_fb_flex3.pdf )

Adobe Flex Language Reference — документация по ActionScript3 и Flex 3. Она также есть в хелпе, который поставляется вместе с Flex Builder 3.

Flex 3 Developer Guide — глобальный и полный мануал по флекс, о разработке флекс приложений. Полностью описаны возможности фреймворка. Примеры кода, работа с компонентами, общение с сервером. 1300+ страниц наполненных информацией.

Programming ActionScript 3.0 — мануал о программирование на ActionScript 3. Начиная от описания синтаксиса, заканчивая работой с принтером и видео. Советую ознакомиться вначале, если вы незнакомы с АС3.

Также там много полезных мануалов на все случаи программирования на флекс 3 (Скинование, создание собственных компонент, оптимизация приложений…) Документации выполнена очень качественно и ее очень много, для начала изучения и работы с Flex 3 ее должно хватить с головой!

В конце страницы есть ссылка на архив со всей документацией.

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

Книги о ActionScript 3 (я их не листал, а те что листал уже не помню и коментировать не буду):

ActionScript 3.0 – Advanced Design Patterns (2006)
ActionScript 3.0 – Bible (Wiley)
ActionScript 3.0 – Design Patterns (OReilly.Jul.2007)
ActionScript 3.0 – Essential (OReilly.Jun.2007)
ActionScript 3.0 – Foundation Animation (FriendsofED.Apr.2007)
ActionScript 3.0 – Foundation With Flash CS3 and Flex (FriendsofED)
ActionScript 3.0 – Learning – A Beginners Guide (OReilly.Jan.2008)
ActionScript 3.0 – Object.Oriented (FriendsofED.Jul.2007)
ActionScript 3.0 – Programming
ActionScript 3.0 – Using Components
FriendsofED Foundation Flash CS3 Video
OReilly.Learning.Flash.Media.Server.3.Mar.2008

Книги по программированию на Flex 2/3:

Learning Flex 3: Getting up to Speed with Rich Internet Applications
Веселая книжка по введению в разработку на Flex 3, обзор средств разработки, описание как их использовать, описание базовых вещей флекс-фреймворка, ничего сложного. Для новичка самое оно, чтобы получить представление о технологии и начать ее использовать.

Flex 3 – A Beginners Guide (McGraw.Hill.Mar.2008)
Первых 2 главы смело пропускаем (1. рассуждения на тему. 2. установка и настройка). Остальные можно смотреть через строчку. В книге дано краткое описание ActionScript3 и MXML. Очень кратко описаны возможности Flex 3 и Flex Builder 3. Книгу стоит почитать тем, кто только начинает свою работу с flex 3, больше ничего интересного в ней нет.

Flex 2 – Programming (OReilly)
Классика жанра. Немного теории о RIA, затем рассмотрены возможности ActionScript3 и Flex, много примеров кода и много картинок. То что она написана Flex 2 это не страшно. Я бы посоветовал ее как настольную книгу начинающего и продолжающего Flex-программиста.

The Essential Guide to Flex 2 with ActionScript 3.0 | The Essential Guide to Flex 3 (FriendsofED)
Что похожее на Flex 2 – Programming (OReilly), но как по мне хуже. Общий обзор возможностей Flex.

AdvancED Flex Application Development: Building Rich Media X
Вначале немного рассказывается о Flex и Веб 2.0, Чем флекс хорош для создания RIA. Затем авторы на примере создания социальной сети рассматривают возможности Flex. Книга интересна тем, что в ней по порядку рассматривается разработка большого проекта, от задумки, возможностей, выбора средств разработки до реализации как клиента, так и серверной части. Естественно, что клиента они делают на Flex, а в сервер строят на основе движка Drupal. Книгу стоит почитать для развития кругозора и понимания как создается RIA . Как справочник по Flex она сильно годится.

Flex 3 Cookbook: Code-Recipes, Tips, and Tricks for RIA Developers (OReilly.May.2008)
Список рецептов для Flex 3. Очень полезная книга, дает готовые решения большинства стандартных проблем, а также дает «отправные точки» для дальнейшего поиска. Советую держать ее под рукой.

Flex Solutions: Essential Techniques for Flex 2 and 3 Developers (FriendsofED)
Книга из разряда кукбуков, но если «Flex 3 – Cookbook» содержит советы о написании кода, то данная книга содержит еще советы и решения проблем связанных с настройками среды разработки. Все советы разложены по полочкам. Советую держать под рукой.

Foundation Flex for Developers (FriendsofED.Dec.2007)
Первая часть книги посвящена введению в флекс программирование. Вторая часть посвящена общению флекс приложений с сервером, используя ColdFusion, ASP.NET или PHP (как по мне довольно грустное описание так как все строиться на передаче ХМЛ, альтернативные способы, к сожалению, не рассмотрены). Третья часть посвящена работе LiveCycle Data Services (LCDS), ничего сказать не могу, опыта не имел и подробно не читал 🙂

Foundation Flex for Designers (FriendsofED.Jan.2008)
Книга о стилировании используя Flash, Photoshop, Illustrator и Fireworks и их интеграция с флекс. Использование дизайнер вью для создания приложения, форм, компонент. Ничего сказать немогу по поводу данной книги, мне не понравилась и нужна ли она дизайнерам ? 🙂

Данный список не является полным, книг по Flex 3 гораздо больше. При составлении я использовал только те книги копии которых я смог найти в сети (да простят меня их авторы)

Что же читать?

Читать нужно документацию от Адоба, она очень хорошая и охватывает практически все аспекты разработки РИА приложений используя Adobe Flex

В качестве старта для человека которому неведом мир Flex и ActionScript 3 советую начать изучение с прочтения книг:

ActionScript 3.0 – Essential (OReilly.Jun.2007)

Flex 3 – Learning (O’Reilly.Jun.2008)

Flex 2 – Programming (OReilly)

И незабывать про глобальный мануал от адоба

Также полезно иметь под рукой Flex 3 Cookbook и Flex Solutions: Essential Techniques for Flex 2 and 3 Developers

После изучения этих книг, я думаю вы сможете уже сами продолжить свой путь в рядах флексеров! Удачи!

Posted in ActionScript 3.0, AIR, Effective work, Flash, Flash Player, Flex, Flex Builder 2, Flex Builder 3, flex framework | 6 Comments »

Fix AnimatedGif for using in Flex 3

Friday, September 5th, 2008

Есть замечательный компонент который может проигрывать гиф анимацию во флексе.

http://dougmccune.com/blog/2007/01/17/animatedgifloader/

Ведет он себя также как стандартный Image + умение проигрывать гиф анимацию.

Единственный его недостаток в том, что он не хочет работать с Flex 3.

Но есть способ заставить его это делать. Вся загвоздка в том, что ему нехватает нужных ресурсов (ResourceBundle), их(вернее его) просто убрали в Flex 3 фреймворке. И нам всего лишь нужно его добавить.
Рецепт:

создаем папку bundles/en_US/ в которую копируем файл {Билдер}/sdks/3.0.0/frameworks/projects/framework/bundles/en_US/src/containers.properties

и добавляем в него строку

outOfRange=out of range или по вкусу что вам угодно

И в опциях компилятора указываем:

-locale en_US -source-path=../bundles/{locale} -allow-source-path-overlap=true

Компилируем и все отлично!.

Posted in ActionScript 3.0, Flex, Mаразмы нашего городка | 3 Comments »

Flex framework — это не только ценный мех, но еще и 120-150K полезного кода!

Tuesday, May 20th, 2008

Сенсация, сенсация, срочно в номер!

Я знаю как уменьшить размер с 150 до 130 кб для флекс 3 приложения!

Теперь более осмысленые слова:

Многие жалуются, что флекс приложения имеют большой размер, и это в принципе так, 120-150 килобайт кода это не мало. Часто звучит вопрос как уменьшить размер получаемого кода.

Давайте для начала разберемся, что нам дается с этим кодом?

Прелоадер (у нас он есть по умолчанию и нам просто не нужно его создавать, мелочь но приятно)
SystemManager — все проиницилизирует и создаст условия для комфортной работы стандартных и наших компонент (он объеденяет все нижеприведеные фичи в одно единое целое и заставляет их работать)
DragManager — в пол пинка позволяет делать драг”н”дроп всего из всего и во все, для List компонент это делается установкой пары флегов в mxml
StyleManager — работа со стилями. Во флекс фреймворке это одня из самых главных фич, дизайн можно изменить легким движением руки, и менять его в рантайме, догружая особоскомпилированые файлы стилей
LayoutManager — позволяет нам делать различные выранивания и позиционирования, без линних рассчетов (не правда ли удобно написать в mxml-коде width=”100%” ?)
PopUpManager — создаем и манипулируем со всплывающими окошками
ToolTipManager — наши замечательные тултипы, всегда сверху, ничего лишнего ( toolTip=”эгегей это я “, помоемому отлично)
CursorManager — позволит менять и создавать свои курсоры
HistoryManager и BrowserManager — храним историю переключения наших состояний и меняем линки в браузере, это пока единственное от чего бы я смог отказатся по умолчанию во фреймворке
Биндинг — автоматическое обновление данных там где это нам нужно, удобно, безумно удобно, супер удобно, только на это мне не жалко 50-60К кода )
Стили по умолчанию — создав и запустив приложение мы получаем
“раскрашеные” компоненты готовые к употреблению как они есть.

Согласитесь, что это совсем немало для для каких-то 120(150) килобайт кода! Если вы считаете, что тут много лишнего, то подумайте правильно ли выбрали среду разработки для вашего проекта, может все таки использовать Flash CS3 или голые AS3 проекты?

Помни: средняя фотка с фликера весит 100-150К, а страница баш.орг.ру — 200-300К

Я лично готов пожертвовать размером ради удобства и скорости разработки. Количество “динозавров” с модемами по 56кбит/с уже очень мало, стоимость мегабайта трафика уже не космическая, и задайтесь вопросом “нужно ли мое приложение всем?”, мой ответ: “кому оно нужно у того явно нет проблемы с интернетом!”

На последок открою тайну про уменьшение размера приложения.
В нагрузку к коду нам еще дают стиль по умолчанию, так вот если его “вырезать” ну или заменить на более легкий варинт то есть возможность съэкономить 10-20-30К кода, но зачем тратить это время? (самый простецкий способ это открыть framework.swc с помощью rar’а и почикать стили внутри него, если просто удалить их содержимое то проект запуститься но в рантайме будет ругатся, что ему нехватает запчастей)

Каждый должен знать, что приложение по умолчанию компилится в дебаг версию поэтому для релиз версии незабудь воспользоваться Project → Export Release Build…

Posted in ActionScript 3.0, Flex, Flex Builder 2, Flex Builder 3, flex framework | 2 Comments »

Coding Conventions от Адоба

Wednesday, April 16th, 2008

Я небуду даже это переводить:

Flex SDK coding conventions and best practices

При первом рассмотрении все очень замечательно, так что советую распечатывать и учить на ночь по 3 страницы

Спасибо Адоб за то, что ты сделал всю нудную работу за нас!
//это я к тому чтобы не обвиняли меня, что я всегда ругаю адоб.
Еще бы выпустил бы адоб автоформатилку хотя бы для части этих правил…
//а я и вправду вредный и ворчу на адоб

Posted in ActionScript 3.0, Effective work, FDT, Flex, Flex Builder 2, Flex Builder 3, mxml | 1 Comment »