<?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/category/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>Google Way &#124; Building a Form Field Similar To Google &#124; 3 de 3 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/07/02/google-way-building-a-form-field-similar-to-google-3-de-3-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/07/02/google-way-building-a-form-field-similar-to-google-3-de-3-sw9/#comments</comments>
		<pubDate>Tue, 02 Jul 2019 15:30:15 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[appending icons to the search field]]></category>
		<category><![CDATA[build form field similar to google]]></category>
		<category><![CDATA[building a css float label]]></category>
		<category><![CDATA[building a search field like google search]]></category>
		<category><![CDATA[form field like a google]]></category>
		<category><![CDATA[google way]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2510</guid>
		<description><![CDATA[Hoje encerramos o projeto de construção de um campo de pesquisa, com identidade visual e recursos similares ao site do Google. Nesta última parte implementamos um teclado virtual arrastável usando uma biblioteca chamada simple-keyboard.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/07/02/google-way-building-a-form-field-similar-to-google-3-de-3-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Way &#124; Building a Form Field Similar To Google &#124; 2 de 3 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/06/21/google-way-building-a-form-field-similar-to-google-2-de-3-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/06/21/google-way-building-a-form-field-similar-to-google-2-de-3-sw9/#comments</comments>
		<pubDate>Fri, 21 Jun 2019 15:30:31 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[appending icons to the search field]]></category>
		<category><![CDATA[build form field similar to google]]></category>
		<category><![CDATA[building a css float label]]></category>
		<category><![CDATA[building a search field like google search]]></category>
		<category><![CDATA[form field like a google]]></category>
		<category><![CDATA[google way]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2468</guid>
		<description><![CDATA[O nosso próximo objetivo é agregar duas funcionalidades ao campo de pesquisa. São elas:

Clear Input;
Float Label.

#O que veremos na aula de hoje?

Vou explicar passo a passo como agregar ao campo de pesquisa as funcionalidades de Clear Input e  Float Label.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/06/21/google-way-building-a-form-field-similar-to-google-2-de-3-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Way &#124; Building a Form Field Similar To Google &#124; 1 de 3 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/06/18/google-way-building-a-form-field-similar-to-google-1-de-3-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/06/18/google-way-building-a-form-field-similar-to-google-1-de-3-sw9/#comments</comments>
		<pubDate>Tue, 18 Jun 2019 15:30:13 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[appending icons to the search field]]></category>
		<category><![CDATA[build form field similar to google]]></category>
		<category><![CDATA[building a css float label]]></category>
		<category><![CDATA[building a search field like google search]]></category>
		<category><![CDATA[form field like a google]]></category>
		<category><![CDATA[google way]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2442</guid>
		<description><![CDATA[Criar um campo de pesquisa usando vários recursos visuais, para que fique bem próximo da identidade visual usada pelo Google em seus formulários.

#O que veremos na aula de hoje?
Daremos início ao projeto de construção de um campo de pesquisa. Decidi dividir o projeto em três AULAS. Nesta primeira AULA, vamos implementar os seguintes recursos:

Round Corner: cantos arredondados no campo de pesquisa;
Append Icon: agregaremos 2 ícones ao lado direito do campo de pesquisa. Um ícone no formato de lupa e um ícone no formato de um teclado;
Popover: aplicaremos o recurso de popover no ícone de teclado virtual;]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/06/18/google-way-building-a-form-field-similar-to-google-1-de-3-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lite Server &#124; Lightweight development only node server that serves a web app &#8211; Servidor HTTP Light</title>
		<link>https://blog.sw9.com.br/2017/06/06/lite-server-servidor-http-para-testar-web-app/</link>
		<comments>https://blog.sw9.com.br/2017/06/06/lite-server-servidor-http-para-testar-web-app/#comments</comments>
		<pubDate>Tue, 06 Jun 2017 15:00:38 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[HTTP SERVER]]></category>
		<category><![CDATA[johnpapa]]></category>
		<category><![CDATA[Lightweight development]]></category>
		<category><![CDATA[Lightweight node server]]></category>
		<category><![CDATA[Lite Server]]></category>
		<category><![CDATA[Lite Server - Lightweight development only node server that serves a web app - Servidor HTTP Light]]></category>
		<category><![CDATA[Rodando Web App HTML e Javascript para teste]]></category>
		<category><![CDATA[Servidor HTTP Light]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=477</guid>
		<description><![CDATA[Olá Pessoal. Sejam bem vindos ao Canal e Blog SW9

No vídeo de hoje vou mostrar para vocês como instalar, configurar e
utilizar uma ferramenta bem interessante chamada Lite Server.

[Apresentação]

O Lite Server é um servidor HTTP (Lightweight development only node server that serves a web app), escrito em node JS, que nos permite rodar nossos web apps escritos em HTML e Javascript.

Assim como o HTTP Server (ferramenta que já apresentei em vídeos anteriores), o lite-server permite testar nossas web apps de forma simples e rápida.

[Principais Recursos]

Dentre os principais recursos do Lite Server podemos citar:

1. Possui área admin graças a utilização do serviço browserSync.
2. Por padrão, o lite server faz refresh automático da página após cada alteração de código fonte. Este recurso facilita bastante a vida dos desenvolvedores, que não precisam mais, a cada alteração de código, clicar no botão refresh do navegador.

[Instalação]

A instalação da ferramenta pode ser feita via npm ou yarn. Neste vídeo mostro como instalar via npm. Basta digitar no prompt de comando:

npm install -g lite-server

Neste caso, o lite-server será instalado de forma global e poderá se executado a partir de qualquer local.

ou npm install --save-dev lite-server

Neste caso, o lite-server será instalado de forma local.

Após instalação, irei mostrar como executá-lo a partir de um configuração feita no arquivo package.json]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2017/06/06/lite-server-servidor-http-para-testar-web-app/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>
	</channel>
</rss>
