quinta-feira, 1 de abril de 2010

Como aprender Silverlight e Expression Blend? Existe uma seqüencia lógica de aprendizado?

Hoje muitos que estão estudando Expression Blend estão se perguntando, como aprender de maneira correta e seqüencial?

Na realidade estamos falando de duas coisas diferentes. Uma seria a parte técnica "Silverlight" e outra a parte de interface de usuário (Expression Blend) , e em se tratando de design de interface, é necessário pessoas que tenham o mínimo de conhecimento para criar novas experiências na web e em aplicativos.

Sobre como inovar, criar e desenhar vou deixar por conta de cada um.

Porém podemos estudar nossa ferramenta, o Expression Blend, e isto podemos discutir abertamente e gostaria de auxiliar a todos a ter um novo entendimento, vou tentar resumir este e os próximos posts.

Veja abaixo meus próximos posts para estudos do Expression Blend.

Todos os "posts" ou "capítulos" vou fazer um exemplo com o XAML.


  1. Entendendo a Barra de Ferramentas e Atalhos

    • Conheça a sua Toolbox
    • Atalhos e Dicas


  2. Como desenhar vetores e trabalhar com composições no Expression Blend

    • O que é o Xaml?
    • Tipos de Desenho em Xaml
    • Combinando objetos
    • Convertendo em Path


  3. Conhecendo Brushes, Resources, Styles e Templates

    • Reutilização com Resources
    • Crie estilos rápidos com Styles
    • Padronize todas as ações do seu controle, utilize Templates

  4. Compondo layouts com Panels, conheça cada um deles.

    • Trabalhando com grids
    • Separando o layout de desenvolvimento, Design, Xaml ou Split
    • Grid
    • StackPanel
    • Canvas
    • ScrollViewer
    • Border
    • ViewBox

  5. Como trabalhar com as layers e entender a guia Objects and Timeline

    • Separe seus objetos em layers
    • União de layers, organizando o projeto


  6. Conhecendo melhor States e Behaviors

    • Conheça a sua Toolbox
    • Atalhos e Dicas

  7. Trabalhando com StoryBoards e Animações

    • Cada objeto um layer e uma timeline
    • Suavizando a animação
    • Iniciando o projeto com uma animação
    • Auto Reverse

  8. Reconhecendo Controles na guia Assets

    • Controles
    • Conheça melhor a Asset Library


  9. Fabricando Controls (Controles) e UserControls (Controles de Usuário)

    • Transforme seus gráficos em controles
    • Seus layers visuais agrupados em um .xaml diferente


  10. Desenvolvendo com dados Dinâmicos

    • Preencha seu controle com uma estrutura de dados pronta
    • Trabalhando com web services
    • Ria Services, conexão de dados de forma estruturada

  11. Integrando C# com o Front-End

    • Interagindo com controles e gráficos
    • Alterando estados da interface
    • Trabalhando com animações