<?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; Javascript</title>
	<atom:link href="https://blog.sw9.com.br/tag/javascript/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>Testando NodeJS com Jest (Framework Test and Test Runner) &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/04/27/testando-nodejs-com-jest-framework-test-and-test-runner/</link>
		<comments>https://blog.sw9.com.br/2017/04/27/testando-nodejs-com-jest-framework-test-and-test-runner/#comments</comments>
		<pubDate>Thu, 27 Apr 2017 15:00:09 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Jest]]></category>
		<category><![CDATA[babel babel]]></category>
		<category><![CDATA[babel choice]]></category>
		<category><![CDATA[babel gulp]]></category>
		<category><![CDATA[babel js]]></category>
		<category><![CDATA[babel npm]]></category>
		<category><![CDATA[babel transpiler]]></category>
		<category><![CDATA[babelify]]></category>
		<category><![CDATA[Casos de Teste]]></category>
		<category><![CDATA[elasticsearch java example]]></category>
		<category><![CDATA[es6 node]]></category>
		<category><![CDATA[facebook nametest]]></category>
		<category><![CDATA[facebook tests]]></category>
		<category><![CDATA[facebook unit]]></category>
		<category><![CDATA[fb tests]]></category>
		<category><![CDATA[gulp babel]]></category>
		<category><![CDATA[gulp documentation]]></category>
		<category><![CDATA[https www facebook com]]></category>
		<category><![CDATA[install babel]]></category>
		<category><![CDATA[Jasmine]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[javascript test]]></category>
		<category><![CDATA[jest js]]></category>
		<category><![CDATA[jest nodejs]]></category>
		<category><![CDATA[jest test]]></category>
		<category><![CDATA[node babel]]></category>
		<category><![CDATA[node es6]]></category>
		<category><![CDATA[Node Js]]></category>
		<category><![CDATA[nodejs es6]]></category>
		<category><![CDATA[nodejs mocha]]></category>
		<category><![CDATA[npm install babel]]></category>
		<category><![CDATA[npm nodemon]]></category>
		<category><![CDATA[rails es6]]></category>
		<category><![CDATA[sprockets es6]]></category>
		<category><![CDATA[test components]]></category>
		<category><![CDATA[test facebook]]></category>
		<category><![CDATA[Test framework]]></category>
		<category><![CDATA[test javascript]]></category>
		<category><![CDATA[Test runner]]></category>
		<category><![CDATA[Testando NodeJS com Jest]]></category>
		<category><![CDATA[Testes]]></category>
		<category><![CDATA[Testes Unitários]]></category>
		<category><![CDATA[unit facebook]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=437</guid>
		<description><![CDATA[Olá a todos. Sejam bem vindos aos Canal e Blog SW9

A proposta de hoje é apresentar para vocês o framework de teste chamado Jest. Recentemente tive contato com este framework e posso dizer que fiquei surpreso com os recursos e a facilidade que ele nos trás. Te digo mais, nunca foi tão fácil configurar, escrever testes unitários e executar os testes com o Jest.

Ainda mais para quem está acostumado a utilizar frameworks como o Jasmine e Mocha.

Um pouco da história do Jest: ele é um framework criado pelo time do Facebook, usando como base o framework Jasmine.

O primeiro recurso que me chamou atenção, é que o Jest além de ser um framework de testes ele também atua como um test runner, em resumo, com ele é possível construir os casos de teste e executá-los sem depender de nenhum outro framework ou componente.

Outra característica que me chamou a atenção foi a facilidade de instalação, configuração e utilização do framework. Para ser sincero nunca tinha visto nada igual.

E por último, deixo aqui a mensagem de que o Jest pode ser utilizado para testar códigos escritos em NodeJS, Javascript, AngularJS e estão trabalhando para que possa ser utilizado com qualquer framework Javascript.

Acredito que em um futuro próxima o Jest se torne a plataforma mais indicada para construção de testes unitários independente do framework Javascript que você esteja utilizando.

Para finalizar, apresento no final do vídeo, a integração nativa que o Jest tem com o componente istanbul, nos permitindo gerar relatórios em html de forma simples e rápida para documentarmos e evidenciarmos todo o nosso processo de teste.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/04/27/testando-nodejs-com-jest-framework-test-and-test-runner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testando seu App AngularJS com Karma e Jasmine &#8211; Parte Final &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/03/28/testando-seu-app-angularjs-com-karma-e-jasmine-testando-controlador-mais-api-2/</link>
		<comments>https://blog.sw9.com.br/2017/03/28/testando-seu-app-angularjs-com-karma-e-jasmine-testando-controlador-mais-api-2/#comments</comments>
		<pubDate>Tue, 28 Mar 2017 15:00:20 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Casos de Teste]]></category>
		<category><![CDATA[Jasmine]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Karma]]></category>
		<category><![CDATA[Testando seu App em AngularJS]]></category>
		<category><![CDATA[Testes]]></category>
		<category><![CDATA[Testes Unitários]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=415</guid>
		<description><![CDATA[Olá a todos.

Decidi lançar uma nova série, agora para falar sobre testes associados a Apps Web.

O Teste é uma das fases mais importantes do ciclo de desenvolvimento de um Software, seja ele para a Web, Desktop ou Mobile.

Neste último vídeo da série vou construir o último caso de teste que consiste em validar quando passamos um id de usuário inválido (que não existe na base de dados).
Neste caso, o comportamento que esperamos é o App nos direcionar para uma página de erro (Página 404).

Primeiro vamos começar construindo nosso controlador 404, nosso arquivo de teste e por último o arquivo html contendo a mensagem de erro. Para concluir, vou completar o arquivo de teste do controlador [Contato] onde incluo o último caso de teste e valido o redirecionamento para a página de Erro.

Atenção especial para o roteamento em nosso App, onde uso o ui-router e não mais o ngRoute.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/03/28/testando-seu-app-angularjs-com-karma-e-jasmine-testando-controlador-mais-api-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testando seu App AngularJS com Karma e Jasmine &#8211; Parte 4 &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/03/16/testando-seu-app-angularjs-com-karma-e-jasmine-testando-controlador-mais-api/</link>
		<comments>https://blog.sw9.com.br/2017/03/16/testando-seu-app-angularjs-com-karma-e-jasmine-testando-controlador-mais-api/#comments</comments>
		<pubDate>Thu, 16 Mar 2017 15:00:57 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Casos de Teste]]></category>
		<category><![CDATA[Jasmine]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Karma]]></category>
		<category><![CDATA[Testando seu App em AngularJS]]></category>
		<category><![CDATA[Testes]]></category>
		<category><![CDATA[Testes Unitários]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=408</guid>
		<description><![CDATA[Olá a todos.

Para este Quarto vídeo da série, vou iniciar a construção de testes para validar o funcionamento do Controlador chamado [Contatos].  

Este controlador deve receber um único contato válido, utilizar o nome da rede social contida neste contato para fazer uma pesquisa na API Social e trazer demais detalhes da rede social, como url, nome e ícone.

Como bônus, explico como incluir o comando [karma start --reporters spec] dentro do arquivo package.json, dando possibilidade ao desenvolvedor de digitar apenas [npm test], no prompt de comando, todas as vezes que for necessário executar o test runner Karma.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/03/16/testando-seu-app-angularjs-com-karma-e-jasmine-testando-controlador-mais-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testando seu App AngularJS com Karma e Jasmine &#8211; Parte 3 &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/03/14/testando-seu-app-angularjs-com-karma-e-jasmine-testando-chamada-api/</link>
		<comments>https://blog.sw9.com.br/2017/03/14/testando-seu-app-angularjs-com-karma-e-jasmine-testando-chamada-api/#comments</comments>
		<pubDate>Tue, 14 Mar 2017 15:00:35 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Casos de Teste]]></category>
		<category><![CDATA[Jasmine]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Karma]]></category>
		<category><![CDATA[Testando seu App em AngularJS]]></category>
		<category><![CDATA[Testes]]></category>
		<category><![CDATA[Testes Unitários]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=407</guid>
		<description><![CDATA[Olá a todos.

Para este Terceiro vídeo da série, vou mostrar como construir testes para validar o funcionamento de uma chamada API REST.

A API REST que vou utilizar é o Json-Server (Fake Full Rest API). Para quem quiser saber mais sobre o Json-Server, vou deixar no final da descrição o link para um dos vídeos que gravei sobre o assunto.

Para testar a API, vou criar um serviço chamado social e, a partir dele, realizar a chamada a API Json-Server para me retornar dados de redes sociais.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/03/14/testando-seu-app-angularjs-com-karma-e-jasmine-testando-chamada-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testando seu App AngularJS com Karma e Jasmine &#8211; Parte 2 &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/03/02/testando-seu-app-angularjs-com-karma-e-jasmine-filtros-controladores/</link>
		<comments>https://blog.sw9.com.br/2017/03/02/testando-seu-app-angularjs-com-karma-e-jasmine-filtros-controladores/#comments</comments>
		<pubDate>Thu, 02 Mar 2017 15:00:41 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Casos de Teste]]></category>
		<category><![CDATA[Jasmine]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Karma]]></category>
		<category><![CDATA[Testando seu App em AngularJS]]></category>
		<category><![CDATA[Testes]]></category>
		<category><![CDATA[Testes Unitários]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=401</guid>
		<description><![CDATA[Olá a todos.

Decidi lançar uma nova série, agora para falar sobre testes associados a Apps Web.

O Teste é uma das fases mais importantes do cliclo de desenvolvimento de um Software, seja ele para a Web, Desktop ou Mobile.

Eu digo a vocês que o teste é o grande aliado para identificarmos potenciais defeitos no código.

Já passou a época onde as pessoas desenvolviam os sistemas e para testá-los navegavam por todas as telas em busca de defeitos.
Essa pode ser uma alternativa, mas não é a única. Para realizarmos testes de qualidade, o mais correto é construirmos casos de teste
e aplicá-los de forma automática sempre que ocorrer uma alteração em nosso código.

Para esta primeira série sobre testes, vou focar no processo de testes de um App escrito em AngularJS. Como fazer isso? Como consigo criar testes
para validar os códigos escritos em AngularJS.

Para viabilizar a construção dos testes, vamos precisar de um framework de teste, que nada mais é do que um conjunto de features que vai nos permitir
codificar casos de teste. Para o caso do AngularJS o escolhido foi o framework Jasmine.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/03/02/testando-seu-app-angularjs-com-karma-e-jasmine-filtros-controladores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testando seu App AngularJS com Karma e Jasmine &#8211; Parte 1 &#8211; SW9</title>
		<link>https://blog.sw9.com.br/2017/02/28/testando-seu-app-angularjs-com-karma-e-jasmine-servicos/</link>
		<comments>https://blog.sw9.com.br/2017/02/28/testando-seu-app-angularjs-com-karma-e-jasmine-servicos/#comments</comments>
		<pubDate>Tue, 28 Feb 2017 15:00:42 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular JS]]></category>
		<category><![CDATA[Casos de Teste]]></category>
		<category><![CDATA[Jasmine]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Karma]]></category>
		<category><![CDATA[Testando seu App em AngularJS]]></category>
		<category><![CDATA[Testes]]></category>
		<category><![CDATA[Testes Unitários]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=400</guid>
		<description><![CDATA[Olá a todos.

Decidi lançar uma nova série, agora para falar sobre testes associados a Apps Web.

O Teste é uma das fases mais importantes do cliclo de desenvolvimento de um Software, seja ele para a Web, Desktop ou Mobile.

Eu digo a vocês que o teste é o grande aliado para identificarmos potenciais defeitos no código.

Já passou a época onde as pessoas desenvolviam os sistemas e para testá-los navegavam por todas as telas em busca de defeitos.
Essa pode ser uma alternativa, mas não é a única. Para realizarmos testes de qualidade, o mais correto é construirmos casos de teste
e aplicá-los de forma automática sempre que ocorrer uma alteração em nosso código.

Para esta primeira série sobre testes, vou focar no processo de testes de um App escrito em AngularJS. Como fazer isso? Como consigo criar testes
para validar os códigos escritos em AngularJS.

Para viabilizar a construção dos testes, vamos precisar de um framework de teste, que nada mais é do que um conjunto de features que vai nos permitir
codificar casos de teste. Para o caso do AngularJS o escolhido foi o framework Jasmine.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/02/28/testando-seu-app-angularjs-com-karma-e-jasmine-servicos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
	</channel>
</rss>
