Mapa de aplicativos da Windows Store em JavaScript
Veja os recursos principais para ajudá-lo a começar a desenvolver aplicativos da Windows Store usando JavaScript. Observe que esta não é uma lista abrangente de todos os recursos disponíveis. Este tópico foi desenvolvido para que você comece pela seção Noções básicas e depois vá para a parte que quiser, aprendendo sobre a funcionalidade do aplicativo na qual estiver interessado. Adicione esta página aos Favoritos e volte quando quiser aprender como adicionar novas funções a seu aplicativo.
Se preferir usar outra linguagem de programação, confira:
- Mapa de aplicativos da Windows Store em C# ou Visual Basic
- Mapa de aplicativos da Windows Store em C++
Introdução
Caso ainda não tenha instalado o Windows 8 e as ferramentas para desenvolvedores, baixe-os agora mesmo:
Estes tópicos são uma ótima introdução para criar aplicativos da Windows Store em JavaScript:
- Criar seu primeiro aplicativo da Windows Store em JavaScript
- Escrevendo código para aplicativos da Windows Store em JavaScript
- Modelos de projeto em JavaScript para aplicativos da Windows Store
- Usando o Tempo de Execução do Windows no JavaScript
- Programação assíncrona em JavaScript
- Depurando aplicativos em JavaScript
Programando aplicativos do Windows 8 com HTML, CSS e JavaScript
Este livro eletrônico gratuito com 17 capítulos apresenta diretrizes abrangentes para o desenvolvimento de aplicativos da Windows Store em JavaScript. Ele inclui uma seção Guia de início rápido com uma experiência imediata sobre as ferramentas, a API e alguns recursos da plataforma e descreve o restante da plataforma em detalhes.
Laboratórios práticos para o Windows 8
Se quiser outros tutoriais para aprender a criar aplicativos da Windows Store, baixe os laboratórios práticos para o Windows 8. Esses laboratórios apresentam uma introdução modular passo a passo à criação de um aplicativo de exemplo da Windows Store. Eles estão disponíveis em JavaScript com HTML e em C# com XAML.
Criar uma interface do usuário básica
Estes tópicos abordam a interface do usuário essencial para aplicativos da Windows Store.
| Selecionando as superfícies corretas da interface do usuário | Para começar. certifique-se de que seu aplicativo usa a superfície correta no momento certo. |
| Diretrizes de interação do usuário | Aprenda como criar um aplicativo com o qual os usuários podem interagir de maneiras intuitivas e imersivas, independente do dispositivo ou método de entrada usado. |
| Acessibilidade | Saiba como tornar os aplicativos acessíveis para a maior audiência possível, incluindo pessoas que tenham dificuldades ou deficiências. |
| Barras do aplicativo | A barra de aplicativos apresenta navegação, comandos e ferramentas aos usuários. |
| Menus contextuais | Os menus contextuais exibem até cinco comandos que permitem que os usuários realizem ações imediatas que sejam importantes para as tarefas realizadas. |
| Controles - HTML | Crie controles e conecte-os a códigos. |
| Controles e estilos - WinJS | Use a Biblioteca do Windows para controles e estilos em JavaScript. |
| Layouts e modos de exibição | Quando você planeja modos de exibição em tela inteira, ajustados e de preenchimento, sua interface do usuário pode refluir de forma elegante em telas de qualquer tamanho, independente da orientação da tela ou do modo de exibição de interação com o usuário. |
| Navegação | Navegue entre as páginas ou exiba conteúdo de outras páginas. |
| Entrada por caneta e stylus | Habilite a funcionalidade de tinta digital usando um dispositivo apontador, como uma caneta ou stylus. |
| Recursos | Crie e gerencie recursos da interface do usuário, como imagens e cadeias. |
| Blocos | Crie e atualize blocos. |
| Notificações do sistema | Crie e envie notificações do sistema. |
| Entrada por toque. | Crie uma experiência que dê prioridade ao toque. |
Gerenciar inicialização, suspensão e retomada
Para garantir que o usuário tenha a melhor experiência possível com seu aplicativo, pense no que deve acontecer quando ele é iniciado, suspenso e retomado.
| Reprodução Automática | Forneça seu aplicativo como uma opção quando um usuário conecta um dispositivo ao computador. Isso inclui câmeras, reprodutores de mídia, pendrives USB e DVDs. |
| Ativação de arquivos | Forneça seu aplicativo como uma opção para tratar um tipo de arquivo. |
| Ativação de protocolos | Forneça seu aplicativo como uma opção para tratar um protocolo. |
| Tela inicial | A tela inicial padrão é exibida quando o usuário inicia seu aplicativo, fornecendo resposta imediata aos usuários enquanto o aplicativo inicializa seus recursos. |
| Suspender/retomar | Quando você cuida da suspensão e retomada do aplicativo, os usuários têm uma experiência melhor com ele. Eles podem sair do aplicativo e continuarem de onde estavam quando retornarem, como se u aplicativo estivesse em execução em tela de fundo. |
Implementar contratos
Os contratos permitem a interação entre o Windows e um ou mais aplicativos da Windows Store.
| seletor de arquivos | Você pode ajudar os usuários a selecionarem arquivos do seu aplicativo enquanto estão usando outro aplicativo. Assim, eles ganham liberdade e flexibilidade. Os aplicativos aumentam sua popularidade através da participação em contratos de seletor de arquivos. |
| Botão Reproduzir em | Use o contrato do botão Reproduzir em para permitir que os usuários realizem o streaming de áudio, vídeo ou imagens com facilidade de seus computadores para dispositivos eu suas redes domésticas. |
| Pesquisar | Você pode adicionar um painel de pesquisa ao aplicativo para que os usuários possam pesquisar o conteúdo do seu aplicativo e de outros também. Os aplicativos que participam do contrato de Pesquisa ganham tráfego e uso. |
| Configurações | Você pode implementar o contrato de Configurações para que os usuários possam acessar as configurações de seu aplicativo usando o botão Configurações. |
| Compartilhamento | Os melhores aplicativos permitem que os usuários compartilhem facilmente o que estão fazendo com amigos e com familiares. Os aplicativos com suporte ao contrato de Compartilhamento podem compartilhar conteúdo automaticamente de e para qualquer aplicativo que também tenha suporte a esse contrato. |
Acessar dados e conteúdo
Você pode recuperar feeds RSS e realizar o download e upload de arquivos.
| Acessando e publicando conteúdo sindicado | Publique, atualize e remova feeds sindicados ou itens de feeds. |
| Associação de dados | A associação de dados permite sincronizar os elementos do seu aplicativo a diferentes fontes de dados, incluindo bancos de dados, arquivos e objetos internos. |
| Transferindo dados em tela de fundo | Inicie, pause, retome, informe o progresso e cancele uma operação de download de arquivo. |
Acessar arquivos e pastas
Estes tópicos demonstram como acessar dados do sistema de arquivos por meio de programação.
| Acessando arquivos com seletores de arquivos | Mostre o seletor de arquivos quando os usuários precisarem selecionar um arquivo para abrir. |
| Acessando arquivos de forma programática | Use consultas de pesquisa para enumerar e acessar arquivos em uma pasta, biblioteca, dispositivo ou local de rede. |
| Iniciar o aplicativo padrão para um arquivo | Inicie o aplicativo padrão para um tipo de arquivo. |
| Lendo ou gravando um arquivo | Crie, grave e leia arquivos no sistema de arquivos. |
Conectar-se com aplicativos e pessoas
Você pode criar aplicativos conectados que trazem experiências incríveis para os usuários.
| Proximidade e toque | Conecte computadores próximos com um simples toque. |
| Contatos do usuário | Permita que os usuários acessem seus contatos para que possam compartilhar conteúdo, enviar emails, trocar mensagens ou interagir de novas formas. |
Adicionar animações e gráficos
Você pode dar vida a seu aplicativo com animações, transições e gráficos.
| Animando sua interface do usuário | Use a biblioteca de animações para animar listas, transições, ponteiros e elementos/superfícies da interface do usuário. |
| Desenhando em uma tela | Use SVG e Tela para adicionar gráficos vetoriais rápidos e leves ao aplicativo. |
Usar multimídia
Estas seções descrevem como adicionar multimídia a seu aplicativo.
| Capturar fotos e vídeos | Capture fotos e vídeos em seus aplicativos da Windows Store. |
| Reproduzir áudio e vídeo | Reproduza áudio e vídeo em seus aplicativos da Windows Store. |
Suporte a dispositivos
Seu aplicativo pode oferecer suporte a diversos dispositivos. Os sensores de movimento e orientação permitem que seu aplicativo responda a movimentos. Os sensores de iluminação permitem que o aplicativo responda a mudanças na luz do ambiente. A localização geográfica permite que o aplicativo responda ao local do usuário.
| Enumerando dispositivos | Enumere dispositivos pela funcionalidade fornecida. |
| Acelerômetros | Use um acelerômetro para detectar mudanças no movimento em um ou dois eixos. |
| Giroscópios | Use um giroscópio para detectar mudanças na orientação e na taxa de rotação. Os giroscópios e acelerômetros funcionam juntos como controladores de jogos. |
| Inclinômetros | Use um inclinômetro para detectar mudanças no movimento nos eixos X, Y e Z. |
| Sensores de iluminação | Use um sensor de iluminação para detectar e responder a mudanças na luz do ambiente. |
| Localização Geográfica | Detecte a localização geográfica do usuário. |
| Impressoras | Use os recursos de impressão para melhorar a experiência de impressão do usuário. |
| Armazenamento removível | Forneça acesso a conteúdo em dispositivos de mídia e armazenamento, como Dispositivos Portáteis do Windows (WPD), dispositivos com Protocolo de Transporte de Mídia (MTP) e dispositivos da Classe de Armazenamento em Massa (MSC). |
Depurar e testar aplicativos
| Executar aplicativos do Visual Studio | Execute aplicativos no computador local, simulador ou dispositivo remoto. |
| Iniciar uma sessão de depuração | Configure e inicie sessões de depuração. |
| Navegação do depurador | Use o depurador do Visual Studio para depurar aplicativos. |
| Depurar aplicativos em JavaScript | Use as ferramentas do VS para depurar o código HTML, CSS e JavaScript. |
| Analisar o desempenho do aplicativo | Use as ferramentas de criação de perfil do Visual Studio para JavaScript. |
| Analisar o uso da memória | Use o JavaScript Memory Analyzer para ajudar a localizar perdas de memória. |
Migrar aplicativos de versões anteriores do Windows 8
Você criou aplicativos para uma versão de pré-lançamento do Windows 8? Para saber como atualizá-los para execução no Windows 8, veja Migrando um aplicativo da Windows Store em JavaScript.
Tópicos relacionados
- HTML/CSS para aplicativos da Windows Store
- API do Windows para aplicativos da Windows Store
- Empacotando aplicativos
