Passo 4
- No Firebug, expanda a tag para exibir a tag .</li>
<li>Clique no valor da tag <title> (que é "Bem-vindo: Mercury Tours") e cole-o no campo Destino no Editor.</li>
</ul>
</td>
</tr>
<tr> <td><strong>Etapa 5</strong>
<ul>
<li>Para criar o terceiro comando, clique na terceira linha em branco no Editor e digite "digite" na caixa de texto Comando.</li>
<li>No Firebug, clique no botão "Inspecionar".</li>
</ul>
</td>
</tr>
<tr> <td>Clique na caixa de texto Nome do usuário. Observe que o Firebug mostra automaticamente o código HTML desse elemento.</td>
</tr>
<tr> <td><strong>Etapa 6</strong>
<p>Observe que a caixa de texto Nome do usuário não possui um ID, mas possui um atributo NAME. Devemos, portanto, usar seu NOME como o localizador. Copie o valor NAME e cole-o no campo Destino no Selenium IDE.</p>
<p>Ainda na caixa de texto Destino, prefixe "userName" com "name =", indicando que o Selenium IDE deve ter como alvo um elemento cujo atributo NAME é "userName".</p>
<p>Digite "invalidUN" na caixa de texto Valor do Selenium IDE. Seu script de teste agora deve ser semelhante à imagem abaixo. Terminamos o terceiro comando. Nota: Em vez de invalidUN, você pode inserir qualquer outra string de texto. Mas o Selenium IDE diferencia maiúsculas de minúsculas e você digita valores / atributos exatamente como no aplicativo.</p>
</td>
</tr>
<tr> <td><strong>Etapa 7</strong>
<ul>
<li>Para criar o quarto comando, digite "digite" na caixa de texto Comando.</li>
<li>Novamente, use o botão "Inspecionar" do Firebug para obter o localizador da caixa de texto "Senha".</li>
</ul>
<ul>
<li>
<p>Cole o atributo NAME ("senha") no campo Destino e prefixe-o com "nome ="</p>
</li>
<li>
<p>Digite "invalidPW" no campo Valor no Selenium IDE. Seu script de teste agora deve ser semelhante à imagem abaixo.</p>
</li>
</ul>
</td>
</tr>
<tr> <td><strong>Etapa 8</strong>
<ul>
<li>Para o quinto comando, digite "clickAndWait" na caixa de texto Comando no Selenium IDE.</li>
<li>Use o botão "Inspecionar" do Firebug para obter o localizador do botão "Entrar".</li>
</ul>
<ul>
<li>Cole o valor do atributo NAME ("login") na caixa de texto Destino e prefixe-o com "name =".</li>
<li>Seu script de teste agora deve ser semelhante à imagem abaixo.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p><strong>Etapa 9:</strong> Salve o caso de teste da mesma maneira que fizemos na seção anterior.</p>
<a id="menu-6"></a>
<h2>Usando o botão Localizar</h2>
<p><strong>O botão Localizar no Selenium IDE é usado para verificar se o que colocamos na caixa de texto Destino é de fato o elemento de IU correto.</strong></p>
<p>Vamos usar o caso de teste Invalid_login que criamos nas seções anteriores. Clique em qualquer comando com uma entrada de destino, digamos, o terceiro comando.</p>
<p>Clique no botão Encontrar. Observe que a caixa de texto Nome do usuário na página Mercury Tours fica destacada por um segundo.</p>
<p>Isso indica que o Selenium IDE foi capaz de detectar e acessar o elemento esperado corretamente. Se o botão Localizar realçar um elemento diferente ou nenhum elemento, então deve haver algo errado com seu script.</p>
<a id="menu-7"></a>
<h2>Executar Comando</h2>
<p><strong>Isso permite que você execute qualquer comando único sem executar todo o caso de teste</strong> . Basta clicar na linha que deseja executar e, em seguida, clicar em "Ações> Executar este comando" na barra de menus ou simplesmente pressionar "X" no teclado.</p>
<p><strong>Etapa 1.</strong> Certifique-se de que seu navegador esteja na página inicial da Mercury Tours. Clique no comando que deseja executar. Neste exemplo, clique na linha "type | userName | invalidUN".</p>
<p><strong>Etapa 2.</strong> Pressione "X" no teclado.</p>
<p><strong>Etapa 3.</strong> Observe que a caixa de texto do nome de usuário é preenchida com o texto "invalidUN"</p>
<p><strong>A execução de comandos dessa maneira depende muito da página que o Firefox está exibindo no momento</strong> . Isso significa que se você tentar o exemplo acima com a página inicial do Google exibida em vez de Mercury Tours ', sua etapa falhará porque não há uma caixa de texto com um atributo "userName" na página inicial do Google.</p>
<a id="menu-8"></a>
<h2>Ponto de partida</h2>
<p><strong>Um ponto inicial é um indicador que informa ao Selenium IDE em quais linhas a execução será iniciada</strong> . <strong>Sua tecla de atalho é "S".</strong></p>
<p>No exemplo acima, a reprodução começará na terceira linha (digite | senha | invalidPW). <strong>Você só pode ter um ponto inicial em um único script de teste.</strong></p>
<p>O ponto de início é semelhante a Executar Comando, de forma que eles dependem da página exibida no momento. O ponto inicial falhará se você estiver na página errada.</p>
<a id="menu-9"></a>
<h2>Breakpoints</h2>
<p>Os pontos de interrupção são indicadores que informam ao Selenium IDE onde pausar automaticamente o teste. <strong>A tecla de atalho é "B".</strong></p>
<p>O destaque amarelo significa que a etapa atual está pendente. Isso prova que o Selenium IDE pausou a execução nessa etapa. <strong>Você pode ter vários pontos de interrupção em um caso de teste.</strong></p>
<a id="menu-10"></a>
<h2>Etapa</h2>
<p>Ele permite que você execute comandos sucessivos um de cada vez após pausar o caso de teste. Vamos usar o cenário da seção anterior "Pontos de interrupção".</p>
<table>
<tbody>
<tr> <td width="50%"> </td> <td>
<p><strong>Antes de clicar em "Etapa".</strong></p>
<p>O caso de teste pausa na linha "clickAndWait | login".</p>
</td>
</tr>
<tr> <td width="50%"> </td> <td>
<p><strong>Depois de clicar em "Etapa".</strong></p>
<p>A linha "clickAndWait | login" é executada e pausa para o próximo comando (verifyTitle | Sign-on: Mercury Tours).</p>
<p>Observe que a próxima linha está pausada, embora não haja nenhum ponto de interrupção lá. Este é o objetivo principal do recurso Step - ele executa os comandos seguintes, um de cada vez, para dar a você mais tempo para inspecionar o resultado após cada etapa.</p>
</td>
</tr>
</tbody>
</table>
<a id="menu-11"></a>
<h2>Coisas importantes a serem observadas ao usar outros formatos na visualização de código-fonte</h2>
<p><strong>Selenium IDE funciona bem apenas com HTML - outros formatos ainda estão em modo experimental</strong> . <strong>NÃO</strong> é <strong>aconselhável</strong> criar ou editar testes usando outros formatos na visualização do código-fonte porque ainda há muito trabalho necessário para torná-lo estável. Abaixo estão os bugs conhecidos da versão 1.9.1.</p>
<ul>
<li>Você não será capaz de executar a reprodução nem voltar para a visualização em tabela, a menos que reverta para o HTML.</li>
<li>A única maneira de adicionar comandos com segurança no código-fonte é gravando-os.</li>
<li>Quando você modifica o código-fonte manualmente, tudo é perdido quando você muda para outro formato.</li>
<li>Embora você possa salvar seu caso de teste na Visualização de código-fonte, o Selenium IDE não será capaz de abri-lo.</li>
</ul>
<p><strong>A maneira recomendada de converter os testes Selenese é usar a opção "Export Test Case As ..." no menu File, e não por meio da Source View.</strong></p>
<a id="menu-12"></a>
<h2>Resumo</h2>
<ul>
<li>Os scripts de teste podem ser criados gravando ou digitando os comandos e parâmetros manualmente.</li>
<li>Ao criar scripts manualmente, o Firebug é usado para obter o localizador.</li>
<li>O botão Localizar é usado para verificar se o comando é capaz de acessar o elemento correto.</li>
<li>A Visualização de tabela exibe um script de teste em formato tabular enquanto a Visualização de código-fonte o exibe em formato HTML.</li>
<li>Alterar a visualização do código-fonte para um formato não HTML ainda é experimental.</li>
<li>Não use a Visualização do código-fonte na criação de testes em outros formatos. Em vez disso, use os recursos de exportação.</li>
<li>Os parâmetros não são obrigatórios o tempo todo. Depende do comando.</li>
<li>Existem três tipos de comandos:</li>
<ul>
<li>Ações - interage diretamente com os elementos da página</li>
<li>Acessores - "lê" uma propriedade de elemento e a armazena em uma variável</li>
<li>Assertions - compara um valor real com um esperado</li>
</ul>
<li>As afirmações têm três tipos:</li>
<ul>
<li>Assert - em caso de falha, as etapas seguintes não são mais executadas</li>
<li>Verificar - em caso de falha, as etapas seguintes ainda são executadas.</li>
<li>WaitFor - passa se a condição especificada se tornar verdadeira dentro do período de tempo limite; caso contrário, irá falhar</li>
</ul>
<li>Os comandos mais comuns são:</li>
<ul>
<li>abrir</li>
<li>click / clickAndWait</li>
<li>type / typeKeys</li>
<li>verifyTitle / assertTitle</li>
<li>verifyTextPresent</li>
<li>verifyElementPresent</li>
<li>verifyTable</li>
<li>waitForPageToLoad</li>
<li>waitForElementPresent</li>
</ul>
</ul>
</div>
</article>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> </div>
</div>
</div>
</div>
</div>
<aside class="col-lg-4 sidebar sidebar--right">
<div class="widget widget-popular-posts">
<h2 class="widget-title">Publicações Populares</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8003212-037-color-manipulation" title="# 037 - Manipulação de cores - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/2449559/037_-_color_manipulation_css-tricks.png.webp" loading="lazy" alt="# 037 - Manipulação de cores - CSS-Tricks" title="# 037 - Manipulação de cores - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8003212-037-color-manipulation" title="# 037 - Manipulação de cores - CSS-Tricks" rel="bookmark"># 037 - Manipulação de cores - CSS-Tricks 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8003213-033-media-queries-in-javascript" title="# 033 - Consultas de mídia em JavaScript - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/6871228/033_-_media_queries_in_javascript_css-tricks.png.webp" loading="lazy" alt="# 033 - Consultas de mídia em JavaScript - CSS-Tricks" title="# 033 - Consultas de mídia em JavaScript - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8003213-033-media-queries-in-javascript" title="# 033 - Consultas de mídia em JavaScript - CSS-Tricks" rel="bookmark"># 033 - Consultas de mídia em JavaScript - CSS-Tricks 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8003214-039-cross-device-testing" title="# 039 - Teste entre dispositivos - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/8403621/039_-_cross_device_testing_css-tricks.png.webp" loading="lazy" alt="# 039 - Teste entre dispositivos - CSS-Tricks" title="# 039 - Teste entre dispositivos - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8003214-039-cross-device-testing" title="# 039 - Teste entre dispositivos - CSS-Tricks" rel="bookmark"># 039 - Teste entre dispositivos - CSS-Tricks 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div class="widget widget-popular-posts">
<h2 class="widget-title">Melhores comentários para o mês</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004041-striped-gradient-mixin" title="Mixin gradiente listrado - CSS-Tricks" rel="bookmark">Mixin gradiente listrado - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004043-tint-and-shade-functions" title="Funções de tonalidade e sombra - CSS-Tricks" rel="bookmark">Funções de tonalidade e sombra - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004044-use-a-sass-variable-for-a-selector" title="Use uma variável Sass para um seletor - CSS-Tricks" rel="bookmark">Use uma variável Sass para um seletor - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004045-viewport-sized-typography-with-minimum-and-maximum-sizes" title="Tipografia do tamanho da viewport com tamanhos mínimo e máximo - CSS-Tricks" rel="bookmark">Tipografia do tamanho da viewport com tamanhos mínimo e máximo - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004046-svg-hamburger-menu" title="Menu de hambúrguer SVG - CSS-Tricks" rel="bookmark">Menu de hambúrguer SVG - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004047-shape-morphing-icons-in-button-on-click" title="Formam os ícones de Morph no botão ao clicar - CSS-Tricks" rel="bookmark">Formam os ícones de Morph no botão ao clicar - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004048-svg-patterns" title="Padrões SVG - CSS-Tricks" rel="bookmark">Padrões SVG - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004049-add-category-name-to-body-class" title="Adicione o nome da categoria a body_class - CSS-Tricks" rel="bookmark">Adicione o nome da categoria a body_class - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004050-curved-text-along-a-path" title="Texto curvo ao longo de um caminho - CSS-Tricks" rel="bookmark">Texto curvo ao longo de um caminho - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004051-adobe-illustrator-export-options" title="Opções de exportação do Adobe Illustrator - CSS-Tricks" rel="bookmark">Opções de exportação do Adobe Illustrator - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004052-addremove-contact-info-fields" title="Adicionar / remover campos de informações de contato - CSS-Tricks" rel="bookmark">Adicionar / remover campos de informações de contato - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004053-add-class-to-links-generated-by-next-posts-link-and-previous-posts-link" title="Adicionar classe aos links gerados por next_posts_link e previous_posts_link - CSS-Tricks" rel="bookmark">Adicionar classe aos links gerados por next_posts_link e previous_posts_link - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004054-text-lock-up" title="Bloqueio de texto - CSS-Tricks" rel="bookmark">Bloqueio de texto - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004055-svg-knockout-text" title="Texto SVG Knockout - CSS-Tricks" rel="bookmark">Texto SVG Knockout - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004057-base-threaded-comments-styling" title="Estilo de comentários com base em rosca - CSS-Tricks" rel="bookmark">Estilo de comentários com base em rosca - CSS-Tricks</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts">
<h2 class="widget-title">Principais Artigos</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8004192-147-starting-a-react-powered-comment-form" title="# 147: Iniciando um formulário de comentário baseado no React - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/4837526/147_starting_a_react-powered_comment_form_css-tricks.png.webp" loading="lazy" alt="# 147: Iniciando um formulário de comentário baseado no React - CSS-Tricks" title="# 147: Iniciando um formulário de comentário baseado no React - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004192-147-starting-a-react-powered-comment-form" title="# 147: Iniciando um formulário de comentário baseado no React - CSS-Tricks" rel="bookmark"># 147: Iniciando um formulário de comentário baseado no React - CSS-Tricks 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8004193-149-a-quick-intro-to-pattern-lab-node-with-brian-muenzenmeyer" title="# 149: Uma introdução rápida ao nó de laboratório de padrões com Brian Muenzenmeyer - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/7851408/149_a_quick_intro_to_pattern_lab_node_with_brian_muenzenmeyer_css-tricks.png.webp" loading="lazy" alt="# 149: Uma introdução rápida ao nó de laboratório de padrões com Brian Muenzenmeyer - CSS-Tricks" title="# 149: Uma introdução rápida ao nó de laboratório de padrões com Brian Muenzenmeyer - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004193-149-a-quick-intro-to-pattern-lab-node-with-brian-muenzenmeyer" title="# 149: Uma introdução rápida ao nó de laboratório de padrões com Brian Muenzenmeyer - CSS-Tricks" rel="bookmark"># 149: Uma introdução rápida ao nó de laboratório de padrões com Brian Muenzenmeyer - CSS-Tricks 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8004194-14-converting-a-photoshop-mockup-part-two-episode-three" title="Nº 14: Convertendo um Mockup do Photoshop: Parte Dois, Episódio Três - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/8976697/14_converting_a_photoshop_mockup_part_two-_episode_three_css-tricks.png.webp" loading="lazy" alt="Nº 14: Convertendo um Mockup do Photoshop: Parte Dois, Episódio Três - CSS-Tricks" title="Nº 14: Convertendo um Mockup do Photoshop: Parte Dois, Episódio Três - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8004194-14-converting-a-photoshop-mockup-part-two-episode-three" title="Nº 14: Convertendo um Mockup do Photoshop: Parte Dois, Episódio Três - CSS-Tricks" rel="bookmark">Nº 14: Convertendo um Mockup do Photoshop: Parte Dois, Episódio Três - CSS-Tricks 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
</aside> </div>
</div>
<footer class="footer footer--dark">
<div class="container">
<div class="footer__widgets">
<div class="row">
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Publicações Populares</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225950-excel-vba-range-object" title="Objeto Excel VBA Range" rel="bookmark">Objeto Excel VBA Range</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225951-top-78-iot-interview-questions-and-answers" title="78 principais perguntas e respostas da entrevista de IoT" rel="bookmark">78 principais perguntas e respostas da entrevista de IoT</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225952-23-best-web-development-ide-2021-update" title="23 Best Web Development IDE (atualização de 2021)" rel="bookmark">23 Best Web Development IDE (atualização de 2021)</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225954-scatter-plot-in-r-using-ggplot2-with-example" title="Gráfico de dispersão em R usando ggplot2 (com exemplo)" rel="bookmark">Gráfico de dispersão em R usando ggplot2 (com exemplo)</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225955-12-best-free-virtual-machine-vm-software-in-2021" title="12 Melhor Software de Máquina Virtual (VM) GRATUITO em 2021" rel="bookmark">12 Melhor Software de Máquina Virtual (VM) GRATUITO em 2021</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Escolha Do Editor</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003888-triple-click-event" title="Evento Triple Click - CSS-Tricks" rel="bookmark">Evento Triple Click - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003889-track-window-resizes-through-google-analytics" title="Tamanho da janela de rastreamento por meio do Google Analytics - CSS-Tricks" rel="bookmark">Tamanho da janela de rastreamento por meio do Google Analytics - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003890-validate-age" title="Validar idade - CSS-Tricks" rel="bookmark">Validar idade - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003891-window-load-event-with-minimum-delay" title="Evento de carregamento de janela com atraso mínimo - CSS-Tricks" rel="bookmark">Evento de carregamento de janela com atraso mínimo - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003893-underline-individual-words" title="Sublinhar palavras individuais - CSS-Tricks" rel="bookmark">Sublinhar palavras individuais - CSS-Tricks</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Principais Artigos</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225626-vb-net-arrays-string-dynamic-with-examples" title="Arrays VB.Net: String, Dinâmico com EXEMPLOS" rel="bookmark">Arrays VB.Net: String, Dinâmico com EXEMPLOS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225627-vb-net-data-types-and-variable-declaration-with-dim" title="Tipos de dados VB.Net e declaração de variável com DIM" rel="bookmark">Tipos de dados VB.Net e declaração de variável com DIM</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225628-for-each-next-exit-continue-statement-in-vb-net-with-example" title="For Each ... Next, Exit, Continue Statement in VB.net com EXAMPLE" rel="bookmark">For Each ... Next, Exit, Continue Statement in VB.net com EXAMPLE</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225629-select-case-statement-in-vb-net-with-example" title="Selecione ... Declaração de Caso em VB.Net com Exemplo" rel="bookmark">Selecione ... Declaração de Caso em VB.Net com Exemplo</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8225630-vb-net-combobox-control-with-example" title="Controle VB.Net ComboBox com EXEMPLO" rel="bookmark">Controle VB.Net ComboBox com EXEMPLO</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<p>© Copyright pt.css-code.org, 2025 Janeiro |
<a href="https://pt.css-code.org/about-site" title="Sobre o site">Sobre o site</a> |
<a href="https://pt.css-code.org/contacts" title="Contatos">Contatos</a> |
<a href="https://pt.css-code.org/privacy-policy" title="Política de Privacidade">Política de Privacidade</a>.
</p>
</div>
</div>
</footer>
<link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body>
</html>
|
