<?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; Bootstrap</title>
	<atom:link href="https://blog.sw9.com.br/tag/bootstrap/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>reCaptcha do Google &#8211; passo a passo com AngularJS e PHP &#8211; Aula 2 (BackEnd) &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/02/16/recaptcha-implementando-com-angularjs-e-php-aula-2-backend/</link>
		<comments>https://blog.sw9.com.br/2017/02/16/recaptcha-implementando-com-angularjs-e-php-aula-2-backend/#comments</comments>
		<pubDate>Thu, 16 Feb 2017 15:00:46 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[captcha]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Implementando reCaptcha]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[reCaptcha]]></category>
		<category><![CDATA[reCaptcha Google]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=385</guid>
		<description><![CDATA[Olá a todos.

O tema da vez é o captcha. De acordo com a definição existente no site wikipedia, o captcha nada mais é do que "um teste de desafio cognitivo, utilizado como ferramenta anti-spam para diferenciação entre computadores e humanos".

Seguindo nesta linha, eu acredito que a maioria de vocês já deve ter visto um Widget (componente visual) que aparece nos formulários web para validar determinada situação antes de submeter o formulário.

Pois é, este recurso existe para evitar que robôs façam submissão de formulários de forma não autorizada.

Estas submissões não autorizadas são consideradas SPAM e podem prejudicar a segurança e a estabilidade de seu site ou App Web.

Um tipo comum de CAPTCHA requer que o usuário identifique as letras de uma imagem distorcida, às vezes com a adição de uma sequência obscurecida das letras ou dos dígitos que apareça na tela.

Atualmente, o reCAPTCHA é recomendado pelos criadores de CAPTCHA como a implementação oficial.

Existem diversas formas e componentes para implementação de captcha. Neste artigo vou explicar passo a passo como ativar, configurar e utilizar o serviço de captcha do Google o famoso reCaptcha.

O reCaptcha é um sistema de caixa de diálogo para usuário originalmente desenvolvido na Universidade Carnegie Mellon. Mas em 16 de setembro de 2009 (Fonte Wikipedia)
foi adquirida pelo Google.

Ele possui uma API que nos permite implantá-lo de forma simples e rápida e com isso tentar minimizar os riscos de segurança e estabilidade do site ou App.

Neste segundo vídeo, vou explicar como implantar o recaptcha do lado do servidor para validá-lo e, em seguida, autorizar e submeter o formulário.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/02/16/recaptcha-implementando-com-angularjs-e-php-aula-2-backend/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>reCaptcha do Google &#8211; passo a passo com AngularJS e PHP &#8211; Aula 1 (FrontEnd) &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/02/14/recaptcha-google-implementando-com-angularjs-e-php-aula-1/</link>
		<comments>https://blog.sw9.com.br/2017/02/14/recaptcha-google-implementando-com-angularjs-e-php-aula-1/#comments</comments>
		<pubDate>Tue, 14 Feb 2017 15:00:41 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[captcha]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Implementando reCaptcha]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[reCaptcha]]></category>
		<category><![CDATA[reCaptcha Google]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=384</guid>
		<description><![CDATA[Olá a todos.

A partir de hoje estarei apresentando uma nova série agora para falar de um tema bem interessante.

O tema da vez é o captcha. De acordo com a definição existente no site wikipedia, o captcha nada mais é do que "um teste de desafio cognitivo, utilizado como ferramenta anti-spam para diferenciação entre computadores e humanos".

Seguindo nesta linha, eu acredito que a maioria de vocês já deve ter visto um Widget (componente visual) que aparece nos formulários web para validar determinada situação antes de submeter o formulário.

Pois é, este recurso existe para evitar que robôs façam submissão de formulários de forma não autorizada.

Estas submissões não autorizadas são consideradas SPAM e podem prejudicar a segurança e a estabilidade de seu site ou App Web.

Um tipo comum de CAPTCHA requer que o usuário identifique as letras de uma imagem distorcida, às vezes com a adição de uma sequência obscurecida das letras ou dos dígitos que apareça na tela.

Atualmente, o reCAPTCHA é recomendado pelos criadores de CAPTCHA como a implementação oficial.

Existem diversas formas e componentes para implementação de captcha. Neste artigo vou explicar passo a passo como ativar, configurar e utilizar o serviço de captcha do Google o famoso reCaptcha.

O reCaptcha é um sistema de caixa de diálogo para usuário originalmente desenvolvido na Universidade Carnegie Mellon. Mas em 16 de setembro de 2009 (Fonte Wikipedia)
foi adquirida pelo Google.

Ele possui uma API que nos permite implantá-lo de forma simples e rápida e com isso tentar minimizar os riscos de segurança e estabilidade do site ou App.

Nesta série eu vou explicar passo a passo como implementar a versão mais recente do reCaptcha, aquela que exibe o texto [I am not a robot] e no lado esquerdo deste texto existe um botão que deve ser clicado pelo usuário.

Para este primeiro vídeo vou explicar passo a passo como ativar, configurar o recaptcha e construção do formulário para exibição do widget.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/02/14/recaptcha-google-implementando-com-angularjs-e-php-aula-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI GRID Avançado &#8211; CRUD &#8211; Angular + Json Server &#8211; Aula 2</title>
		<link>https://blog.sw9.com.br/2017/02/02/ui-grid-avancado-crud-angularjs-json-server-aula-2-sw9/</link>
		<comments>https://blog.sw9.com.br/2017/02/02/ui-grid-avancado-crud-angularjs-json-server-aula-2-sw9/#comments</comments>
		<pubDate>Thu, 02 Feb 2017 15:00:53 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Componentes de Grid]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[json-server]]></category>
		<category><![CDATA[UI-Grid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=377</guid>
		<description><![CDATA[Olá pessoal, venho apresentar o segundo vídeo sobre UI Grid Avançado, cuja a proposta é mostrar um exemplo completo da utilização do Ui Grid.

Na primeira série que criei e que está disponível no canal e blog, procurei apresentar a maioria das funcionalidades e me limitei a não apresentar um exemplo real integrando a grid com o backend.

Agora, atendendo a pedidos, preparei dois vídeos que vão justamente abordar a integração com o backend.

Para backend vou utilizar o Json Server - Fake rest API que permite utilizarmos uma API Rest construida em Javascript de forma simples e rápida.

Lembrando que o Json Server, é uma Fake Rest API e recomendo sua utilização apenas para efeito de testes, prototipação e treinamento.

Neste segundo e último vídeo vou abordar a implementação de um CRUD usando Json Server.

Para este CRUD vou utilizar um formulário Modal e a diretiva NgMessage para validação de formulários.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/02/02/ui-grid-avancado-crud-angularjs-json-server-aula-2-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI GRID Avançado &#8211; Paginação Externa &#8211; Ordenação Externa &#8211; Filtro Externo &#8211; Aula 1</title>
		<link>https://blog.sw9.com.br/2017/01/31/ui-grid-avancado-paginacao-ordenacao-filtro-externo-sw9/</link>
		<comments>https://blog.sw9.com.br/2017/01/31/ui-grid-avancado-paginacao-ordenacao-filtro-externo-sw9/#comments</comments>
		<pubDate>Tue, 31 Jan 2017 15:00:27 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Componentes de Grid]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[json-server]]></category>
		<category><![CDATA[UI-Grid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=371</guid>
		<description><![CDATA[Olá pessoal, venho apresentar o primeiro vídeo sobre UI Grid Avançado, cuja a proposta é mostrar um exemplo completo da utilização do Ui Grid.

Na primeira série que criei e está disponível no canal e blog, procurei apresentar a maioria das funcionalidades e me limitei a não apresentar um exemplo real integrando a grid com o backend.

Agora, atendendo a pedidos, preparei dois vídeos que vão justamente abordar a integração com o backend.

Para backend vou utilizar o Json Server - Fake rest API que permite utilizarmos uma API Rest construida em Javascript de forma simples e rápida. Lembrando que o Json Server, é uma Fake Rest API e recomendo sua utilização apenas para efeito de testes, prototipação e treinamento.

Neste primeiro vídeo vou abordar a paginação externa. Neste modelo de paginação, ao inves de trazermos todos os dados do backend de uma única vez e paginar do lado do cliente, trazemos apenas o conteúdo da página que desejamos. Esta característica melhora a performance da paginação, principalmente quando trabalhamos com um banco de dados grande ou quando o volume de dados que queremos retornar na grid é muito grande.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/01/31/ui-grid-avancado-paginacao-ordenacao-filtro-externo-sw9/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>
		<item>
		<title>GRID &#8211; BootStrap Table com Angular JS  &#8211; Parte 2</title>
		<link>https://blog.sw9.com.br/2016/11/17/grid-bootstrap-table-com-angular-js-parte-2/</link>
		<comments>https://blog.sw9.com.br/2016/11/17/grid-bootstrap-table-com-angular-js-parte-2/#comments</comments>
		<pubDate>Thu, 17 Nov 2016 15:30:52 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[BootStrap Table]]></category>
		<category><![CDATA[Componente de Grid]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=345</guid>
		<description><![CDATA[Olá Pessoal, venho apresentar a vocês uma nova série, agora para falar sobre o componente BootStrap Table. 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- Barra de ferramentas
2- Seleção de Linhas
3- Paginação
4- Exportação
5- Idioma

Eu espero que gostem deste vídeo sobre BootStrap Table. Aguardem o vídeo Parte 3 (Final)

Fiquem à vontade para fazerem comentários, sugestões e compartilhar o vídeo com seus amigos.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/11/17/grid-bootstrap-table-com-angular-js-parte-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GRID &#8211; BootStrap Table com Angular JS &#8211; Parte 1</title>
		<link>https://blog.sw9.com.br/2016/11/15/grid-bootstrap-table-com-angular-js-parte-1/</link>
		<comments>https://blog.sw9.com.br/2016/11/15/grid-bootstrap-table-com-angular-js-parte-1/#comments</comments>
		<pubDate>Tue, 15 Nov 2016 17:56:54 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[BootStrap Table]]></category>
		<category><![CDATA[Componente de Grid]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=344</guid>
		<description><![CDATA[GRID - BootStrap Table com Angular JS - Parte 1

Olá Pessoal, venho apresentar a vocês uma nova série, agora para falar sobre o componente BootStrap Table. 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- Grid com dados estáticos
2- Grid com dados vindos do servidor (Formato Json)
3- Estilo CSS
4- Ordenação de colunas (Simples e Múltipla)
5- Ajuste automático de tamanho
6- Filtro Simples e Composto

Eu espero que gostem deste primeiro vídeo sobre BootStrap Table.

Fiquem à vontade para fazerem comentários, sugestões e compartilhar o vídeo com seus amigos.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/11/15/grid-bootstrap-table-com-angular-js-parte-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI GRID Componente de Grid para AngularJS – Final</title>
		<link>https://blog.sw9.com.br/2016/11/03/ui-grid-componente-de-grid-para-angularjs-final/</link>
		<comments>https://blog.sw9.com.br/2016/11/03/ui-grid-componente-de-grid-para-angularjs-final/#comments</comments>
		<pubDate>Thu, 03 Nov 2016 15:30:30 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Componente de Grid]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[UI-Grid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=338</guid>
		<description><![CDATA[UI GRID - Componente de Grid para AngularJS

Quem nunca precisou implantar uma grid de dados em sua aplicação e se deparou com as perguntas. Qual componente usar?
Qual o melhor? Como usar?

Com esta série de vídeos pretendo ajudar os desenvolvedores a encontrar e implantar a melhor solução de grid.

Ao todo vou apresentar 3 componentes de Grid que possuem uma infinidade de recursos e possibilidades para deixar sua aplicação web mais profissional e amigável.

Lembrando que todos os grids apresentados aqui são componentes gratuítos e desenvolvidos em Javascript.

Dando continuidade a apresentação do UI Grid, componente construído para trabalhar e usar todo o potencial do framework AngularJS, neste vídeo irei apresentar as funcionalidades: validação e exportação de dados com paginação externa ativa.

Eu espero que gostem do vídeo.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/11/03/ui-grid-componente-de-grid-para-angularjs-final/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI GRID Componente de Grid para AngularJS – Parte 4</title>
		<link>https://blog.sw9.com.br/2016/11/01/ui-grid-componente-de-grid-para-angularjs-parte-4/</link>
		<comments>https://blog.sw9.com.br/2016/11/01/ui-grid-componente-de-grid-para-angularjs-parte-4/#comments</comments>
		<pubDate>Tue, 01 Nov 2016 15:30:49 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Componente de Grid]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[UI-Grid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=335</guid>
		<description><![CDATA[UI GRID - Componente de Grid para AngularJS

Quem nunca precisou implantar uma grid de dados em sua aplicação e se deparou com as perguntas. Qual componente usar?
Qual o melhor? Como usar?

Com esta série de vídeos pretendo ajudar os desenvolvedores a encontrar e implantar a melhor solução de grid.

Ao todo vou apresentar 3 componentes de Grid que possuem uma infinidade de recursos e possibilidades para deixar sua aplicação web mais profissional e amigável.

Lembrando que todos os grids apresentados aqui são componentes gratuítos e desenvolvidos em Javascript.

Dando continuidade a apresentação do UI Grid, componente construído para trabalhar e usar todo o potencial do framework AngularJS, neste vídeo irei apresentar as funcionalidades: mover colunas, paginação externa e filtro customizado.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/11/01/ui-grid-componente-de-grid-para-angularjs-parte-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI GRID Componente de Grid para AngularJS – Parte 3</title>
		<link>https://blog.sw9.com.br/2016/10/20/ui-grid-componente-de-grid-para-angularjs-3/</link>
		<comments>https://blog.sw9.com.br/2016/10/20/ui-grid-componente-de-grid-para-angularjs-3/#comments</comments>
		<pubDate>Thu, 20 Oct 2016 15:00:56 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Grid de Dados]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Componente de Grid]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[UI-Grid]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=318</guid>
		<description><![CDATA[Com esta série de vídeos pretendo ajudar os desenvolvedores a encontrar e implantar a melhor solução de grid.

Ao todo vou apresentar 3 componentes de Grid que possuem uma infinidade de recursos e possibilidades para deixar sua aplicação web mais profissional e amigável.

Lembrando que todos os grids apresentados aqui são componentes gratuítos e desenvolvidos em Javascript.

Dando continuidade a apresentação do UI Grid, componente construído para trabalhar e usar todo o potencial do framework AngularJS, neste vídeo irei apresentar as funcionalidades: seleção de linhas, importação e exportação de dados.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/10/20/ui-grid-componente-de-grid-para-angularjs-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
