Introdução às Linguagens de Programação Web

Conteúdo

Por que as Linguagens de Programação Web São Importantes?
HTML: O Fundamento da Programação Web
CSS: Estilizando Seu Projeto Web
JavaScript: Dando Interatividade ao Seu Site
PHP: Desenvolvendo um Site Dinâmico
Outras Linguagens de Programação Web
Conclusão: Escolha a Melhor Linguagem de Programação para Seus Projetos Web

As linguagens de programação Web são usadas para criar websites e aplicativos da Web. Estes são desenvolvidos em ambientes de software de computador modernos que permitem o uso de diversas plataformas e dispositivos. Eles são fundamentais para o desenvolvimento de websites, pois geram a lógica necessária para mostrar conteúdo dinâmico na web.

Uma das principais vantagens das linguagens de programação Web é a flexibilidade. Muitas vezes, elas podem ser facilmente adaptadas para trabalhar com diferentes framework, bibliotecas, APIs e tecnologias, garantindo uma solução customizada para as necessidades do projeto.

Outra grande vantagem do desenvolvimento de websites com linguagens de programação Web é a escalabilidade. Elas permitem que você crie um site ou aplicativo com a capacidade de expandir, adequar-se e aprimorar conforme suas necessidades se desenvolvem. Isso significa que você não precisa começar tudo do zero quando precisar adicionar novas funcionalidades ou recursos à sua solução.

Além disso, as linguagens de programação Web são conhecidas por serem facilmente legíveis e compreensíveis para qualquer pessoa. É relativamente simples aprender os princípios básicos e iniciar o desenvolvimento rapidamente. Isso faz com que você economize tempo e possa entregar projetos mais rápido.

Por último, as linguagens de programação Web também oferecem a vantagem de serem altamente seguras. Elas fornecem criptografia e outras medidas de segurança para proteger suas informações sensíveis, além de controles de autenticação precisos para ajudar a prevenir acessos indesejados. Isso torna as linguagens de programação Web ideais para sites corporativos confiáveis e aplicativos financeiros seguros.

Por que as Linguagens de Programação Web São Importantes?

As linguagens de programação web têm um papel fundamental na criação de sites modernos. Elas permitem que programadores criem projetos ricos em funções para satisfazer às necessidades dos usuários finais. Hoje, existem centenas de linguagens web criadas para atender diferentes propósitos. As três principais linguagens web são HTML, CSS e JavaScript.

HTML é a base de qualquer site moderno. É responsável por fornecer a estrutura básica das páginas e definir como elas se apresentam ao usuário. O HTML é composto de tags, que fazem parte do conteúdo da página e definem o seu significado. Por exemplo, o tag define o título da página.</p><p>CSS é usado para adicionar estilo ao site. Ele controla a cor, o layout e outras características visuais da página. É possível usar o CSS para criar layouts mais dinâmicos, como no caso de sites responsivos.</p><p>JavaScript é a linguagem de programação web mais popular. Ela permite adicionar funcionalidades dinâmicas às páginas. Por exemplo, você pode usá-la para criar animações, interações com usuários, criar jogos e muito mais. Devido à sua flexibilidade, o JavaScript tem sido usado em projetos maiores, como apps web e serviços online.</p><p>Com estas três linguagens de programação web, os desenvolvedores conseguem criar sites modernos que oferecem experiências ricas e envolventes aos usuários. A adoção dessas tecnologias está crescendo constantemente. De acordo com uma pesquisa realizada pela W3Techs, 93,4% dos sites da web usam HTML, 87,1% usam CSS e 76,9% usam JavaScript. Estes números mostram a importância dessas linguagens de programação web para o mundo da web.</p><h2 id="html:-o-fundamento-da-programacao-web">HTML: O Fundamento da Programação Web</h2><p>HTML é o fundo da programação web. É importante entender que HTML não é um verdadeiro linguagem de programação, mas mais uma linguagem para definir o conteúdo e a estrutura de um website. HTML é usado para dizer ao seu browser como mostrar cada elemento na página – texto, imagens, vídeos, formulários, links, etc.</p><p>Em outras palavras, HTML é a estrutura básica de qualquer website. Sem ela você não teria um site funcional. Além disso, os websites modernos são compostos por HTML, CSS e JavaScript. HTML, CSS e JavaScript andam juntos: você precisa do HTML para criar a estrutura da sua página, o CSS para estilizar a sua apresentação visual e o JavaScript para adicionar interatividade ao seu website.</p><p>Vamos começar com HTML. HTML é a abreviação de Hypertext Markup Language. É uma linguagem de marcação que descreve como cada elemento em uma página HTML se relaciona uns aos outros. O HTML é responsável pela estrutura de qualquer documento HTML, seja um simples site de uma única página ou um complexo site cheio de conteúdo.</p><p>O HTML é composto por elementos, que são as peças que constroem o documento HTML. Os elementos são usados para indicar quais partes da página são o que. Por exemplo, a tag</p><h1> é usada para marcar um título, enquanto a tag</p><p> é usada para marcar um parágrafo. Esses elementos são usados para ajudar o navegador a entender o significado dos conteúdos na página.</p><p>Além dos elementos, o HTML usa atributos para personalizar a maneira como os elementos se comportam e se apresentam. Por exemplo, a tag <a> é usada para criar um link, e tem um atributo chamado href que diz ao navegador para onde o link leva quando clicado. Assim, cada elemento HTML é único, pois possui atributos e valores diferentes para determinar como ele se comporta.</p><div class="wpforms-container wpforms-container-full" id="wpforms-131"><form id="wpforms-form-131" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="131" method="post" enctype="multipart/form-data" action="/uncategorized/descubra-as-8-linguagens-de-programacao-essenciais-para-desenvolver-sites-incriveis-na-web/" data-token="8aeb0040735d6a43ee95daa06f824923"><noscript class="wpforms-error-noscript">Ative o JavaScript no seu navegador para preencher este formulário.</noscript><div class="wpforms-field-container"><div id="wpforms-131-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><label class="wpforms-field-label" for="wpforms-131-field_1">Name <span class="wpforms-required-label">*</span></label><div class="wpforms-field-row wpforms-field-medium"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-131-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" required><label for="wpforms-131-field_1" class="wpforms-field-sublabel after ">Nome</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-131-field_1-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][1][last]" required><label for="wpforms-131-field_1-last" class="wpforms-field-sublabel after ">Sobrenome</label></div></div></div><div id="wpforms-131-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label" for="wpforms-131-field_2">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-131-field_2" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][2]" spellcheck="false" required></div></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="131"><input type="hidden" name="wpforms[author]" value="3"><input type="hidden" name="wpforms[post_id]" value="421"><button type="submit" name="wpforms[submit]" id="wpforms-submit-131" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Submit" aria-live="assertive" value="wpforms-submit">Submit</button><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" data-src="https://app2u.com.br/wp-content/plugins/wpforms/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="A Carregar"></div></form></div><h2 id="css:-estilizando-seu-projeto-web">CSS: Estilizando Seu Projeto Web</h2><p>O CSS (Cascading Style Sheets) é uma linguagem usada para criar documentos HTML estilizados. É um dos principais meios de adiconar aparência a seu projeto web. Por meio do CSS, é possível criar diversas funcionalidades e recursos visuais para seus sites.</p><p>Uma das principais vantagens do CSS é que ele permite que você organize melhor o conteúdo visual de seu site. Ao invés de adicionar cores e formatos em todos os elementos de seu site, você pode fazer com que todas as cores e elementos visuais sejam definidas em uma única folha de estilo. Isso torna muito fácil de manter o design geral de seu site.</p><p>Outra vantagem do CSS é que ele permite que você personalize a forma e posição dos elementos visuais em suas páginas. Você pode facilmente controlar a exibição da imagem, tamanho, cor e outros estilos de cada elemento de seu site. Isso permite que você crie designs personalizados e atraentes para seu projeto web.</p><p>Além disso, o CSS oferece a capacidade de trabalhar com responsividade. A responsividade permite que seu site se ajuste automaticamente a qualquer dispositivo, independentemente do tipo de tela ou tamanho. Isso significa que seu site será exibido corretamente em desktops, tablets, smartphones ou outros dispositivos.</p><p>Finalmente, o CSS é um recurso essencial para otimizar o desempenho de seu site. Ao usar o CSS, você pode reduzir o tempo de carregamento do seu site, o que também resulta em uma melhor experiência de usuário. Além disso, ao usar menos códigos, você economiza espaço no servidor, permitindo que ele seja carregado mais rapidamente.</p><h2 id="javascript:-dando-interatividade-ao-seu-site">JavaScript: Dando Interatividade ao Seu Site</h2><p>JavaScript é uma linguagem de programação versátil que pode dar muita interatividade ao seu site. É usado para criar interações dinâmicas que ajudam a melhorar a experiência do usuário com o seu site. O JavaScript também fornece uma ampla variedade de funcionalidades que tornam possível criar sites ricos em conteúdo, bem como aplicativos e jogos.</p><p>Uma das principais vantagens da programação JavaScript é que ela é altamente escalonável. Isso significa que, mesmo que você esteja trabalhando em um pequeno projeto, é possível expandir suas capacidades a qualquer momento. Tudo o que você precisa fazer é adicionar mais código JavaScript para aumentar a escala do seu projeto. Isso o torna ideal para desenvolvedores iniciantes que estão aprendendo a programar, pois não precisam começar do zero quando decidem adicionar mais recursos ao seu site.</p><p>Outra grande vantagem do JavaScript é que ele é compatível com a maioria dos navegadores modernos. Isso significa que os usuários podem ver suas páginas e interações sem ter que instalar software adicional. Além disso, porque ele é executado no lado do cliente, você pode criar aplicações web que carregam rapidamente para os usuários.</p><p>Mais além das vantagens da produtividade, o JavaScript está se tornando cada vez mais popular devido à sua enorme biblioteca de componentes. Existem milhares de pacotes e frameworks JavaScript disponíveis que permitem aos desenvolvedores criar aplicações web avançadas usando componentes prontos. Isso elimina a necessidade de escrever todo o código do zero, o que significa que os desenvolvedores podem economizar tempo e produzir resultados mais rápidos.</p><p>Além disso, com as ferramentas certas, é possível usar JavaScript para criar interfaces móveis responsivas. Com isso, os usuários podem navegar no seu site no celular, tablet ou computador e ter uma experiência consistente. Isso torna o JavaScript ideal para sites que precisam atender a uma gama variada de plataformas e dispositivos.</p><h2 id="php:-desenvolvendo-um-site-dinamico">PHP: Desenvolvendo um Site Dinâmico</h2><p>PHP é uma linguagem de programação que permite a criação de sites dinâmicos e interativos. Esta linguagem foi desenvolvida nos anos 1990, tornando-se rapidamente uma das linguagens de programação mais populares para desenvolvimento de aplicações web. É uma das melhores escolhas quando se trata de criar sites dinâmicos, pois possui características que permitem a criação de sites com maior velocidade e escalabilidade.</p><p>Antes de começar a desenvolver um site dinâmico em PHP, é importante entender o que é o PHP e como ele funciona. O PHP é uma linguagem de programação interpretada no servidor, o que significa que qualquer código executado usando o PHP será processado pelo servidor antes de ser enviado para o navegador do usuário. Isso significa que os usuários finais não têm acesso ao código, aumentando assim a segurança do site.</p><p>Além disso, o PHP possui recursos avançados que podem ajudar na criação de sites dinâmicos. Uma dessas características é a capacidade de conectar-se a bancos de dados para acessar informações armazenadas. Isso pode ser usado para criar sites que exibam informações atualizadas, como listas de preços ou notícias. O PHP também pode ser usado para autenticar usuários antes de permitir a visualização de conteúdo específico ou para criar áreas privadas que exigem login e senha.</p><p>O PHP também é frequentemente usado em conjunto com outras linguagens, como HTML e CSS, para criar sites dinâmicos. Essas três linguagens de programação são usadas juntas para criar sites que se adaptam às necessidades dos usuários. O HTML é usado para estruturar o conteúdo da página, enquanto o CSS é usado para estilizar a página, e o PHP é usado para fornecer lógica e interação aos elementos da página.</p><p>Além de ser uma das principais linguagens de programação para desenvolvimento de sites, o PHP também tem suporte a vários frameworks como Laravel, CodeIgniter, Symfony e CakePHP. Os frameworks permitem agilizar o processo de desenvolvimento, pois fornecem ferramentas e modelos prontos que podem ser usados para desenvolver sites rapidamente. Além disso, os frameworks também podem ajudar a minimizar erros, aumentar a produtividade do desenvolvedor e oferecer aos usuários uma experiência consistente e padronizada.</p><h2 id="outras-linguagens-de-programacao-web">Outras Linguagens de Programação Web</h2><p>As linguagens de programação web são essenciais para os desenvolvedores que procuram criar aplicações ricas e interativas. Existem muitas linguagens diferentes, desde as tradicionais como HTML, CSS, JavaScript até às mais modernas como Node.js e React. Cada uma delas fornece seus próprios recursos e benefícios únicos.</p><p>O HTML é a base de todo o conteúdo web, definindo a estrutura básica de qualquer página da web. É usado para marcar o conteúdo em elementos: títulos, parágrafos, imagens, vídeos, etc. O HTML também permite definir hiperlinks para direcionar os usuários para outras partes do sítio web.</p><p>O CSS permite que os desenvolvedores definam o design da página web. Com ele, é possível definir cores, fontes, posição dos elementos e aparência geral da página. O CSS torna possível criar designs complexos e responsivos sem ter que recorrer a imagens individuais para cada elemento.</p><p>O JavaScript é a linguagem de programação mais poderosa para a web. Além de permitir controlar a forma como a página é exibida, também permite executar processamento lógico no navegador do usuário. Isto significa que podem ser criadas aplicações interessantes e interativas dentro da página web sem a necessidade de envolver um servidor de back-end.</p><p>Node.js é uma linguagem de programação baseada na linguagem JavaScript e especialmente projetada para permitir aos desenvolvedores criarem aplicações rápidas e escalonáveis no lado do servidor. Ao contrário do JavaScript normal, que é executado no navegador, Node.js é executado no servidor, permitindo gerar conteúdo dinâmico e responsivo.</p><p>O React é uma plataforma de desenvolvimento JavaScript open source criada pelo Facebook. Ele facilita o desenvolvimento de aplicações web ricas e interativas, oferecendo aos desenvolvedores uma abordagem moderna e flexível para criar interfaces complexas com grande performance. O React foi criado para ajudar os desenvolvedores a criar interfaces de usuário de forma simples e rápida.</p><p>Com tantas opções disponíveis, escolher a linguagem de programação certa para cada projeto pode ser confuso. No entanto, analisando as características e recursos de cada uma, os desenvolvedores podem tomar a melhor decisão para suas necessidades específicas.</p><h2 id="conclusao:-escolha-a-melhor-linguagem-de-programacao-para-seus-projetos-web">Conclusão: Escolha a Melhor Linguagem de Programação para Seus Projetos Web</h2><p>Escolher a melhor linguagem de programação para seus projetos web pode ser uma tarefa assustadora. Existem muitas opções diferentes, cada uma com suas próprias vantagens e desvantagens. Felizmente, existem algumas coisas que você pode considerar para ajudar na escolha da linguagem de programação certa para o seu projeto.</p><p>Primeiro, considere o custo. É importante entender se o custo de usar uma determinada linguagem de programação é justificável para o seu projeto. Algumas linguagens podem ser caras para aprender, enquanto outras podem ser economizadas por serem open source.</p><p>Em segundo lugar, considere a curva de aprendizado. Diferentes linguagens têm níveis diferentes de complexidade, então é importante descobrir qual linguagem será mais fácil para você aprender. Por exemplo, se você estiver começando do zero, talvez pense em usar PHP, já que ele tem mais recursos intuitivos do que outras linguagens de programação.</p><p>Em terceiro lugar, considere o tipo de projeto para o qual você está desenvolvendo. Uma linguagem de programação pode ser ideal para um tipo de projeto, mas inadequada para outro. Por exemplo, Python é excelente para aplicativos de inteligência artificial, mas talvez não seja o melhor para sites de compras online.</p><p>Finalmente, considere as bibliotecas e frameworks disponíveis para a linguagem. Estes são úteis para auxiliar no desenvolvimento de projetos, pois permitem que os desenvolvedores usem código já existente para concluir seu projeto. Isso significa menos tempo gasto para codificar partes básicas do site.</p><p>Entender todas essas coisas pode parecer complexo, mas lembre-se de que qualquer linguagem de programação tem algumas vantagens e desvantagens. Se você estiver preocupado com o custo, a curva de aprendizado, o tipo de projeto e as bibliotecas e frameworks disponíveis, isso pode ajudar a tornar a escolha da linguagem de programação certa para seu projeto web muito mais simples. Esperamos que este artigo tenha ajudado a esclarecer melhor esse processo de decisão.</p></div><footer class="entry-footer"></footer></article><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Deixe um comentário <small><a rel="nofollow" id="cancel-comment-reply-link" href="/uncategorized/descubra-as-8-linguagens-de-programacao-essenciais-para-desenvolver-sites-incriveis-na-web/#respond" style="display:none;">Cancelar resposta</a></small></h3><form action="https://app2u.com.br/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">O seu endereço de e-mail não será publicado.</span> <span class="required-field-message">Campos obrigatórios são marcados com <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentário <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nome <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">E-mail <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Site</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Salvar meus dados neste navegador para a próxima vez que eu comentar.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar comentário" /> <input type='hidden' name='comment_post_ID' value='421' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></div></div></main></div></div><footer id="uicore-tb-footer" itemscope="itemscope" itemtype="https://schema.org/WPFooter" ><div data-elementor-type="uicore-tb" data-elementor-id="51" class="elementor elementor-51"><div class="elementor-section elementor-top-section elementor-element elementor-element-1f7332d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1f7332d" data-element_type="section" data-settings="{"background_background":"classic"}"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8abf87" data-id="a8abf87" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><section class="elementor-section elementor-inner-section elementor-element elementor-element-94a6827 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="94a6827" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-4b64bf2" data-id="4b64bf2" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-73e8cf5 elementor-widget elementor-widget-image" data-id="73e8cf5" data-element_type="widget" data-widget_type="image.default"><div class="elementor-widget-container"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OTIiIGhlaWdodD0iMTAyIiB2aWV3Qm94PSIwIDAgNDkyIDEwMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="492" height="102" data-src="https://app2u.com.br/wp-content/uploads/2023/01/Framer-logo-2.webp" class="attachment-full size-full wp-image-10" alt="" loading="lazy" data-srcset="https://app2u.com.br/wp-content/uploads/2023/01/Framer-logo-2.webp 492w, https://app2u.com.br/wp-content/uploads/2023/01/Framer-logo-2-300x62.webp 300w" data-sizes="(max-width: 492px) 100vw, 492px" /></div></div><div class="elementor-element elementor-element-aa3bc12 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="aa3bc12" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>A more productive, efficient and faster way to work together.</p></div></div></div></div><div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-2f3605e" data-id="2f3605e" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-61ebddc elementor-widget elementor-widget-heading" data-id="61ebddc" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Company</h4></div></div><div class="elementor-element elementor-element-04b02c9 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="04b02c9" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/about-us/"><span class="elementor-icon-list-text">About</span> </a></li><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/team/"><span class="elementor-icon-list-text">Team</span> </a></li><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/contact/"><span class="elementor-icon-list-text">Contact</span> </a></li></ul></div></div></div></div><div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-4ab8f25" data-id="4ab8f25" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-08d3f28 elementor-widget elementor-widget-heading" data-id="08d3f28" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Product</h4></div></div><div class="elementor-element elementor-element-5de7dc3 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5de7dc3" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/services/"><span class="elementor-icon-list-text">Services</span> </a></li><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/pricing/"><span class="elementor-icon-list-text">Pricing</span> </a></li></ul></div></div></div></div><div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-36f546c" data-id="36f546c" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-a62de79 elementor-widget elementor-widget-heading" data-id="a62de79" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Legal</h4></div></div><div class="elementor-element elementor-element-5d191fd elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5d191fd" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/contact/"><span class="elementor-icon-list-text">Terms & Conditions</span> </a></li><li class="elementor-icon-list-item"> <a href="https://framer.uicore.co/pages/about-us/"><span class="elementor-icon-list-text">Privacy Policy</span> </a></li></ul></div></div></div></div><div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-95125cd" data-id="95125cd" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-96bcccb elementor-widget elementor-widget-heading" data-id="96bcccb" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Follow Us</h4></div></div><div class="elementor-element elementor-element-1865d23 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1865d23" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="https://www.facebook.com/uicoreco/"><span class="elementor-icon-list-text">Facebook</span> </a></li><li class="elementor-icon-list-item"> <a href="https://twitter.com/envato"><span class="elementor-icon-list-text">Twitter</span> </a></li><li class="elementor-icon-list-item"> <a href="https://www.linkedin.com/company/envato"><span class="elementor-icon-list-text">LinkedIn</span> </a></li></ul></div></div></div></div></div></section><div class="elementor-element elementor-element-8e6c05e elementor-widget elementor-widget-text-editor" data-id="8e6c05e" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>© 2024 Framer WordPress theme by <a href="https://uicore.co/">UiCore</a>. All Rights Reserved.</p></div></div></div></div></div></div></div></footer></div><div id="uicore-back-to-top" class="uicore-back-to-top uicore-i-arrow uicore_hide_mobile "></div><div class="uicore-navigation-wrapper uicore-navbar elementor-section elementor-section-boxed uicore-mobile-menu-wrapper "><nav class="uicore elementor-container"><div class="uicore-branding uicore-mobile"> <a href="https://app2u.com.br/" rel="home"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAwIiBoZWlnaHQ9IjM2MyIgdmlld0JveD0iMCAwIDIwMDAgMzYzIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="2000" height="363" class="uicore uicore-logo" data-src="http://app2u.com.br/wp-content/uploads/2023/01/app-2u-high-resolution-logo-color-on-transparent-background-1.png" alt="app2u.com.br"/> </a></div><div class="uicore-branding uicore-desktop"></div><button type="button" class="uicore-toggle uicore-ham"> <span class="bars"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </span> </button></nav><div class="uicore-navigation-content"><div class="uicore-menu-container uicore-nav"><ul class="uicore-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-52"><a href="https://framer.uicore.co/#demos"><span class="ui-menu-item-wrapper">Demos</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53"><a href="https://framer.uicore.co/saas/"><span class="ui-menu-item-wrapper">SaaS</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54"><a href="https://framer.uicore.co/insurance/"><span class="ui-menu-item-wrapper">Insurance</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a href="https://framer.uicore.co/payment-solutions/"><span class="ui-menu-item-wrapper">Payment Solutions</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56"><a href="https://framer.uicore.co/cloud-solutions/"><span class="ui-menu-item-wrapper">Cloud Solutions</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57"><a href="https://framer.uicore.co/it-solutions/"><span class="ui-menu-item-wrapper">IT Solutions</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58"><a href="https://framer.uicore.co/web-app/"><span class="ui-menu-item-wrapper">Web App</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a href="https://framer.uicore.co/software/"><span class="ui-menu-item-wrapper">Software</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="https://framer.uicore.co/startup/"><span class="ui-menu-item-wrapper">Startup</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="https://framer.uicore.co/digital-product/"><span class="ui-menu-item-wrapper">Digital Product</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-62"><a href="https://framer.uicore.co/collaboration-platform/"><span class="ui-menu-item-wrapper">Collaboration Platform</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-63"><a href="https://framer.uicore.co/product-promo/"><span class="ui-menu-item-wrapper">Product Promo</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64"><a href="https://framer.uicore.co/mobile-app/"><span class="ui-menu-item-wrapper">Mobile App</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-65"><a href="#"><span class="ui-menu-item-wrapper">Pages</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-66"><a href="https://framer.uicore.co/pages/about-us/"><span class="ui-menu-item-wrapper">About Us</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-67"><a href="https://framer.uicore.co/pages/contact/"><span class="ui-menu-item-wrapper">Contact</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-68"><a href="https://framer.uicore.co/pages/services/"><span class="ui-menu-item-wrapper">Services</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-69"><a href="https://framer.uicore.co/pages/service-inner/"><span class="ui-menu-item-wrapper">Service Inner</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"><a href="https://framer.uicore.co/pages/pricing/"><span class="ui-menu-item-wrapper">Pricing</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71"><a href="https://framer.uicore.co/pages/team/"><span class="ui-menu-item-wrapper">Team</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72"><a href="https://framer.uicore.co/pages/maintenance/"><span class="ui-menu-item-wrapper">Maintenance</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73"><a href="https://framer.uicore.co/pages/not-found/"><span class="ui-menu-item-wrapper">Error 404</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-74"><a href="#"><span class="ui-menu-item-wrapper">Features</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-75"><a href="https://uicore.co/framework/page-builder/"><span class="ui-menu-item-wrapper">Page Builder</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-76"><a href="https://uicore.co/framework/theme-options/"><span class="ui-menu-item-wrapper">Theme Options</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"><a href="https://uicore.co/framework/theme-builder/"><span class="ui-menu-item-wrapper">Theme Builder</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="https://uicore.co/framework/popup-builder/"><span class="ui-menu-item-wrapper">Popup Builder</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-79"><a href="https://uicore.co/framework/animations-engine/"><span class="ui-menu-item-wrapper">Animations Engine</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80"><a href="https://uicore.co/framework/elements/"><span class="ui-menu-item-wrapper">Builder Widgets</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81"><a href="https://uicore.co/framework/performance/"><span class="ui-menu-item-wrapper">Performance Manager™</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82"><a href="https://uicore.co/framework/template-library/"><span class="ui-menu-item-wrapper">Template Library</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83"><a href="https://uicore.co/framework/white-label/"><span class="ui-menu-item-wrapper">White Label</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-84 uicore-full_contained uicore-simple-megamenu"><a href="#"><span class="ui-menu-item-wrapper">Blog</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-85"><a href="#"><span class="ui-menu-item-wrapper">Classic Layout</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-86"><a href="https://framer.uicore.co/layouts/blog/classic/"><span class="ui-menu-item-wrapper">Blog – Classic</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87"><a href="https://framer.uicore.co/layouts/blog/blog-classic-boxed/"><span class="ui-menu-item-wrapper">Blog – Classic Boxed</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-88"><a href="https://framer.uicore.co/layouts/blog/blog-classic-boxed-creative/"><span class="ui-menu-item-wrapper">Blog – Classic Boxed Creative</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89"><a href="https://framer.uicore.co/layouts/blog/blog-classic-cover/"><span class="ui-menu-item-wrapper">Blog – Classic Cover</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-90"><a href="#"><span class="ui-menu-item-wrapper">Grid Layout</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-91"><a href="https://framer.uicore.co/layouts/blog/grid/"><span class="ui-menu-item-wrapper">Blog – Grid</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-92"><a href="https://framer.uicore.co/layouts/blog/blog-grid-boxed/"><span class="ui-menu-item-wrapper">Blog – Grid Boxed</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-93"><a href="https://framer.uicore.co/layouts/blog/blog-grid-boxed-creative/"><span class="ui-menu-item-wrapper">Blog – Grid Boxed Creative</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-94"><a href="https://framer.uicore.co/layouts/blog/blog-grid-cover/"><span class="ui-menu-item-wrapper">Blog – Grid Cover</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-95"><a href="#"><span class="ui-menu-item-wrapper">Masonry Layout</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-96"><a href="https://framer.uicore.co/layouts/blog/masonry/"><span class="ui-menu-item-wrapper">Blog – Masonry</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-97"><a href="https://framer.uicore.co/layouts/blog/blog-masonry-boxed/"><span class="ui-menu-item-wrapper">Blog – Masonry Boxed</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-98"><a href="https://framer.uicore.co/layouts/blog/blog-masonry-boxed-creative/"><span class="ui-menu-item-wrapper">Blog – Masonry Boxed Creative</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-99"><a href="https://framer.uicore.co/layouts/blog/blog-masonry-cover/"><span class="ui-menu-item-wrapper">Blog – Masonry Cover</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-100"><a href="#"><span class="ui-menu-item-wrapper">Horizontal Layout</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-101"><a href="https://framer.uicore.co/layouts/blog/horizontal/"><span class="ui-menu-item-wrapper">Blog – Horizontal</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-102"><a href="https://framer.uicore.co/layouts/blog/blog-horizontal-boxed/"><span class="ui-menu-item-wrapper">Blog – Horizontal Boxed</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-103"><a href="https://framer.uicore.co/layouts/blog/blog-horizontal-boxed-creative/"><span class="ui-menu-item-wrapper">Blog – Horizontal Boxed Creative</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-104"><a href="#"><span class="ui-menu-item-wrapper">Post Style</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-105"><a href="https://framer.uicore.co/layouts/2021/07/20/5-uses-of-artificial-intelligence-that-will-blow-your-mind/"><span class="ui-menu-item-wrapper">Default Layout</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-106"><a href="https://framer.uicore.co/layouts/2020/08/31/design-thinking-building-a-design-system-for-an-existing-product/"><span class="ui-menu-item-wrapper">Simple Layout</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107"><a href="https://framer.uicore.co/layouts/2021/07/20/10-simple-practices-that-will-help-you-get-1-better-every-day/"><span class="ui-menu-item-wrapper">Simple Creative Layout</span></a></li></ul></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-108"><a href="#"><span class="ui-menu-item-wrapper">Portfolio</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-109"><a href="https://framer.uicore.co/layouts/portfolio-type/grid/"><span class="ui-menu-item-wrapper">Portfolio – Grid</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-110"><a href="https://framer.uicore.co/layouts/portfolio-type/grid-tiles/"><span class="ui-menu-item-wrapper">Portfolio – Grid Tiles</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-111"><a href="https://framer.uicore.co/layouts/portfolio-type/justified-tiles/"><span class="ui-menu-item-wrapper">Portfolio – Justified Tiles</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112"><a href="https://framer.uicore.co/layouts/portfolio-type/masonry/"><span class="ui-menu-item-wrapper">Portfolio – Masonry</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-113"><a href="https://framer.uicore.co/layouts/portfolio-type/masonry-tiles/"><span class="ui-menu-item-wrapper">Portfolio – Masonry Tiles</span></a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-114"><a href="#"><span class="ui-menu-item-wrapper">Shop</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-115"><a href="https://framer.uicore.co/layouts/shop/"><span class="ui-menu-item-wrapper">Shop Page</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-116"><a href="https://framer.uicore.co/layouts/cart/"><span class="ui-menu-item-wrapper">Cart</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-117"><a href="https://framer.uicore.co/layouts/checkout/"><span class="ui-menu-item-wrapper">Checkout</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-118"><a href="https://framer.uicore.co/layouts/my-account/"><span class="ui-menu-item-wrapper">My Account</span></a></li></ul></li></ul></div><div class="uicore uicore-extra"><div class="uicore-cta-wrapper"> <a href="https://framer.uicore.co/pages/pricing/" target="_self" class="uicore-btn "> <span class="elementor-button-text"> Get Started </span> </a></div></div></div></div></div> <script type="module" src="https://app2u.com.br/wp-content/plugins/text-to-audio/admin/js/build/text-to-audio-button.min.js?ver=1.4.9" ></script> <script type="litespeed/javascript">var wpforms_settings={"val_required":"Este campo \u00e9 obrigat\u00f3rio.","val_email":"Digite um endere\u00e7o de e-mail v\u00e1lido.","val_email_suggestion":"Voc\u00ea quis dizer {suggestion}?","val_email_suggestion_title":"Clique para aceitar esta sugest\u00e3o.","val_email_restricted":"Este endere\u00e7o de e-mail n\u00e3o \u00e9 permitido.","val_number":"Digite um n\u00famero v\u00e1lido.","val_number_positive":"Digite um n\u00famero de telefone v\u00e1lido.","val_confirm":"Valores de campo n\u00e3o correspondem.","val_checklimit":"Voc\u00ea excedeu o n\u00famero de sele\u00e7\u00f5es permitidas: {#}.","val_limit_characters":"{count} de {limit} caracteres no m\u00e1ximo.","val_limit_words":"{count} do m\u00e1ximo de {limit} palavras.","val_recaptcha_fail_msg":"A verifica\u00e7\u00e3o do Google reCAPTCHA falhou. Tente novamente mais tarde.","val_turnstile_fail_msg":"Ocorreu uma falha na verifica\u00e7\u00e3o do Cloudflare\u00a0Turnstile. Tente de novo mais tarde.","val_inputmask_incomplete":"Preencha o campo no formato obrigat\u00f3rio.","uuid_cookie":"1","locale":"pt","wpforms_plugin_url":"https:\/\/app2u.com.br\/wp-content\/plugins\/wpforms\/","gdpr":"","ajaxurl":"https:\/\/app2u.com.br\/wp-admin\/admin-ajax.php","mailcheck_enabled":"1","mailcheck_domains":[],"mailcheck_toplevel_domains":["dev"],"is_ssl":"1","page_title":"Descubra as 8 linguagens de programa\u00e7\u00e3o essenciais para desenvolver sites incr\u00edveis na web","page_id":"421","currency_code":"USD","currency_thousands":",","currency_decimals":"2","currency_decimal":".","currency_symbol":"$","currency_symbol_pos":"left","val_requiredpayment":"O pagamento \u00e9 necess\u00e1rio.","val_creditcard":"Digite um n\u00famero de cart\u00e3o de cr\u00e9dito v\u00e1lido.","val_post_max_size":"O tamanho total dos arquivos selecionados {totalSize}\u00a0Mb excede o limite permitido de {maxSize}\u00a0Mb.","val_time12h":"Informe a hora no formato de 12 horas (ex: 8:45).","val_time24h":"Informe a hora no formato de 24 horas (por exemplo, 22:45).","val_time_limit":"Insira o tempo entre {minTime} e {maxTime}.","val_url":"Digite uma URL v\u00e1lida.","val_fileextension":"Este tipo de arquivo n\u00e3o \u00e9 permitido","val_filesize":"O arquivo excede o tamanho m\u00e1ximo permitido. O arquivo n\u00e3o foi carregado.","post_max_size":"6442450944","val_password_strength":"\u00c9 necess\u00e1ria uma senha mais forte. Considere o uso de letras mai\u00fasculas e min\u00fasculas, n\u00fameros e s\u00edmbolos.","val_phone":"Digite um n\u00famero de telefone v\u00e1lido.","richtext_add_media_button":"","entry_preview_iframe_styles":["https:\/\/app2u.com.br\/wp-includes\/js\/tinymce\/skins\/lightgray\/content.min.css?ver=6.3.5","https:\/\/app2u.com.br\/wp-includes\/css\/dashicons.min.css?ver=6.3.5","https:\/\/app2u.com.br\/wp-includes\/js\/tinymce\/skins\/wordpress\/wp-content.css?ver=6.3.5"]}</script> <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://app2u.com.br/wp-content/litespeed/js/4e8253eac1cb53097adc8c2b38a04357.js?ver=14743"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body></html>