<?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>Conteúdos sobre Tecnologias Web | Pink and Brain</title>
	<atom:link href="https://www.pinkandbrain.com/conteudos-sobre/tecnologias-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.pinkandbrain.com/conteudos-sobre/tecnologias-web/</link>
	<description>Ratos do Desenvolvimento Web, SEO e aquisição, propulsores de estratégias eficientes de marketing digital que geram vantagem competitiva.</description>
	<lastBuildDate>Mon, 09 Dec 2024 20:00:02 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.pinkandbrain.com/wp-content/uploads/2024/10/cropped-favicon-180x180-1-386x386.png</url>
	<title>Conteúdos sobre Tecnologias Web | Pink and Brain</title>
	<link>https://www.pinkandbrain.com/conteudos-sobre/tecnologias-web/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Entenda o javascript:void(0) e sua relação com o elemento &#060;a&gt;</title>
		<link>https://www.pinkandbrain.com/entenda-o-javascript-void-0-e-sua-relacao-com-o-elemento-de-linkagem-a-no-html/</link>
		
		<dc:creator><![CDATA[Marcelino Junior]]></dc:creator>
		<pubDate>Thu, 05 Dec 2024 21:47:28 +0000</pubDate>
				<category><![CDATA[Desenvolvimento web]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tecnologias Web]]></category>
		<guid isPermaLink="false">https://pinkandbrain.com/?p=12674</guid>

					<description><![CDATA[<p>O javascript:void(0) é usado como uma maquiagem para evitar comportamentos padrões do HTML, especificamente no atributo href dos elementos de linkagem <a></p>
<p>O post <a href="https://www.pinkandbrain.com/entenda-o-javascript-void-0-e-sua-relacao-com-o-elemento-de-linkagem-a-no-html/">Entenda o javascript:void(0) e sua relação com o elemento &lt;a&gt;</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Certamente, se você é desenvolvedor front-end já se deparou com com alguns documentos <a href="https://www.pinkandbrain.com/elementos/html-hypertext-markup-language/" title="HTML">HTML</a> utilizando o atributo href preenchido com o valor <code><a href="https://www.pinkandbrain.com/elementos/javascript/" title="javascript">javascript</a>:void(0)</code> dessa forma dentro de um elemento <code>&lt;a&gt;</code>:</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">HTML</span><span role="button" tabindex="0" data-code="&lt;a href=&quot;javaScript:void(0)&quot;&gt;Clique em mim, mas nada acontecerás!&lt;/a&gt;" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #808080">&lt;</span><span style="color: #569CD6">a</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">href</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">&quot;javaScript:void(0)&quot;</span><span style="color: #808080">&gt;</span><span style="color: #D4D4D4">Clique em mim, mas nada acontecerás!</span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">a</span><span style="color: #808080">&gt;</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">HTML</span></div>



<p class="wp-block-paragraph">Ao clicar no link <strong>você previne o comportamento de levar o usuário para outra página ou mesmo pular para o início do documento HTML se usar o </strong><code>#</code> como valor do atributo, e dependendo de como está levando o desenvolvimento da sua aplicação, pode ser uma opção até você concretizar outras ações com aquele elemento de linkagem.</p>



<p class="wp-block-paragraph">Quando clicado, a função JavaScript <code>void</code> é executada, que <strong>retorna <code>undefined</code></strong> e não gera efeito na página. O propósito de usar <code>javascript:void(0)</code> como o valor de <code>href</code> é evitar que a página seja recarregada, movimentada até uma âncora e a URL não seja alterada quando o link for clicado e nenhuma ação precisa acontecer.</p>



<h2 class="wp-block-heading">O que é o javascript: no JS?</h2>



<p class="wp-block-paragraph">Uma <strong>maneira de incorporar código JavaScript diretamente no documento HTML</strong> é utilizar o valor do atributo href de um hyperlink como o valor de um manipulador de eventos, como onclick.</p>



<p class="wp-block-paragraph">Por exemplo, se você tem um link que precisa executar uma função JavaScript específica quando clicado, em vez de navegar para uma página diferente, você pode usar a pseudo URL javascript:</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">HTML</span><span role="button" tabindex="0" data-code="&lt;a href=&quot;javascript:minhaFuncao()&quot;&gt;Clique para executar a função!&lt;/a&gt;" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #808080">&lt;</span><span style="color: #569CD6">a</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">href</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">&quot;javascript:minhaFuncao()&quot;</span><span style="color: #808080">&gt;</span><span style="color: #D4D4D4">Clique para executar a função!</span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">a</span><span style="color: #808080">&gt;</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">HTML</span></div>



<p class="wp-block-paragraph">Quando o usuário clica no link, a função JavaScript <code>minhaFuncao()</code> será executada e o link não terá o comportamento de direcionar o usuário para outro lugar.</p>



<h2 class="wp-block-heading">O que acontece se usar apenas o # no href do &lt;a>?</h2>



<p class="wp-block-paragraph">Utlizar o <code>#</code> como valor do atributo href irá automaticamente influenciar no comportamento pós clique do elemento <code>&lt;a&gt;</code>, jogando o usuário para o topo do documento HTML, ou seja, movimentado sua tela para o início da página. </p>



<p class="wp-block-paragraph">Se você utilizar o <code>#</code> com algum ID que nomeu qualquer seção, div, ou mesmo qualquer elemento HTML, o usuário ao clicar, srá levado até a posição dam página onde o elemento é referenciado.</p>



<h2 class="wp-block-heading">Insights finais dos ratos</h2>



<p class="wp-block-paragraph">O <code>javascript:void(0)</code> é usado como uma maquiagem para evitar comportamentos padrões do HTML, especificamente no atributo href dos elementos de linkagem <code>&lt;a&gt;</code>. É importante notar que este método pode ser um risco de segurança, pois permite que códigos potencialmente maliciosos sejam executados no computador do usuário, por isso deve ser usado com cautela.</p>



<p class="wp-block-paragraph">Ah.. e tem uma outra informação que as ferramentas de análise de semântica e acessibilidade vão ficar reportando que o link não tem uma &#8220;âncora&#8221;.</p>



<p class="wp-block-paragraph">Se for usar, use com cautela, mas minha recomendação é evita o uso de <code>&lt;a&gt;</code> e a jutilização de outras tags como <code>&lt;button&gt;</code>, ou mesmo um <code>&lt;span&gt;</code>.</p>
<p>O post <a href="https://www.pinkandbrain.com/entenda-o-javascript-void-0-e-sua-relacao-com-o-elemento-de-linkagem-a-no-html/">Entenda o javascript:void(0) e sua relação com o elemento &lt;a&gt;</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Modo ladrão em celular Android para proteção contra roubo</title>
		<link>https://www.pinkandbrain.com/modo-ladrao-em-celular-android-para-protecao-contra-roubo/</link>
		
		<dc:creator><![CDATA[Pink and Brain]]></dc:creator>
		<pubDate>Fri, 09 Aug 2024 21:04:32 +0000</pubDate>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Segurança da Informação]]></category>
		<category><![CDATA[Tecnologias Web]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=13146</guid>

					<description><![CDATA[<p>Recurso do Google para proteção contra roubo de celulares Android é liberado no Brasil e está em fase de testes; veja em que pé está o assunto.</p>
<p>O post <a href="https://www.pinkandbrain.com/modo-ladrao-em-celular-android-para-protecao-contra-roubo/">Modo ladrão em celular Android para proteção contra roubo</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">O <strong>roubo de smartphones é uma preocupação</strong> mundial, afetando milhões de pessoas todos os dias. No Brasil, onde <strong>dois celulares são roubados a cada minuto</strong>, essa questão se torna ainda mais alarmante. Pensando nisso, a <strong><a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> anunciou, durante o Google I/O, novos recursos de proteção contra roubo para dispositivos Android</strong>. Agora, com o lançamento do Google for Brasil, os usuários <strong>brasileiros terão acesso exclusivo a esses recursos em versão beta</strong>.</p>



<p class="wp-block-paragraph">Nos próximos dias, <a href="https://blog.google/intl/pt-br/produtos/android-chrome-play/recursos-do-android-contra-roubo-de-celular-chegam-ao-brasil/">serão lançados três novos recursos no Brasil</a>: <strong>Detecção de Roubo</strong>, <strong>Bloqueio Remoto</strong> e <strong>Bloqueio de Dispositivo Offline</strong>. Cada um desses recursos foi desenvolvido para garantir a segurança do dispositivo em diferentes cenários de roubo, aumentando as chances de proteger seus dados pessoais.</p>



<h2 class="wp-block-heading">Como acessar e ativar os recursos?</h2>



<p class="wp-block-paragraph">Para acessar os novos recursos de proteção contra roubo, siga este caminho em seu dispositivo Android:</p>



<ul class="wp-block-list">
<li>Vá para <strong>Configurações</strong></li>



<li>Selecione <strong>Google</strong></li>



<li>Acesse <strong>Todos os serviços</strong></li>



<li>Encontre a opção <strong>Proteção contra roubo</strong></li>
</ul>



<figure class="wp-block-image size-full"><figure><img decoding="async" width="1043" height="671" loading="lazy" src="https://www.pinkandbrain.com/wp-content/uploads/2024/08/telas-onde-modo-ladrao-protecao-android.webp" alt="" class="wp-image-13151" title="Modo ladrão: proteção de celulares Android contra roubo"><figcaption>Veja onde encontrar o recurso de modo ladrão, proteção contra roubo do Android</figcaption></figure></figure>



<p class="wp-block-paragraph">Uma vez na seção de proteção contra roubo, ative os botões para habilitar cada recurso. Caso mude de ideia, você pode desativá-los a qualquer momento.</p>



<h2 class="wp-block-heading">Como funcionam os novos recursos?</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Conheça os Recursos de proteção contra roubo do Android." width="500" height="281" src="https://www.youtube.com/embed/k2d_Zi88HYs?start=2&amp;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption class="wp-element-caption">Assista o vídeo oficial do lançamento</figcaption></figure>



<ul class="wp-block-list">
<li><strong>Detecção de Roubo</strong>: Este recurso utiliza a <a href="https://www.pinkandbrain.com/elementos/inteligencia-artificial-ai/" title="inteligência artificial">inteligência artificial</a> da Google para identificar movimentos bruscos que sugerem que seu celular foi arrancado de suas mãos. Quando isso acontece, a tela é bloqueada imediatamente, dificultando o acesso aos seus dados.</li>



<li><strong>Bloqueio Remoto</strong>: Agora, com o Bloqueio Remoto, você pode trancar a tela do seu dispositivo roubado usando apenas o número de telefone, sem a necessidade de lembrar sua senha do Google. Esse recurso é acessível através de qualquer outro dispositivo, facilitando o processo de recuperação de informações.</li>



<li><strong>Bloqueio de Dispositivo Offline</strong>: Se o ladrão tentar manter seu dispositivo offline por um longo período, o Bloqueio de Dispositivo Offline entrará em ação, bloqueando automaticamente a tela para proteger seus dados.</li>
</ul>



<h2 class="wp-block-heading">Requisitos para usar os recursos</h2>



<p class="wp-block-paragraph">Para experimentar esses novos recursos, seu <strong>dispositivo deve rodar o Android 10 ou superior</strong>. Dispositivos com Android Go não são compatíveis, e alguns aparelhos podem não suportar todos os recursos devido a limitações de hardware. Em casos onde o recurso não é suportado, ele aparecerá esmaecido nas configurações.</p>



<p class="wp-block-paragraph">Esses<strong> recursos estão em fase beta e ainda estão sendo aperfeiçoados</strong>. Nas próximas semanas, você verá uma opção para <strong>fornecer feedback diretamente na página de configurações</strong> de proteção contra roubo. Esse feedback é essencial para que a Google possa aprimorar os recursos antes de seu lançamento global, que está previsto para o final deste ano, como parte de um pacote maior de proteção contra roubo.</p>



<p class="wp-block-paragraph">A s<strong>egurança dos usuários de Android é uma prioridade para a Google</strong>, e a empresa está trabalhando em colaboração com governos, parceiros do setor e outras partes interessadas para garantir que esses novos recursos atendam às necessidades da população brasileira, complementando as soluções de segurança já disponíveis no mercado.</p>



<p class="wp-block-paragraph">Com esses novos recursos, a Google reafirma seu compromisso em proteger seus usuários, oferecendo ferramentas eficazes para tornar a experiência móvel mais segura e confiável.</p>
<p>O post <a href="https://www.pinkandbrain.com/modo-ladrao-em-celular-android-para-protecao-contra-roubo/">Modo ladrão em celular Android para proteção contra roubo</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
