angular-translate | Passo a Passo – (i18n) Como internacionalizar um App AngularJS – Parte 2 de 3
Olá a todos. Sejam bem vindos aos Canal e Blog SW9
Hoje começo uma nova série de vídeos, 3 no total, agora para explicar passo a passo como internacionalizar um Web App ou site (i18n) usando o framework AngularJs em complemento com a diretiva angular-translate.
Um dos grandes desafios de quem pretende criar um site ou WebApp e promovê-lo em outros países é permitir que seu site ou WebApp seja traduzido para mais de um idioma.
Não apenas a tradução, mas alguns aspectos de localização também devem ser levados em conta, como por exemplo formato da data, moeda e formato dos números que são característicos de cada país.
Neste passo a passo, que vou iniciar hoje, pretendo mostrar uma solução completa para que você, desenvolvedor, possa usar como exemplo em seus projetos.
A diretiva escolhida para viabilizar a internacionalização é chamada de [angular-translate], que em combinação com o AngularJS torna o processo mais rápido, prático e elegante.
Para este primeiro vídeo da série, vou focar os meus esforços em:
1- Dar um overview sobre internacionalização
2- Setup – instalar as bibliotecas e configurar o web app
Como de costume, vou usar o gerenciador npm para instalar os pacotes necessários para trabalhar com internacionalização.
No terminal basta digitar o comando abaixo:
npm install –save-dev
angular-translate
angular-translate-interpolation-messageformat
messageformat
angular-translate-loader-partial
angular-sanitize
3- Internacionalizar o cabeçalho da página
4- Utilizar tabelas de tradução direto no código javascript
5- Setar idioma default (fixo ou via definição do browser)
6- Estratégia Sanitize
7- Seleção de idioma pelo usuário
8- Biblioteca de ícones em forma de bandeira
Deixarei aqui um suspense para os tópicos que irei abordar nos dois próximos vídeos da série. Fiquem antenados no canal para não perderem a continuação.
Como de costume, deixarei um link no final da descrição para baixarem o código fonte exemplo. O processo é bem simples, basta acessar o link, informar um e-mail válido e dentro de instantes receberá o link para acesso irrestrito em minha área de downloads.
O que estão esperando? Baixem agora mesmo o código fonte e bons estudos. 
Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.
Fiquem com Deus e até o próximo vídeo.
Links úteis:
Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/
Meu Blog: http://blog.sw9.com.br
Meu GitHub: https://sw9brl.github.io/MyGitHubPage
Canal youtube: youtube.com/+sw9brl
Link do vídeo: angular-translate – Parte 1
✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se
Que tal me pagar um café :-)
Uma pequena quantidade de café foi consumida durante a produção de um post + vídeo. Se puder, contribua adicionando mais combustível para que eu tenha condições de seguir em frente.
Brincadeiras à parte, o valor selecionado é multiplicado por 2 (x2) que representa a multiplicação de minha dedicação a cada contribuição que recebo.
Deixe um comentário