Este documento apresenta uma sessão técnica sobre Silverlight 4 e Expression Blend 4. A sessão irá cobrir os principais recursos dessas tecnologias, incluindo layout, controles, data binding, visual state manager e dicas para desenvolvimento. O objetivo é mostrar como essas ferramentas podem ser usadas para criar experiências ricas para web e além.

1. SETEMBRO, 2010 | SÃO PAULO

2. Instruções gerais (hidden slide):Instruções aos palestrantes: Complete este slide para que o Track Owner avalie a sequência da sua apresentação, tópicos cobertos, integração das demos e alinhamento do conteúdo com a descrição e nível da sessão. Título:

3. NívelTécnico:

4. Audiênciafoco:

5. Objetivos (quaissão as trêsprincipaismensagensquevocêgostariaque a audiênciaabsorva):

6. 1

7. 2

8. 3

9. Sequência da suaapresentação (incluindo as demos):CÓDIGO DA SESSÃO:WEB203Silverlight 4 e Expression Blend 4 – Tecnologia e Ferramenta em suas mãosRodrigo KonoMVP - MCT - MCTS - MCPDPensou.Net Treinamentoswww.rodrigokono.netwww.twitter.com/rodrigokonowww.pensou.net

10. AgendaSilverlight 4 e Expression Blend 4Visão GeralEntendendo o LayoutControlesStyles e ResourceDictionaryData BindingVisual State ManagerDicas!A próximaonda…

11. Silverlight e o Expression Blend 4Silverlighté uma tecnologia web, que permite criar experiências ricas, tanto visuais como usuaise vai além disto! Já o Expression Blendé uma poderosa ferramenta para desenvolver UI

12. Microsoft .NET Application PlatformTecnologia e FerramentaFerramentas & Modelo de AplicaçõesDeployDesignDevelopBrowserClientUser Experience

13. Timeline do Silverlight Em números36 mesesdesde o lançamentoSilverlight lançadoem 2007…

14. Timeline do Silverlight Em números36 meses desde o lançamento500m+downloads500m+

15. Timeline do Silverlight Em números36 meses desde o lançamento500m+downloads500.000+Developers & Designers+500.000Source: Microsoft Developer Tracker 2008 Report

16. Timeline do Silverlight Em números36 meses desde o lançamento500m+downloads500.000+Developers & Designers350+ parceirosem30 países

17. Timeline do Silverlight Em números36 meses desde o lançamento500m+downloads500.000+Developers & Designers350+ parceirosem30 países350+Microsoft Products & Websites

18. Timeline do Silverlight Em números36 meses desde o lançamento500m+downloads500.000+Developers & Designers350+ parceirosem30 países350+Microsoft Products & WebsitesMilhares de Apps pelomundo!www.silverlight.net/showcase

19. Timeline do SilverlightEm números no BrasilLançamento do Silverlight em Set 2007Silverlight 2 - Out 2008 Silverlight 3 - Jul 2009Silverlight 4 - Mar 2010Em 3 anos!54,30% da internet no BRA possuidispositivos com o Silverlight 4 instalado!11,39% ainda no Silverlight 356,31% no Flash 10.1fonte: www.riastats.com, 14.09.2010

20. O que preciso ter para começar a desenvolver com Silverlight 4?Visual Studio 2010 ouVisual Web Developer Express 2010Silverlight 4 Tools for Visual Studio 2010Expression Blend 4Silverlight 4 toolkitTodosestespassosestãoemhttp://www.silverlight.net/getstarted

21. <Button Width="100"> OK <Button.Background>LightBlue </Button.Background></Button>XAMLSepara o front-end do back-endSimplese declarativa. Adequado para a construção e inicialização de objetos do .NETForma mais concisa para representar interfaces de usuário (ou outras hierarquias de objetos)Não precisa de ser compiladaExpression Design e export em Adobe Illustrator, Fireworks, SWF2XAML...Lê, Parse, Mostra

22. PrimeirospassosCompreedendo o Ambiente de Desenvolvimento

23. Entendendo o LayoutEssencialpara a criação da suaUIRenderização/organização do conteúdoPanels sãousadosparareceberconteúdoMargin e PaddingPosicionamentoFixo (Canvas) é raramenteusado

24. Entendendo o LayoutLayout Controls (Panels)

25. Entendendo o Layout Layout Controls (parte do Silverlight Toolkit )

26. Entendendo o Layout PosicionamentoPaddingMarginText BlockTextBlock

27. Layout

28. Controles

29. ControlesNativos do SilverlightE muito mais no Silverlight Toolkit...

30. Controles

31. Styles

32. Resource Dictionary

33. Styles e Resource Dictionaries

34. Trabalhando com Dados (Data Binding)Ligação de elementos da UI com os DadosSample Data para facilitar a vidaData TemplatesValidação de DadosDireção do Fluxo de dadosConversões de Dados

35. Databinding no Blend 4

36. The Silverlight Visual State ManagerAlternativa para os triggers do WPF no SilverlightTotalmente suportados no Expression BlendDomínio dos estados dos controlesPromove a separação da interface do usuário com o códigoPode adicionar estados manualmente a um UserControl

37. Visual State Manager