<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog sobre desenvolvimento mobile e Web &#187; AngularJS</title>
	<atom:link href="https://blog.sw9.com.br/tag/angularjs/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.sw9.com.br</link>
	<description>Blog com artigos e vídeos a respeito de assuntos voltados para desenvolvimento we e desenvolvimento mobile hibrido</description>
	<lastBuildDate>Fri, 12 Jul 2024 20:17:59 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>angular-translate &#124; Passo a Passo &#8211; (i18n)  Como internacionalizar um App AngularJS &#8211; Parte 3 de 3</title>
		<link>https://blog.sw9.com.br/2017/05/23/angular-translate-internacionalizando-webapp-com-angularjs-parte-3-3/</link>
		<comments>https://blog.sw9.com.br/2017/05/23/angular-translate-internacionalizando-webapp-com-angularjs-parte-3-3/#comments</comments>
		<pubDate>Tue, 23 May 2017 15:00:20 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[angular-translate]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[internacionalizando seu site]]></category>
		<category><![CDATA[Pascal Precht]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=460</guid>
		<description><![CDATA[Olá a todos. Sejam bem vindos aos Canal e Blog SW9

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.

Chegou a vez do terceiro e último vídeo da série que explica passo a passo como internacionalizar um app AngularJS.

Neste terceiro vídeo vou falar sobre cache, salvar o idioma padrão em memória, exibir a bandeira do idioma selecionado e como trabalhar com números, moeda e data.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/05/23/angular-translate-internacionalizando-webapp-com-angularjs-parte-3-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>angular-translate &#124; Passo a Passo &#8211; (i18n)  Como internacionalizar um App AngularJS &#8211; Parte 2 de 3</title>
		<link>https://blog.sw9.com.br/2017/05/11/angular-translate-internacionalizando-webapp-com-angularjs-parte-2/</link>
		<comments>https://blog.sw9.com.br/2017/05/11/angular-translate-internacionalizando-webapp-com-angularjs-parte-2/#comments</comments>
		<pubDate>Thu, 11 May 2017 15:00:14 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[angular-translate]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[internacionalizando seu site]]></category>
		<category><![CDATA[Pascal Precht]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=447</guid>
		<description><![CDATA[Olá a todos. Sejam bem vindos aos Canal e Blog SW9

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 segundo vídeo da série, vou abortar dois assuntos bem importantes.  No primeiro, vou explicar passo a passo como utilizar tabelas de tradução em arquivos do tipo json e com isso possibilitar o carregamento das tabelas de tradução de forma dinâmica.  

Ainda dentro deste assunto, vou mostrar como carregar apenas a tabela de tradução da página que está sendo renderizada no momento, assim, não teremos desperdício e ganharemos velocidade no carregamento da página (Lazy Loading).

Já, no segundo assunto que vou abordar, explico passo a passo como usar o recurso de pluralização e gênero.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/05/11/angular-translate-internacionalizando-webapp-com-angularjs-parte-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>angular-translate &#124; Passo a Passo &#8211; (i18n)  Como internacionalizar um App AngularJS &#8211; Parte 1 de 3</title>
		<link>https://blog.sw9.com.br/2017/05/09/angular-translate-internacionalizando-webapp-com-angular-js/</link>
		<comments>https://blog.sw9.com.br/2017/05/09/angular-translate-internacionalizando-webapp-com-angular-js/#comments</comments>
		<pubDate>Tue, 09 May 2017 15:00:01 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[angular-translate]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[internacionalizando seu site]]></category>
		<category><![CDATA[Pascal Precht]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=443</guid>
		<description><![CDATA[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.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/05/09/angular-translate-internacionalizando-webapp-com-angular-js/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AngularJS &#8211; Incluir e Remover Dados na Página HTML de Forma Dinâmica &#124; SW9</title>
		<link>https://blog.sw9.com.br/2017/01/12/angularjs-incluir-e-remover-dados-pagina-html-forma-dinamica/</link>
		<comments>https://blog.sw9.com.br/2017/01/12/angularjs-incluir-e-remover-dados-pagina-html-forma-dinamica/#comments</comments>
		<pubDate>Thu, 12 Jan 2017 15:00:59 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[AngularJS e Dom]]></category>
		<category><![CDATA[BootStrap UI]]></category>
		<category><![CDATA[Incluindo Dados com AngularJS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Manipulando DOM com AngularJS]]></category>
		<category><![CDATA[Removendo Dados com AngularJS]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=374</guid>
		<description><![CDATA[✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Olá a todos.

O objetivo deste vídeo é mostrar para vocês como é simples e prático criar e remover dados em uma página html, de forma dinâmica, usando o framework AngularJS.

Para este exemplo vou utilizar o JsFiddle que vai permitir publicar o código e compartilhar o link com vocês. Caso tenham interesse em saber um pouco mais sobre o JsFiddle, eu tenho um vídeo no meu canal e o link deixarei disponível no final da descrição.

Em primeiro lugar, vou incluir as dependências externas (bibliotecas BootStrap, Font Awesome e Jquery), em seguida vou construir a página HTML mesclando BootStrap UI e Angular JS. Por último vou construir a lógica Angular JS criando o módulo e o controlador e em um passe de mágica já é possível adicionar e remover dados na página de forma dinâmica.

Espero que gostem deste vídeo. Aproveitem para curtir, compartilhar e se inscrever no canal.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/01/12/angularjs-incluir-e-remover-dados-pagina-html-forma-dinamica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JsGrid &#8211; Integrando e Utilizando com AngularJS (Parte 5 &#8211; Validação de Dados)</title>
		<link>https://blog.sw9.com.br/2016/12/29/jsgrid-integrando-e-utilizando-com-angularjs-parte-final-validacao-dados/</link>
		<comments>https://blog.sw9.com.br/2016/12/29/jsgrid-integrando-e-utilizando-com-angularjs-parte-final-validacao-dados/#comments</comments>
		<pubDate>Thu, 29 Dec 2016 15:30:19 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Implementar Grid de Dados]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[jsGrid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=363</guid>
		<description><![CDATA[Olá Pessoal,

O JsGrid é um componente de grid que foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.

A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.

Neste último vídeo da série vou apresentar a funcionalidade:

1- Validação de dados

O JsGrid nos permite usar as validações default ou então criar validações customizadas, neste vídeo vou apresentar as duas possibilidades de implantação do processo de validação.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/12/29/jsgrid-integrando-e-utilizando-com-angularjs-parte-final-validacao-dados/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JsGrid &#8211; Integrando e Utilizando com AngularJS (Parte 4 &#8211; Incluir Alterar Excluir Dados)</title>
		<link>https://blog.sw9.com.br/2016/12/27/jsgrid-integrando-e-utilizando-com-angularjs-parte-4-crud-com-jsonserver/</link>
		<comments>https://blog.sw9.com.br/2016/12/27/jsgrid-integrando-e-utilizando-com-angularjs-parte-4-crud-com-jsonserver/#comments</comments>
		<pubDate>Tue, 27 Dec 2016 15:30:05 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Implementar Grid de Dados]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[jsGrid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=364</guid>
		<description><![CDATA[Olá Pessoal,

O JsGrid é um componente de grid que foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.

A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.

Neste quarto vídeo vou apresentar as funcionalidades:

1- Incluir

2- Alterar

3- Excluir

Vou utilizar o JsonServer para simular uma API Rest e com isso viabilizar a implementação do CRUD na Grid.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/12/27/jsgrid-integrando-e-utilizando-com-angularjs-parte-4-crud-com-jsonserver/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JsGrid &#8211; Integrando e Utilizando com AngularJS (Parte 3 &#8211; Temas e Paginação)</title>
		<link>https://blog.sw9.com.br/2016/12/15/jsgrid-integrando-e-utilizando-com-angularjs-parte-3-temas-e-paginacao/</link>
		<comments>https://blog.sw9.com.br/2016/12/15/jsgrid-integrando-e-utilizando-com-angularjs-parte-3-temas-e-paginacao/#comments</comments>
		<pubDate>Thu, 15 Dec 2016 15:30:05 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Implementar Grid de Dados]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[jsGrid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=357</guid>
		<description><![CDATA[Olá Pessoal,

O JsGrid é um componente de grid que foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.

A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.

Neste terceiro vídeo vou apresentar as funcionalidades:

1- Temas

2- Paginação de Dados]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/12/15/jsgrid-integrando-e-utilizando-com-angularjs-parte-3-temas-e-paginacao/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JsGrid &#8211; Integrando e Utilizando com AngularJS (Parte 2 &#8211; Multi idioma e campo customizado)</title>
		<link>https://blog.sw9.com.br/2016/12/13/jsgrid-integrando-e-utilizando-com-angularjs-parte-2-multi-idioma-e-campo-customizado/</link>
		<comments>https://blog.sw9.com.br/2016/12/13/jsgrid-integrando-e-utilizando-com-angularjs-parte-2-multi-idioma-e-campo-customizado/#comments</comments>
		<pubDate>Tue, 13 Dec 2016 15:30:59 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Implementar Grid de Dados]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[jsGrid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=353</guid>
		<description><![CDATA[Olá Pessoal,

O JsGrid é um componente de grid que foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.

A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.

Neste segundo vídeo vou apresentar as funcionalidades:

1- Grid Multi idioma

2- Criação de campo customizado (Campo do tipo Data)]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/12/13/jsgrid-integrando-e-utilizando-com-angularjs-parte-2-multi-idioma-e-campo-customizado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JsGrid &#8211; Integrando e Utilizando com AngularJS (Parte1)</title>
		<link>https://blog.sw9.com.br/2016/12/01/jsgrid-com-angularjs-parte-1/</link>
		<comments>https://blog.sw9.com.br/2016/12/01/jsgrid-com-angularjs-parte-1/#comments</comments>
		<pubDate>Thu, 01 Dec 2016 15:30:58 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Implantar Grid de Dados]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[jsGrid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=349</guid>
		<description><![CDATA[Olá Pessoal,

após duas séries sobre componentes de grids (UI Grid e BootStrap Table), agora é a vez de apresentar a série sobre JsGrid, outro componente de grid que recomendo para utilizarem em seus Apps.

Este componente foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.

A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.

No primeiro vídeo desta nova série vou apresentar as funcionalidades:

1- Carregando dados estáticos na Grid
2- Carregando dados a partir de requisição Ajax
3- Ordenação de colunas
4- Filtro de dados (Pesquisa de dados na grid)

Eu espero que gostem deste vídeo sobre Integrando e Utilizando JsGrid com AngularJS]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/12/01/jsgrid-com-angularjs-parte-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GRID &#8211; BootStrap Table com Angular JS  &#8211; Final</title>
		<link>https://blog.sw9.com.br/2016/11/29/grid-bootstrap-table-com-angular-js/</link>
		<comments>https://blog.sw9.com.br/2016/11/29/grid-bootstrap-table-com-angular-js/#comments</comments>
		<pubDate>Tue, 29 Nov 2016 15:30:28 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[BootStrap Table]]></category>
		<category><![CDATA[Implantar Grid de Dados]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=350</guid>
		<description><![CDATA[Olá Pessoal, neste terceiro e último vídeo da série Bootstrap Table com AngularJs, dou continuidade a explicação sobre as funcionalidades principais deste componente de grid.

Este componente de grid foi desenvolvido para trabalhar nativamente com o BootStrap UI e o Jquery, no entanto fazendo algumas pesquisas na internet eu encontrei uma diretiva que nos permite usar o BootStrap Table em conjunto com o AngularJS.

O BootStrap Table, diferente do UI-GRID trabalha com extensões, o que nos permite agregar funcionalidades
ao GRID de forma rápida e com poucas linhas de código. Além disso, o bootStrap Table possui uma aparência mais
agradável aos olhos dos usuários.

No vídeo de hoje vou apresentar as funcionalidades:

1- Formatação de colunas e rodapé
2- Edição de dados]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/11/29/grid-bootstrap-table-com-angular-js/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
