<?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; Desenvolvimento Web</title>
	<atom:link href="https://blog.sw9.com.br/tag/desenvolvimento-web/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>Javascript Debugging &#124; Como fazer debug de javascript no Firefox &#124; JS &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/04/11/javascript-debugging-como-fazer-debug-de-javascript-no-firefox-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/04/11/javascript-debugging-como-fazer-debug-de-javascript-no-firefox-sw9/#comments</comments>
		<pubDate>Thu, 11 Apr 2019 15:30:46 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[debug javascript firefox]]></category>
		<category><![CDATA[debug javascript in firefox]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[firefox devtools]]></category>
		<category><![CDATA[how to debug javascript]]></category>
		<category><![CDATA[how to debug javascript in firefox]]></category>
		<category><![CDATA[javascript debugging]]></category>
		<category><![CDATA[javascript debugging in firefox]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2328</guid>
		<description><![CDATA[O objetivo nesta aula é compartilhar com vocês uma forma eficiente de simular, rastrear, identificar e corrigir problemas, usando para isso a ferramenta de debug incorporada ao navegador Firefox.

Apesar do navegador Firefox tradicional possuir a ferramenta de debug, nesta AULA usaremos uma versão do Firefox desenvolvida exclusivamente para quem trabalha com projetos Web. Você já conhecia esta versão para desenvolvedores? Ela se chama Firefox - Developer Edition e possui uma infinidade de outros recursos, além é claro da ferramenta de debug.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/04/11/javascript-debugging-como-fazer-debug-de-javascript-no-firefox-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript Debugging &#124; Como fazer debug de javascript no Google Chrome &#124; JS &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/04/09/javascript-debugging-como-fazer-debug-de-javascript-no-google-chrome/</link>
		<comments>https://blog.sw9.com.br/2019/04/09/javascript-debugging-como-fazer-debug-de-javascript-no-google-chrome/#comments</comments>
		<pubDate>Tue, 09 Apr 2019 15:30:25 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[debug javascript chrome]]></category>
		<category><![CDATA[debug javascript in chrome]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[google chrome devtools]]></category>
		<category><![CDATA[how to debug javascript]]></category>
		<category><![CDATA[how to debug javascript in chrome]]></category>
		<category><![CDATA[javascript debugging]]></category>
		<category><![CDATA[javascript debugging in chrome]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2325</guid>
		<description><![CDATA[O objetivo nesta aula é compartilhar com vocês uma forma eficiente de simular, rastrear, identificar e corrigir problemas, usando para isso a ferramenta de debug incorporada ao navegador Google Chrome.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/04/09/javascript-debugging-como-fazer-debug-de-javascript-no-google-chrome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 FILE API &#124; Aula 6 de 6 &#8211; Tratamento de erros e validação &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/28/html5-file-api-aula-6-de-6-tratamento-de-erros-e-validacao-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/28/html5-file-api-aula-6-de-6-tratamento-de-erros-e-validacao-sw9/#comments</comments>
		<pubDate>Thu, 28 Feb 2019 15:30:13 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[abortar operacao de leitura com file api]]></category>
		<category><![CDATA[cancelar operacao de leitura com file api]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api error handler]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api incluindo validação]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[file api onabort]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[monitorando o progresso de leitura com file api]]></category>
		<category><![CDATA[regras de validação com file api]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2275</guid>
		<description><![CDATA[Agora eu convido vocês para fecharmos a nossa pequena série sobre File API com chave de ouro. Nesta última AULA, a minha missão será compartilhar com vocês, como podemos usar os recursos disponíveis no objeto FileReader para capturar erros de leitura.

Para que o nosso objetivo seja atingido, vamos usar o manipular de evento onerror, o evento error e as propriedades name e message.

Na sequência, vamos criar uma regra de validação, que será aplicada logo após o usuário selecionar arquivos: tamanho máximo permitido por arquivo.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/28/html5-file-api-aula-6-de-6-tratamento-de-erros-e-validacao-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 FILE API &#124; Aula 5 de 6 &#8211; Abortando a operação de leitura &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/26/html5-file-api-aula-5-de-6-abortando-operacao-de-leitura-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/26/html5-file-api-aula-5-de-6-abortando-operacao-de-leitura-sw9/#comments</comments>
		<pubDate>Tue, 26 Feb 2019 15:30:56 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[abortar operacao de leitura com file api]]></category>
		<category><![CDATA[cancelar operacao de leitura com file api]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[file api onabort]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[monitorando o progresso de leitura com file api]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2273</guid>
		<description><![CDATA[Hoje vamos aprender como cancelar uma operação de leitura. Você vai ter a oportunidade de incrementar o projeto de galeria de imagens, incluindo um botão de cancelamento para cada arquivo lido e a possibilidade de ao clicar nele, cancelar o processo de leitura.

Você vai ter contato com o manipulador de evento onabort, o evento abort e o método abort().]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/26/html5-file-api-aula-5-de-6-abortando-operacao-de-leitura-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 4 de 6 &#8211; Monitorando o progresso da leitura de cada arquivo &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/14/html5-file-api-aula-4-de-6-monitorar-progresso-de-leitura-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/14/html5-file-api-aula-4-de-6-monitorar-progresso-de-leitura-sw9/#comments</comments>
		<pubDate>Thu, 14 Feb 2019 15:30:52 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[monitorando o progresso de leitura com file api]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2230</guid>
		<description><![CDATA[Chegou a hora de você aprender como é possível acompanhar o progresso de leitura de um arquivo. Nesta AULA, você terá a oportunidade de incrementar o projeto galeria de imagens, incluindo uma lógica de verificação de progresso de leitura e exibição de uma barra (progressbar) para o usuário.

Você vai ter contato com os eventos loadstart, load e progress para chegarmos ao resultado esperado.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/14/html5-file-api-aula-4-de-6-monitorar-progresso-de-leitura-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 3 de 6 &#8211; Lendo e renderizando arquivos localmente com FileReader &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/12/html5-file-api-aula-3-de-6-lendo-arquivos-locais-serie-html5-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/12/html5-file-api-aula-3-de-6-lendo-arquivos-locais-serie-html5-sw9/#comments</comments>
		<pubDate>Tue, 12 Feb 2019 15:30:18 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2228</guid>
		<description><![CDATA[Reservei esta AULA para implementarmos o processo de leitura de cada imagem que foi selecionada, e na sequencia exibir um preview na forma de thumbnail.

Reservei esta AULA para implementarmos a leitura de arquivos e exibição de preview na forma de thumbnail. Para chegarmos neste resultado, vamos usar o objeto FileReader.  As peguntas a seguir serão respondidas nesta AULA: O que é o objeto FileReader? Quais são as suas propriedades, métodos e eventos? Como ler um arquivo? Como exibí-lo no formato de miniatura?

Ao final da AULA, a nossa galeria de imagens já estará exibindo informações e thumbnail de cada imagem selecionada pelo usuário.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/12/html5-file-api-aula-3-de-6-lendo-arquivos-locais-serie-html5-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 2 de 6 &#8211; Selecionando, Acessando e Obtendo informação de arquivos &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/01/31/html5-file-api-aula-2-selecionando-acessando-obtendo-info-de-arquivos-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/01/31/html5-file-api-aula-2-selecionando-acessando-obtendo-info-de-arquivos-sw9/#comments</comments>
		<pubDate>Thu, 31 Jan 2019 15:30:47 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2189</guid>
		<description><![CDATA[Nesta segunda AULA, vou explicar passo a passo como podemos selecionar 1 ou mais arquivos locais, acessá-los usando os objetos File e FileList e, para encerrar, vamos obter as informações básicas de cada arquivo e exibi-las na página web.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/01/31/html5-file-api-aula-2-selecionando-acessando-obtendo-info-de-arquivos-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 1 de 6 &#8211; Apresentação e Feature Detection &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/01/29/html5-file-api-aula-1-apresentacao-e-feature-detection-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/01/29/html5-file-api-aula-1-apresentacao-e-feature-detection-sw9/#comments</comments>
		<pubDate>Tue, 29 Jan 2019 15:30:12 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api e modernizr]]></category>
		<category><![CDATA[file api feature detection]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2186</guid>
		<description><![CDATA[Dando continuidade a MEGA Série sobre HTML5, agora chegou a vez de falarmos sobre a File API. Qual era a forma tradicional para manipulação de arquivos? Qual a motivação por trás da criação da API? O que é a File API? Quais os principais objetos? Como faço para detectar se o File API é compatível ou não com o navegador?

Todas estas perguntas serão respondidas ao longo desta primeira AULA :D]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/01/29/html5-file-api-aula-1-apresentacao-e-feature-detection-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Construa uma aplicação Web em 5 minutos com AngularJS e BootStrap</title>
		<link>https://blog.sw9.com.br/2016/10/04/aplicacao-web-em-5-minutos-angular-js-bootstrap/</link>
		<comments>https://blog.sw9.com.br/2016/10/04/aplicacao-web-em-5-minutos-angular-js-bootstrap/#comments</comments>
		<pubDate>Tue, 04 Oct 2016 13:08:28 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[AngularJS]]></category>
		<category><![CDATA[BootStrap UI]]></category>
		<category><![CDATA[Construa uma Aplicação Web em 5 Minutos]]></category>
		<category><![CDATA[Construir aplicação Web em 5 minutos]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Node Js]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=219</guid>
		<description><![CDATA[Que tal construir um esqueleto de uma aplicação web que possa ser utilizada como base para qualquer aplicação web que queira construir?

Neste vídeo [Construa uma aplicação Web em 5 minutos com Angular JS e BootStrap UI], vou explicar passo a passo como fazer.

Um dos maiores vilões dos desenvolvedores é construir uma aplicação que depois torna-se difícil e até mesmo quase impossível de dar manutenções.

Muitas vezes somos levados a construir aplicações de forma rápida e justamente por isso fora dos padrões mais politicamente corretos de boa codificação.

Na minha opinião, criar uma aplicação web estruturada nos leva a grandes benefícios como por exemplo: a fácil manutenção, identificação de erros e agilidade na codificação ...]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/10/04/aplicacao-web-em-5-minutos-angular-js-bootstrap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apresentação do Canal SW9</title>
		<link>https://blog.sw9.com.br/2016/09/06/apresentacao-tutorias-desenvolvimento-web-e-mobile/</link>
		<comments>https://blog.sw9.com.br/2016/09/06/apresentacao-tutorias-desenvolvimento-web-e-mobile/#comments</comments>
		<pubDate>Tue, 06 Sep 2016 11:33:34 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Desenvolvimento Mobile Hibrido]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[Firebase]]></category>
		<category><![CDATA[Html 5]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Node Js]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=135</guid>
		<description><![CDATA[Sejam bem-vindos ao Canal SW9.

Neste vídeo de apresentação eu falo sobre a nova proposta e objetivo do canal, que agora
procura trazer vídeos sobre desenvolvimento web e mobile. A cada semana publicaremos tutorias e dicas sobre Angular JS, Firebase, Boostrat, NodeJS e muito mais.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2016/09/06/apresentacao-tutorias-desenvolvimento-web-e-mobile/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
