Aprenda a criar um CRUD básico com HTML, CSS, JavaScript e MySQL
Entendendo as principais tecnologias utilizadas no CRUD
Antes de começarmos a criar o CRUD, é importante entendermos as tecnologias que iremos utilizar. Vamos dar uma breve explicação sobre cada uma delas:
HTML:
HyperText Markup Language, ou HTML, é uma linguagem de marcação utilizada para estruturar o conteúdo de uma página web. É a base para a construção de qualquer página na web e nos permite criar elementos como formulários, botões e tabelas.
CSS:
Cascading Style Sheets, ou CSS, é uma linguagem de estilo utilizada para definir a aparência e o layout dos elementos HTML. Com CSS, podemos controlar a cor, tamanho, fonte e posicionamento dos elementos em uma página.
JavaScript:
JavaScript é uma linguagem de programação de alto nível que permite adicionar interatividade e dinamismo às páginas web. Com JavaScript, podemos criar funções, manipular eventos e fazer requisições para o servidor, tornando nossas aplicações mais interativas.
MySQL:
MySQL é um sistema de gerenciamento de banco de dados relacional amplamente utilizado. Ele permite o armazenamento e recuperação de dados de forma eficiente. Utilizaremos o MySQL para armazenar os dados do nosso CRUD.
Passo a passo para criar o formulário de cadastro e edição
Agora que temos uma compreensão básica das tecnologias envolvidas, vamos dar início à criação do nosso CRUD. Seguindo este passo a passo, você será capaz de criar um formulário de cadastro e edição de dados:
1. Estrutura básica do HTML:
– Crie um arquivo HTML e defina a estrutura básica do documento utilizando as tags ``, `
` e ``.
– Adicione um título para a página utilizando a tag `
`.</p>
<p><H3>2. Criação do formulário:</H3></p>
<p>– Dentro do elemento `<body data-rsssl=1>`, crie um formulário utilizando a tag `</p>
<form>`.</p>
<p>– Adicione os campos necessários para o cadastro, como nome, e-mail, senha, etc.</p>
<p>– Utilize as tags `<input>` para criar os campos de entrada de dados.</p>
<p><H3>3. Estilização com CSS:</H3></p>
<p>– Crie um arquivo CSS separado e vincule-o ao seu arquivo HTML utilizando a tag `<link>`.</p>
<p>– Utilize seletores CSS para estilizar os elementos do formulário, como cores, fontes e margens.</p>
<p><H3>4. Manipulação de eventos com JavaScript:</H3></p>
<p>– Utilize JavaScript para adicionar interatividade ao seu formulário.</p>
<p>– Crie eventos de validação para garantir que os campos sejam preenchidos corretamente antes de enviar os dados para o banco de dados.</p>
<p><H2>Como implementar as operações de leitura, atualização e exclusão no banco de dados MySQL</H2></p>
<p>Agora que já temos nosso formulário de cadastro e edição, vamos aprender como implementar as operações de leitura, atualização e exclusão no banco de dados MySQL.</p>
<p><H3>1. Conexão com o banco de dados:</H3></p>
<p>– Utilize a linguagem PHP para estabelecer a conexão com o banco de dados MySQL.</p>
<p>– Crie um arquivo de configuração com as informações de acesso ao banco de dados.</p>
<p><H3>2. Operação de leitura:</H3></p>
<p>– Crie uma consulta SQL para buscar os dados no banco de dados.</p>
<p>– Utilize a função `mysqli_query()` para executar a consulta e obter o resultado.</p>
<p>– Apresente os dados na página utilizando tags HTML e CSS.</p>
<p><H3>3. Operação de atualização:</H3></p>
<p>– Crie um formulário de edição com os campos necessários.</p>
<p>– Utilize uma consulta SQL para atualizar os dados no banco de dados.</p>
<p>– Valide os campos antes de realizar a atualização.</p>
<p><H3>4. Operação de exclusão:</H3></p>
<p>– Crie um botão ou link para excluir um registro.</p>
<p>– Utilize uma consulta SQL para excluir o registro do banco de dados.</p>
<p>Com essas etapas, você será capaz de criar um CRUD básico utilizando HTML, CSS, JavaScript e MySQL. Lembre-se de praticar e explorar novas possibilidades para aprimorar suas habilidades de programação. Aprenda a Criar um Crud com Html, Css, Javascript e Mysql e expanda seus conhecimentos no desenvolvimento web.</p>
</div>
<div class="tags">
<ul class="tag-list">
</ul>
</div>
<!-- Expert Card -->
<div data-bg="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/spray-expert-single.png" class="expert-card rocket-lazyload" style="">
<div data-bg="https://fluency.io/br/wp-content/uploads/sites/3/2024/12/Davi-Butzke-fluency.webp" class="image-expert-card rocket-lazyload" style=""></div>
<div class="content-expert-card">
<p></p>
<h4>Davi Butzke</h4>
<div class="content">
<div class="icons">
<a href="" class="icon">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Instagram Icon White" alt="Instagram Icon White" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/instagram-white.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/instagram-white.svg" title="Instagram Icon White" alt="Instagram Icon White"></noscript>
</a>
<a href="" class="icon">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Tiktom Icon White" alt="Tiktok White Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/tiktok-white.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/tiktok-white.svg" title="Tiktom Icon White" alt="Tiktok White Icon"></noscript>
</a>
<a href="https://fluency.io/br/professores/davi-butzke/" class="icon">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Info White Icon" alt="Info White Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/info-white.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/info-white.svg" title="Info White Icon" alt="Info White Icon"></noscript>
</a>
</div>
<div class="cta">
<a href="https://hub.fluency.io/br/fa/lista-de-espera?utm_medium=organic" class="cta-btn action_cta" id="card-autor-btn-click-lp">Quero conhecer o curso!</a>
</div>
</div>
</div>
</div>
<!-- Fim Expert Card -->
<div class="cards-content">
<!-- Memhack Card -->
<!-- Fim Memhack Card -->
<!-- Conteúdo Card -->
<!-- Fim Conteúdo Card -->
</div>
<!-- Playlist Podcast -->
<script type="rocketlazyloadscript">
document.addEventListener("DOMContentLoaded", function() {
var activeElement = document.querySelector('.playlist .content .item.current');
var offsetTop = activeElement.offsetTop;
var scrollPosition = offsetTop - (window.innerHeight / 4) + (activeElement.offsetHeight / 4);
document.querySelector('.playlist .content').scrollTop = scrollPosition;
});
</script>
<!-- Fim Playlist Podcast -->
</div>
</div> <!-- the post content -->
<div class="form-leads-single" >
<p class="form-leads-title">
Nova turma em breve! <br>
Garanta sua vaga!
</p>
<div class="wpcf7 no-js" id="wpcf7-f71158-p163457-o1" lang="pt-BR" dir="ltr" data-wpcf7-id="71158">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/br/blog/aprenda-a-criar-um-crud-com-html-css-javascript-e-mysql/#wpcf7-f71158-p163457-o1" method="post" class="wpcf7-form init" aria-label="Formulários de contato" novalidate="novalidate" data-status="init">
<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="71158" /><input type="hidden" name="_wpcf7_version" value="6.1.4" /><input type="hidden" name="_wpcf7_locale" value="pt_BR" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f71158-p163457-o1" /><input type="hidden" name="_wpcf7_container_post" value="163457" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
</fieldset>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<p><label for="nomeContact">Nome: *</label><br />
<span class="wpcf7-form-control-wrap" data-name="nome"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="nomeContact" aria-required="true" aria-invalid="false" placeholder="Insira seu Nome..." value="" type="text" name="nome" /></span>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<p><label for="emailContact">E-mail: *</label><br />
<span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" id="emailContact" aria-required="true" aria-invalid="false" placeholder="Insira seu E-mail..." value="" type="email" name="email" /></span>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<p><label for="telContact">Whatsapp: *</label><br />
<span class="wpcf7-form-control-wrap" data-name="whatsapp"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="telContact" aria-required="true" aria-invalid="false" placeholder="DDD + Número..." value="" type="text" name="whatsapp" /></span>
</p>
</div>
</div>
</div>
<div class="form-group text-center mt-4">
<p><input class="wpcf7-form-control wpcf7-submit has-spinner btn btn-primary" type="submit" value="Enviar" />
</p>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
</div>
</div> <!-- article and form -->
</section>
<section id="mais-conteudos">
<div class="container">
<!-- TRILHAS DE CONTEÚDOS -->
<!-- PRÓXIMOS CONTEÚDOS -->
<div class="row">
<div class="col-12">
<div class="space-line"></div>
<h2>Próximos conteúdos</h2>
<div class="experts-content">
<div class="experts-item">
<div class="thumb-container">
<a href="https://fluency.io/br/lives/live-como-cerebro-aprende-ingles/">
<img width="1280" height="720" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20720'%3E%3C/svg%3E" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="ciencia-aprendizado" decoding="async" fetchpriority="high" data-lazy-srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado.jpg 1280w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-300x169.jpg 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-1024x576.jpg 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-768x432.jpg 768w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-150x84.jpg 150w" data-lazy-sizes="(max-width: 1280px) 100vw, 1280px" data-lazy-src="https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado.jpg" /><noscript><img width="1280" height="720" src="https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="ciencia-aprendizado" decoding="async" fetchpriority="high" srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado.jpg 1280w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-300x169.jpg 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-1024x576.jpg 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-768x432.jpg 768w, https://fluency.io/br/wp-content/uploads/sites/3/2025/08/ciencia-aprendizado-150x84.jpg 150w" sizes="(max-width: 1280px) 100vw, 1280px" /></noscript> </a>
</div>
<div class="infos">
<div class="language">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Flag Icon" alt="Flag Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg" title="Flag Icon" alt="Flag Icon"></noscript>
</div>
<div class="type relative" style="background-color: #eb3636 !important;">
<a href="https://fluency.io/br/lives/" class="card-full-click"></a>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"style="height: 17px;" title="Video Icon" alt="Video Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/camera.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/camera.svg"style="height: 17px;" title="Video Icon" alt="Video Icon"></noscript>
Live
</div>
<div class="divider"></div>
<div class="time-to-read">
2 min </div>
<div class="divider"></div>
<div class="expert">
Fluency Inglês </div>
</div>
<a href="https://fluency.io/br/lives/live-como-cerebro-aprende-ingles/">
<h3>LIVE: A Ciência dos Estudos com Teacher Paula Gabriela</h3>
</a>
</div>
<div class="experts-item">
<div class="thumb-container">
<a href="https://fluency.io/br/blog/vermelho-em-frances/">
<img width="1210" height="680" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201210%20680'%3E%3C/svg%3E" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" data-lazy-srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances-768x432.webp 768w" data-lazy-sizes="(max-width: 1210px) 100vw, 1210px" data-lazy-src="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances.webp" /><noscript><img width="1210" height="680" src="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/vermelho-em-frances-768x432.webp 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></noscript> </a>
</div>
<div class="infos">
<div class="language">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Flag Icon" alt="Flag Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg" title="Flag Icon" alt="Flag Icon"></noscript>
</div>
<div class="type relative" style="background-color: #FF6341 !important;">
<a href="https://fluency.io/br/blog/formato/artigos" class="card-full-click"></a>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Article Icon" alt="Article Icon" style="height: 17px;" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg" title="Article Icon" alt="Article Icon" style="height: 17px;"></noscript>
Artigo </div>
<div class="divider"></div>
<div class="time-to-read">
7 min </div>
<div class="divider"></div>
<div class="expert">
Fluency Francês </div>
</div>
<a href="https://fluency.io/br/blog/vermelho-em-frances/">
<h3>Vermelho em Francês</h3>
</a>
</div>
<div class="experts-item">
<div class="thumb-container">
<a href="https://fluency.io/br/blog/sol-em-frances/">
<img width="1210" height="680" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201210%20680'%3E%3C/svg%3E" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" data-lazy-srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances-768x432.webp 768w" data-lazy-sizes="(max-width: 1210px) 100vw, 1210px" data-lazy-src="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances.webp" /><noscript><img width="1210" height="680" src="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/03/sol-em-frances-768x432.webp 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></noscript> </a>
</div>
<div class="infos">
<div class="language">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Flag Icon" alt="Flag Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg" title="Flag Icon" alt="Flag Icon"></noscript>
</div>
<div class="type relative" style="background-color: #FF6341 !important;">
<a href="https://fluency.io/br/blog/formato/artigos" class="card-full-click"></a>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Article Icon" alt="Article Icon" style="height: 17px;" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg" title="Article Icon" alt="Article Icon" style="height: 17px;"></noscript>
Artigo </div>
<div class="divider"></div>
<div class="time-to-read">
4 min </div>
<div class="divider"></div>
<div class="expert">
Fluency Francês </div>
</div>
<a href="https://fluency.io/br/blog/sol-em-frances/">
<h3>Sol em Francês</h3>
</a>
</div>
<div class="experts-item">
<div class="thumb-container">
<a href="https://fluency.io/br/blog/o-que-e-poliglota/">
<img width="1210" height="680" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201210%20680'%3E%3C/svg%3E" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" data-lazy-srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2-768x432.webp 768w" data-lazy-sizes="(max-width: 1210px) 100vw, 1210px" data-lazy-src="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2.webp" /><noscript><img width="1210" height="680" src="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/o-que-e-poliglota-2-768x432.webp 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></noscript> </a>
</div>
<div class="infos">
<div class="language">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Flag Icon" alt="Flag Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg" title="Flag Icon" alt="Flag Icon"></noscript>
</div>
<div class="type relative" style="background-color: #FF6341 !important;">
<a href="https://fluency.io/br/blog/formato/artigos" class="card-full-click"></a>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Article Icon" alt="Article Icon" style="height: 17px;" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg" title="Article Icon" alt="Article Icon" style="height: 17px;"></noscript>
Artigo </div>
<div class="divider"></div>
<div class="time-to-read">
7 min </div>
<div class="divider"></div>
<div class="expert">
Andriele França </div>
</div>
<a href="https://fluency.io/br/blog/o-que-e-poliglota/">
<h3>O que é poliglota: Descubra o significado e como se tornar um!</h3>
</a>
</div>
<div class="experts-item">
<div class="thumb-container">
<a href="https://fluency.io/br/blog/beef-em-ingles/">
<img width="1210" height="680" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201210%20680'%3E%3C/svg%3E" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" data-lazy-srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao-768x432.webp 768w" data-lazy-sizes="(max-width: 1210px) 100vw, 1210px" data-lazy-src="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao.webp" /><noscript><img width="1210" height="680" src="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/beef-traducao-768x432.webp 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></noscript> </a>
</div>
<div class="infos">
<div class="language">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Flag Icon" alt="Flag Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg" title="Flag Icon" alt="Flag Icon"></noscript>
</div>
<div class="type relative" style="background-color: #FF6341 !important;">
<a href="https://fluency.io/br/blog/formato/artigos" class="card-full-click"></a>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Article Icon" alt="Article Icon" style="height: 17px;" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg" title="Article Icon" alt="Article Icon" style="height: 17px;"></noscript>
Artigo </div>
<div class="divider"></div>
<div class="time-to-read">
5 min </div>
<div class="divider"></div>
<div class="expert">
Fluency Inglês </div>
</div>
<a href="https://fluency.io/br/blog/beef-em-ingles/">
<h3>Beef em Inglês: significado e usos</h3>
</a>
</div>
<div class="experts-item">
<div class="thumb-container">
<a href="https://fluency.io/br/blog/bebado-em-ingles/">
<img width="1210" height="680" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201210%20680'%3E%3C/svg%3E" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" data-lazy-srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles-768x432.webp 768w" data-lazy-sizes="(max-width: 1210px) 100vw, 1210px" data-lazy-src="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles.webp" /><noscript><img width="1210" height="680" src="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles.webp 1210w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles-300x169.webp 300w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles-1024x575.webp 1024w, https://fluency.io/br/wp-content/uploads/sites/3/2025/01/bebado-em-ingles-768x432.webp 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></noscript> </a>
</div>
<div class="infos">
<div class="language">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Flag Icon" alt="Flag Icon" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/english.svg" title="Flag Icon" alt="Flag Icon"></noscript>
</div>
<div class="type relative" style="background-color: #FF6341 !important;">
<a href="https://fluency.io/br/blog/formato/artigos" class="card-full-click"></a>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Article Icon" alt="Article Icon" style="height: 17px;" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/artigo.svg" title="Article Icon" alt="Article Icon" style="height: 17px;"></noscript>
Artigo </div>
<div class="divider"></div>
<div class="time-to-read">
8 min </div>
<div class="divider"></div>
<div class="expert">
Fluency Inglês </div>
</div>
<a href="https://fluency.io/br/blog/bebado-em-ingles/">
<h3>Como se diz Bêbado em Inglês?</h3>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<link rel="stylesheet" href="https://cdn-webflow.fluencyacademy.io/staging/css/main.bundle.min.css">
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script type="rocketlazyloadscript" defer data-rocket-src="https://s3-sa-east-1.amazonaws.com/data.fluencyweek/cdn/lastest.js"></script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://cdn-webflow.fluencyacademy.io/staging/js/main.bundle.min.js"></script>
<script type="rocketlazyloadscript">
$(document).ready(function() {
function sharePost() {
if (navigator.share) {
navigator.share({
title: 'Aprenda a Criar um Crud com Html, Css, Javascript e Mysql',
url: 'https://fluency.io/br/blog/aprenda-a-criar-um-crud-com-html-css-javascript-e-mysql/'
}).then(() => {
console.log('Post compartilhado com sucesso!');
}).catch((error) => {
console.log('Erro ao compartilhar:', error);
});
} else {
alert('Compartilhamento nativo não suportado neste dispositivo.');
}
}
$('.wpcf7-submit').on('click', function(){
source = localStorage.getItem('utm_source');
medium = localStorage.getItem('utm_medium');
content = localStorage.getItem('utm_content');
term = localStorage.getItem('utm_term');
campaign = localStorage.getItem('utm_campaign');
content = content + '-form-aberto-btn-click-submit';
var urlParams = new URLSearchParams(window.location.search);
urlParams.set('utm_source', source);
urlParams.set('utm_medium', medium);
urlParams.set('utm_content', content);
urlParams.set('utm_term', term);
urlParams.set('utm_campaign', campaign);
var updatedUrl = window.location.pathname + '?' + urlParams.toString();
window.history.replaceState({}, document.title, updatedUrl);
});
});
newForm({
formId: 'form',
nameField: 'nome',
emailField: 'email',
phoneField: 'whatsapp',
redirectLink: 'https://hub.fluency.io/br/fa/obrigado',
country: 'br',
crm: 'sf',
tag: '[FLUENCY BR] LISTA DE ESPERA - ORG',
tagSF: '[FLUENCY BR] LISTA DE ESPERA - ORG',
token: '01b6909e50d6c6de91147fd5d926fb2c'
// extraFields: [
// {name: 'form-aberto-btn-click-submit', element: 'input', field:'refer-form-sf'}
// ]
});
</script>
<script type="rocketlazyloadscript">
(function($) {
$('.btn-ebook').on('click', function() {
if(!sessionStorage.getItem('ebookForm')) {
var ebookLink = $(this).attr('href');
sessionStorage.setItem('ebookLink', ebookLink);
$('body').css({"overflow":"hidden"});
$('#form-geral-modal').css({"display":"flex"});
return false;
}
});
})(jQuery);
document.addEventListener("DOMContentLoaded", function() {
const headers = document.querySelectorAll(".article-main h2");
const indexContainer = document.querySelector(".indice");
if (headers.length > 0 && indexContainer) {
const ul = document.createElement("ul");
const permalink = window.location.href.split("#")[0];
headers.forEach((header, index) => {
const id = `section-${index}`;
header.id = id;
const li = document.createElement("li");
const a = document.createElement("a");
a.href = `${permalink}#${id}`;
a.innerHTML = `
${header.textContent}
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M7.33328 7.33335C7.58641 7.08022 7.99682 7.08022 8.24995 7.33335L13.3833 12.4667L13.3833 7.97501C13.3833 7.62063 13.6706 7.33335 14.025 7.33335C14.3793 7.33335 14.6666 7.62063 14.6666 7.97502L14.6666 14.0185C14.6666 14.3765 14.3764 14.6667 14.0184 14.6667L7.97495 14.6667C7.62056 14.6667 7.33328 14.3794 7.33328 14.025C7.33328 13.6706 7.62056 13.3834 7.97495 13.3834H12.4666L7.33328 8.25001C7.08015 7.99688 7.08015 7.58648 7.33328 7.33335Z" fill="#FF377D"/>
</svg>`;
a.addEventListener("click", function(event) {
event.preventDefault();
document.getElementById(id).scrollIntoView({
behavior: "smooth"
});
window.history.pushState(null, null, `#${id}`);
});
li.appendChild(a);
ul.appendChild(li);
});
indexContainer.appendChild(ul);
} else {
document.querySelector(".indices").style.display = "none";
}
});
</script>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer-itens">
<div class="footer-menu">
<div class="footer-column">
<a href="https://fluency.io/br/cursos/">
<p class="menu-title">
Cursos de Idiomas </p>
</a>
<ul id="menu-footer-cursos-de-idiomas" class="menu-primary"><li id="menu-item-73935" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73935"><a href="https://fluency.io/br/cursos/ingles/">Curso de Inglês</a></li>
<li id="menu-item-97914" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97914"><a href="https://fluency.io/br/cursos/espanhol/">Curso de Espanhol</a></li>
<li id="menu-item-73936" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73936"><a href="https://fluency.io/br/cursos/frances/">Curso de Francês</a></li>
<li id="menu-item-73937" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73937"><a href="https://fluency.io/br/cursos/italiano/">Curso de Italiano</a></li>
<li id="menu-item-73932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73932"><a href="https://fluency.io/br/cursos/alemao/">Curso de Alemão</a></li>
<li id="menu-item-73938" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73938"><a href="https://fluency.io/br/cursos/japones/">Curso de Japonês</a></li>
<li id="menu-item-73933" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73933"><a href="https://fluency.io/br/cursos/coreano/">Curso de Coreano</a></li>
<li id="menu-item-73939" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73939"><a href="https://fluency.io/br/cursos/mandarim/">Curso de Mandarim</a></li>
</ul> </div>
<div class="footer-column">
<p class="menu-title">Professores</p>
<ul id="menu-footer-professores" class="menu-primary"><li id="menu-item-48751" class="menu-item menu-item-type-post_type menu-item-object-expert menu-item-48751"><a href="https://fluency.io/br/professores/rhavi-carneiro/">Rhavi Carneiro</a></li>
<li id="menu-item-48752" class="menu-item menu-item-type-post_type menu-item-object-expert menu-item-48752"><a href="https://fluency.io/br/professores/paula-gabriela/">Paula Gabriela</a></li>
<li id="menu-item-48753" class="menu-item menu-item-type-post_type menu-item-object-expert menu-item-48753"><a href="https://fluency.io/br/professores/gavin-roy/">Gavin Roy</a></li>
<li id="menu-item-48754" class="menu-item menu-item-type-post_type menu-item-object-expert menu-item-48754"><a href="https://fluency.io/br/professores/gemeas-do-ingles/">Gêmeas do Inglês</a></li>
<li id="menu-item-48755" class="menu-item menu-item-type-post_type menu-item-object-expert menu-item-48755"><a href="https://fluency.io/br/professores/lilian-bittencourt/">Lilian Bittencourt</a></li>
<li id="menu-item-48756" class="menu-item menu-item-type-post_type menu-item-object-expert menu-item-48756"><a href="https://fluency.io/br/professores/tiago-rocha/">Tiago Rocha</a></li>
</ul> </div>
<div class="footer-column">
<p class="menu-title">Fluency Academy</p>
<ul id="menu-footer-fluency-academy" class="menu-primary"><li id="menu-item-105088" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105088"><a href="https://fluency.io/br/talks/">Curso de Conversação</a></li>
<li id="menu-item-79142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79142"><a href="https://fluency.io/br/trabalhe-conosco/">Trabalhe Conosco</a></li>
<li id="menu-item-100855" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100855"><a href="https://fluency.io/br/imprensa/">Imprensa</a></li>
<li id="menu-item-73947" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73947"><a href="https://help.fluency.io">Suporte</a></li>
<li id="menu-item-70337" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70337"><a href="https://fluency.io/br/corporate/">Fluency para Empresas</a></li>
<li id="menu-item-77751" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77751"><a href="https://fluency.io/br/pocket/">Fluency Pocket</a></li>
<li id="menu-item-73948" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73948"><a href="https://awari.com.br/?utm_source=fluency+footer&utm_campaign=fluency+footer">Awari by Fluency</a></li>
<li id="menu-item-73968" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73968"><a href="https://fluency.io/br/termos/">Termos de Uso e Privacidade</a></li>
<li id="menu-item-93649" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-93649"><a href="https://kit.fluency.io/br/fa/creatorsclub/alunos?utm_medium=organic">Seja um embaixador Fluency</a></li>
</ul> </div>
<div class="footer-column">
<p class="menu-title">Conteúdos Gratuitos</p>
<ul id="menu-footer-conteudos-gratuitos" class="menu-primary"><li id="menu-item-73949" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-73949"><a href="https://fluency.io/br/blog/">Blog</a></li>
<li id="menu-item-73950" class="menu-item menu-item-type-taxonomy menu-item-object-format menu-item-73950"><a href="https://fluency.io/br/blog/formato/videos/">Aulas</a></li>
<li id="menu-item-73952" class="menu-item menu-item-type-taxonomy menu-item-object-format menu-item-73952"><a href="https://fluency.io/br/blog/formato/podcast/">Podcast</a></li>
<li id="menu-item-73953" class="menu-item menu-item-type-taxonomy menu-item-object-format menu-item-73953"><a href="https://fluency.io/br/blog/formato/artigos/">Artigos</a></li>
<li id="menu-item-73954" class="menu-item menu-item-type-taxonomy menu-item-object-format menu-item-73954"><a href="https://fluency.io/br/blog/formato/ebooks/">eBooks</a></li>
</ul> <p class="menu-title why-fluency">Por que Fluency?</p>
<ul id="menu-footer-por-que-fluency" class="menu-primary"><li id="menu-item-73955" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73955"><a href="https://fluency.io/br/sobre-nos-2/">Nossa História</a></li>
</ul> </div>
<div class="footer-column">
<p class="menu-title">Suporte</p>
<p class="whatsapp mb-4" style="padding-left: 0;">
<a href="https://help.fluency.io/" target="_blank">FAQ & Suporte</a>
</p>
<p class="whatsapp-text">Fala com a gente por Whatsapp!</p>
<div class="whatsapp">
<a href="https://api.whatsapp.com/send/?phone=5541999783014&text&type=phone_number&app_absent=0" target="_blank">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Whatsapp" alt="Whatsapp" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/whatsapp.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/whatsapp.svg" title="Whatsapp" alt="Whatsapp"></noscript>
<p>+55 (41) 99978-3014</p>
</a>
</div>
<div class="redes-sociais">
<a href="https://www.instagram.com/fluencyingles.br/" target="_blank">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Instagram" alt="Instagram" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/instagram-white.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/instagram-white.svg" title="Instagram" alt="Instagram"></noscript>
</a>
<a href="https://www.youtube.com/@FluencyInglesBr" target="_blank">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Youtube" alt="Youtube" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/youtube-white.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/youtube-white.svg" title="Youtube" alt="Youtube"></noscript>
</a>
<a href="https://www.tiktok.com/@fluencyingles.br" target="_blank">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Tiktok" alt="Tiktok" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/tiktok-white.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/icons/tiktok-white.svg" title="Tiktok" alt="Tiktok"></noscript>
</a>
</div>
<div class="c-language-selector">
<a href="#" class="handle-multisite handle-multisite-footer">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" class="arrow" title="Arrow Down" alt="Arrow Down" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/assets/images/icons/arrow-down.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/assets/images/icons/arrow-down.svg" class="arrow" title="Arrow Down" alt="Arrow Down"></noscript>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Globe Flag" alt="Globe Flag" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/globe.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/flags/globe.svg" title="Globe Flag" alt="Globe Flag"></noscript>
<span>PT</span>
</a>
<div class="box-multisite box-multisite-footer">
<a href="#" class="close-multisite-menu close-multisite-menu-footer">X</a>
<div class="box">
<ul>
<li class="">
<a href="https://fluency.io/">
<span>English</span>
</a>
</li>
<li class="">
<a href="https://fluency.io/es/">
<span>Español</span>
</a>
</li>
<li class="active">
<a href="https://fluency.io/br/">
<span>Português</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-container-menu">
<div class="menu-footer-segundo-nivel-container"><ul id="menu-footer-segundo-nivel" class="menu"><li id="menu-item-112619" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-112619"><a href="#">Fluency perto de você</a>
<ul class="sub-menu">
<li id="menu-item-200349" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200349"><a href="https://fluency.io/br/regiao/sp/curso-de-ingles-sao-paulo/">Curso de inglês em São Paulo</a></li>
<li id="menu-item-200327" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200327"><a href="https://fluency.io/br/regiao/mg/curso-de-ingles-belo-horizonte/">Curso de inglês em Belo Horizonte</a></li>
<li id="menu-item-200328" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200328"><a href="https://fluency.io/br/regiao/rj/curso-de-ingles-rio-de-janeiro/">Curso de inglês no Rio de Janeiro</a></li>
<li id="menu-item-200336" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200336"><a href="https://fluency.io/br/regiao/ba/salvador/">Curso de inglês em Salvador</a></li>
<li id="menu-item-200337" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200337"><a href="https://fluency.io/br/regiao/rs/porto-alegre/">Curso de inglês em Porto Alegre</a></li>
<li id="menu-item-200338" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200338"><a href="https://fluency.io/br/regiao/pe/recife/">Curso de inglês em Recife</a></li>
<li id="menu-item-200339" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200339"><a href="https://fluency.io/br/regiao/ce/fortaleza/">Curso de inglês em Fortaleza</a></li>
<li id="menu-item-200341" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200341"><a href="https://fluency.io/br/regiao/pa/belem/">Curso de inglês em Belém</a></li>
<li id="menu-item-200340" class="menu-item menu-item-type-post_type menu-item-object-regiao menu-item-200340"><a href="https://fluency.io/br/regiao/sc/florianopolis/">Curso de inglês em Florianópolis</a></li>
</ul>
</li>
<li id="menu-item-112621" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-112621"><a href="#">Blog</a>
<ul class="sub-menu">
<li id="menu-item-200374" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-200374"><a href="https://fluency.io/br/blog/melhores-cursos-de-ingles-online/">Melhores Cursos de Inglês</a></li>
<li id="menu-item-112637" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112637"><a href="https://fluency.io/br/blog/frases-em-ingles/">Frases em inglês</a></li>
<li id="menu-item-112638" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112638"><a href="https://fluency.io/br/blog/apelidos-em-ingles/">Apelidos em inglês</a></li>
<li id="menu-item-112639" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112639"><a href="https://fluency.io/br/blog/nomes-coreanos-femininos/">Nomes coreanos femininos</a></li>
<li id="menu-item-112640" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112640"><a href="https://fluency.io/br/blog/nomes-chineses-masculinos/">Nomes chineses masculinos</a></li>
<li id="menu-item-112641" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112641"><a href="https://fluency.io/br/blog/sobrenomes-coreanos/">Sobrenomes Coreanos</a></li>
<li id="menu-item-112642" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112642"><a href="https://fluency.io/br/blog/nomes-em-frances/">Nomes em Francês</a></li>
<li id="menu-item-112643" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112643"><a href="https://fluency.io/br/blog/nomes-coreanos-masculinos/">Nomes coreanos masculinos</a></li>
<li id="menu-item-112644" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112644"><a href="https://fluency.io/br/blog/sobrenomes-japoneses/">Sobrenomes japoneses</a></li>
<li id="menu-item-112645" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112645"><a href="https://fluency.io/br/blog/sobrenomes-em-frances/">Sobrenomes em Francês</a></li>
<li id="menu-item-112646" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112646"><a href="https://fluency.io/br/blog/nomes-chineses-femininos/">Nomes chineses Femininos</a></li>
</ul>
</li>
<li id="menu-item-112622" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-112622"><a href="#">Conteúdos e oportunidades</a>
<ul class="sub-menu">
<li id="menu-item-200351" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200351"><a href="https://fluency.io/br/talks/curso-de-conversacao-em-ingles/">Curso de Conversação em inglês</a></li>
<li id="menu-item-200350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200350"><a href="https://fluency.io/br/talks/professor-de-ingles-particular/">Professor de inglês particular</a></li>
<li id="menu-item-200352" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-200352"><a href="https://fluency.io/br/blog/black-friday-ingles-curso/">Black Friday Curso de inglês 2025</a></li>
</ul>
</li>
</ul></div> </div>
</div>
</footer>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-12">
<div class="copyright-content">
<div class="copy">© Fluency Academy 2025</div>
<!-- <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" title="Logo Footer" alt="Logo Footer" data-lazy-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/logo-footer.svg"><noscript><img src="https://fluency.io/br/wp-content/themes/fluency-io/dist/images/logo-footer.svg" title="Logo Footer" alt="Logo Footer"></noscript> -->
<svg width="140" height="46" viewBox="0 0 110 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M60.6644 0.5C56.5251 0.5 53.8645 3.38133 53.8645 7.16185V25.0734H58.1425V7.16185C58.1425 5.74416 59.2384 4.65463 60.6644 4.65463C62.0904 4.65463 63.1863 5.74416 63.1863 7.16185V25.0734H67.4643V7.16185C67.4643 3.38133 64.8038 0.5 60.6644 0.5Z" fill="white"/>
<path d="M17.2638 18.8381V0.920057H12.9792V18.8381C12.9792 22.2774 15.7916 25.0799 19.2576 25.0799H22.4859V20.8203H19.2576C18.1617 20.8203 17.2704 19.9342 17.2704 18.8447L17.2638 18.8381Z" fill="white"/>
<path d="M34.0061 18.7988C34.0061 20.2033 33.062 21.2863 31.6492 21.2863C30.2364 21.2863 29.2923 20.2099 29.2923 18.7988V0.920057H25.0474V18.6084C25.0474 22.7828 27.6419 25.5 31.6492 25.5C35.6565 25.5 38.251 22.7828 38.251 18.6084V0.920057H34.0061V18.7988Z" fill="white"/>
<path d="M48.2859 14.0797C46.2988 14.0797 45.1171 15.773 45.1171 17.6042H45.1237C45.1237 19.4354 46.6355 20.8925 48.2925 20.8925H50.7022V25.0734H48.385C44.2258 25.0734 40.8193 22.1592 40.8193 17.7421C40.8193 15.3005 42.001 13.1346 43.8429 12.196C42.1396 11.4478 40.8193 9.80034 40.8193 7.4047C40.8193 3.68981 43.9353 0.920057 47.4343 0.920057H50.6494V5.15345H47.5795C46.0677 5.15345 45.1237 6.13796 45.1237 7.50315C45.1237 8.86834 46.0677 9.85285 47.5795 9.85285H50.6494V14.0797H48.2859Z" fill="white"/>
<path d="M74.3434 12.9967C74.3434 17.8143 77.9414 21.2994 82.4043 21.2994C86.0947 21.2994 89.2174 18.9103 90.3199 15.5236L94.2084 16.8101C92.2872 22.4874 88.0687 25.4934 82.5957 25.4934C75.162 25.4934 70.0258 19.9145 70.0258 12.9967C70.0258 5.65227 75.5912 0.5 82.3581 0.5C87.7848 0.5 92.34 3.78826 94.0697 8.70425L90.1812 10.181C89.0325 6.9387 85.9561 4.69401 82.5033 4.69401C77.849 4.69401 74.3434 8.17918 74.3434 12.9967Z" fill="white"/>
<path d="M105.676 0.920057V12.0056C105.465 13.1346 104.593 13.9418 103.372 13.9418C101.913 13.9418 101.015 12.8654 101.015 11.4609V0.920057H96.7765V11.2705C96.7765 15.4383 99.3644 18.1556 103.372 18.1556C103.986 18.1556 104.56 18.0834 105.108 17.9587C103.722 19.652 101.457 20.7743 99.2456 20.7743H96.7765V25.0734H99.2456C105.174 25.0734 110 20.2755 110 14.3816V0.920057H105.676Z" fill="white"/>
<path d="M3.01704 12.1763C1.32037 11.4215 0 9.78065 0 7.39157C0 3.68981 3.10947 0.920057 6.59524 0.920057H9.80374V5.14033H6.74048C5.23526 5.14033 4.2912 6.12484 4.2912 7.48346C4.2912 8.84208 5.22866 9.82659 6.74048 9.82659H9.80374V14.0469H7.44688C5.46633 14.0469 4.2846 15.7337 4.2846 17.5648V25.0799H0V17.5648C0.0462129 15.1823 1.21474 13.0952 3.01704 12.1763Z" fill="white"/>
</svg>
</div>
</div>
</div>
</div>
</div>
<section id="form-geral-modal">
<a href="#" class="close-modal-form-geral">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
<rect x="13.4351" y="0.0754395" width="2" height="19" transform="rotate(45 13.4351 0.0754395)" fill="#4D4D4D"/>
<rect x="14.8491" y="13.5105" width="2" height="19" transform="rotate(135 14.8491 13.5105)" fill="#4D4D4D"/>
</svg>
</a>
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="content">
<div class="texts">
<div class="texto">inscreva-se</div>
<h4>Entre para a próxima turma com bônus exclusivos</h4>
<p>Faça parte da maior escola de idiomas do mundo com os professores mais amados da internet.</p>
<div class="beneficios" >
<div class="beneficio">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M18.9905 19.9443H19M18.9905 19.9443C18.3678 20.5618 17.2393 20.408 16.4479 20.408C15.4765 20.408 15.0087 20.598 14.3154 21.2913C13.7251 21.8817 12.9337 22.9443 12 22.9443C11.0663 22.9443 10.2749 21.8817 9.68457 21.2913C8.99128 20.598 8.52349 20.408 7.55206 20.408C6.76068 20.408 5.63218 20.5618 5.00949 19.9443C4.38181 19.3219 4.53628 18.1887 4.53628 17.3922C4.53628 16.3857 4.31616 15.9229 3.59938 15.2061C2.53314 14.1399 2.00002 13.6067 2 12.9443C2.00001 12.2818 2.53312 11.7487 3.59935 10.6825C4.2392 10.0427 4.53628 9.40862 4.53628 8.4964C4.53628 7.70499 4.38249 6.57648 5 5.95378C5.62243 5.32612 6.7556 5.4806 7.55208 5.4806C8.46427 5.4806 9.09832 5.18354 9.73815 4.54371C10.8044 3.47746 11.3375 2.94434 12 2.94434C12.6625 2.94434 13.1956 3.47746 14.2618 4.54371C14.9015 5.18341 15.5355 5.4806 16.4479 5.4806C17.2393 5.4806 18.3679 5.32681 18.9906 5.94434C19.6182 6.56677 19.4637 7.69993 19.4637 8.4964C19.4637 9.50292 19.6839 9.96571 20.4006 10.6825C21.4669 11.7487 22 12.2818 22 12.9443C22 13.6067 21.4669 14.1399 20.4006 15.2061C19.6838 15.9229 19.4637 16.3857 19.4637 17.3922C19.4637 18.1887 19.6182 19.3219 18.9905 19.9443Z" stroke="#FF377D" stroke-width="2"/>
<path d="M9 13.8372C9 13.8372 10.2 14.489 10.8 15.4443C10.8 15.4443 12.6 11.6943 15 10.4443" stroke="#FF377D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="b-texto">Curso completo do básico ao avançado</div>
</div>
<div class="beneficio">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M18.9905 19.9443H19M18.9905 19.9443C18.3678 20.5618 17.2393 20.408 16.4479 20.408C15.4765 20.408 15.0087 20.598 14.3154 21.2913C13.7251 21.8817 12.9337 22.9443 12 22.9443C11.0663 22.9443 10.2749 21.8817 9.68457 21.2913C8.99128 20.598 8.52349 20.408 7.55206 20.408C6.76068 20.408 5.63218 20.5618 5.00949 19.9443C4.38181 19.3219 4.53628 18.1887 4.53628 17.3922C4.53628 16.3857 4.31616 15.9229 3.59938 15.2061C2.53314 14.1399 2.00002 13.6067 2 12.9443C2.00001 12.2818 2.53312 11.7487 3.59935 10.6825C4.2392 10.0427 4.53628 9.40862 4.53628 8.4964C4.53628 7.70499 4.38249 6.57648 5 5.95378C5.62243 5.32612 6.7556 5.4806 7.55208 5.4806C8.46427 5.4806 9.09832 5.18354 9.73815 4.54371C10.8044 3.47746 11.3375 2.94434 12 2.94434C12.6625 2.94434 13.1956 3.47746 14.2618 4.54371C14.9015 5.18341 15.5355 5.4806 16.4479 5.4806C17.2393 5.4806 18.3679 5.32681 18.9906 5.94434C19.6182 6.56677 19.4637 7.69993 19.4637 8.4964C19.4637 9.50292 19.6839 9.96571 20.4006 10.6825C21.4669 11.7487 22 12.2818 22 12.9443C22 13.6067 21.4669 14.1399 20.4006 15.2061C19.6838 15.9229 19.4637 16.3857 19.4637 17.3922C19.4637 18.1887 19.6182 19.3219 18.9905 19.9443Z" stroke="#FF377D" stroke-width="2"/>
<path d="M9 13.8372C9 13.8372 10.2 14.489 10.8 15.4443C10.8 15.4443 12.6 11.6943 15 10.4443" stroke="#FF377D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="b-texto">Aplicativo de memorização para lembrar de tudo que aprendeu</div>
</div>
<div class="beneficio">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M18.9905 19.9443H19M18.9905 19.9443C18.3678 20.5618 17.2393 20.408 16.4479 20.408C15.4765 20.408 15.0087 20.598 14.3154 21.2913C13.7251 21.8817 12.9337 22.9443 12 22.9443C11.0663 22.9443 10.2749 21.8817 9.68457 21.2913C8.99128 20.598 8.52349 20.408 7.55206 20.408C6.76068 20.408 5.63218 20.5618 5.00949 19.9443C4.38181 19.3219 4.53628 18.1887 4.53628 17.3922C4.53628 16.3857 4.31616 15.9229 3.59938 15.2061C2.53314 14.1399 2.00002 13.6067 2 12.9443C2.00001 12.2818 2.53312 11.7487 3.59935 10.6825C4.2392 10.0427 4.53628 9.40862 4.53628 8.4964C4.53628 7.70499 4.38249 6.57648 5 5.95378C5.62243 5.32612 6.7556 5.4806 7.55208 5.4806C8.46427 5.4806 9.09832 5.18354 9.73815 4.54371C10.8044 3.47746 11.3375 2.94434 12 2.94434C12.6625 2.94434 13.1956 3.47746 14.2618 4.54371C14.9015 5.18341 15.5355 5.4806 16.4479 5.4806C17.2393 5.4806 18.3679 5.32681 18.9906 5.94434C19.6182 6.56677 19.4637 7.69993 19.4637 8.4964C19.4637 9.50292 19.6839 9.96571 20.4006 10.6825C21.4669 11.7487 22 12.2818 22 12.9443C22 13.6067 21.4669 14.1399 20.4006 15.2061C19.6838 15.9229 19.4637 16.3857 19.4637 17.3922C19.4637 18.1887 19.6182 19.3219 18.9905 19.9443Z" stroke="#FF377D" stroke-width="2"/>
<path d="M9 13.8372C9 13.8372 10.2 14.489 10.8 15.4443C10.8 15.4443 12.6 11.6943 15 10.4443" stroke="#FF377D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="b-texto">Aulas de conversação para destravar um novo idioma</div>
</div>
<div class="beneficio">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M18.9905 19.9443H19M18.9905 19.9443C18.3678 20.5618 17.2393 20.408 16.4479 20.408C15.4765 20.408 15.0087 20.598 14.3154 21.2913C13.7251 21.8817 12.9337 22.9443 12 22.9443C11.0663 22.9443 10.2749 21.8817 9.68457 21.2913C8.99128 20.598 8.52349 20.408 7.55206 20.408C6.76068 20.408 5.63218 20.5618 5.00949 19.9443C4.38181 19.3219 4.53628 18.1887 4.53628 17.3922C4.53628 16.3857 4.31616 15.9229 3.59938 15.2061C2.53314 14.1399 2.00002 13.6067 2 12.9443C2.00001 12.2818 2.53312 11.7487 3.59935 10.6825C4.2392 10.0427 4.53628 9.40862 4.53628 8.4964C4.53628 7.70499 4.38249 6.57648 5 5.95378C5.62243 5.32612 6.7556 5.4806 7.55208 5.4806C8.46427 5.4806 9.09832 5.18354 9.73815 4.54371C10.8044 3.47746 11.3375 2.94434 12 2.94434C12.6625 2.94434 13.1956 3.47746 14.2618 4.54371C14.9015 5.18341 15.5355 5.4806 16.4479 5.4806C17.2393 5.4806 18.3679 5.32681 18.9906 5.94434C19.6182 6.56677 19.4637 7.69993 19.4637 8.4964C19.4637 9.50292 19.6839 9.96571 20.4006 10.6825C21.4669 11.7487 22 12.2818 22 12.9443C22 13.6067 21.4669 14.1399 20.4006 15.2061C19.6838 15.9229 19.4637 16.3857 19.4637 17.3922C19.4637 18.1887 19.6182 19.3219 18.9905 19.9443Z" stroke="#FF377D" stroke-width="2"/>
<path d="M9 13.8372C9 13.8372 10.2 14.489 10.8 15.4443C10.8 15.4443 12.6 11.6943 15 10.4443" stroke="#FF377D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="b-texto">Certificado reconhecido no mercado</div>
</div>
</div>
</div>
<div class="form">
<form id="form-geral" class="form-geral"
data-leadsource="Fluency - Lista de espera - ORG"
data-thankyou="https://facademy.short.gy/ecomm_naoalunos_megablack_fluency?name=[lead_name]&email=[lead_email]&phonenumber=[lead_phone]">
<div class="input">
<div class="top">
<div class="label">Nome*</div>
<div class="example">Ex.: João Santos</div>
</div>
<input type="text" class="input-b2b" id="name" name="name" placeholder="Digite seu nome completo">
</div>
<div class="input">
<div class="top">
<div class="label">E-mail*</div>
<div class="example">Ex.: email@dominio.com</div>
</div>
<input type="text" id="email" class="input-b2b" name="email" placeholder="Digite seu e-mail">
</div>
<div class="input">
<div class="top">
<div class="label">Telefone*</div>
<div class="example">somente números</div>
</div>
<input id="phone" type="text" class="input-b2b form-geral-phone" name="phone" placeholder="(11) 96123-4567">
</div>
<div class="input d-none">
<div class="top">
<div class="label">Empresa</div>
<div class="example">Ex.: Fluency Academy</div>
</div>
<input type="text" class="input-b2b" id="company" name="company" placeholder="Digite sua empresa">
</div>
<button type="submit" class="btn-submit action_cta" id="form_submitted_modal">
Solicitar Proposta </button>
<span>Ao clicar no botão “Solicitar Proposta”, você concorda com os nossos <a href="https://fluency.io/br/termos/" target="_blank">Termos de Uso</a> e <a href="https://fluency.io/br/termos/" target="_blank">Política de Privacidade.</a></span>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<script type="rocketlazyloadscript">
(function($) {
$('.close-modal-form-geral').click(function(){
$('body').css({"overflow":"auto"});
$('#form-geral-modal').hide();
return false;
});
})(jQuery);
</script>
<div class="loader">
<div class="loader-bullet"></div>
</div>
<script type="rocketlazyloadscript">
(function ($) {
const safeDecode = (v) => {
try { return decodeURIComponent(v); } catch { return v || ''; }
};
const splitName = (n) => {
const [f, ...l] = (n || '').split(' ').filter(Boolean);
return { firstName: f || '', lastName: l.join(' ') || '[undefined]' };
};
const isValidEmail = (e) => /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(e);
const isValidBrazilianDDD = (ddd) => {
const validDDDs = [
'11','12','13','14','15','16','17','18','19','21','22','24','27','28','31','32','33','34','35','37','38',
'41','42','43','44','45','46','47','48','49','51','53','54','55','61','62','64','65','66','67','68','69',
'71','73','74','75','77','79','81','82','83','84','85','86','87','88','89','91','92','93','94','95','96','97','98','99'
];
return validDDDs.includes(ddd);
};
function showError($field, title, text) {
Swal.fire({
icon: 'error',
title: title,
text: text,
timer: 2000,
didClose: () => setTimeout(() => $field.trigger('focus'), 100)
});
}
function initLeadForm(formSelector) {
const $form = $(formSelector);
if (!$form.length) return;
const $name = $form.find('input[name="name"]');
const $email = $form.find('input[name="email"]');
const $phone = $form.find('input[name="phone"]');
const $btn = $form.find('[type="submit"]');
if (!$name.length || !$email.length || !$phone.length) return;
// intlTelInput setup
let iti = null;
if (window.intlTelInput && !$phone.data('iti-initialized')) {
iti = window.intlTelInput($phone[0], {
initialCountry: 'br',
preferredCountries: ['br', 'us', 'gb', 'mx', 'pt'],
separateDialCode: true,
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/utils.js',
});
$phone.data('iti-initialized', true);
$phone.data('iti-instance', iti);
const applyMask = (cc) => {
const masks = {
br: ['(00) 00000-0000'],
us: ['(000) 000-0000'],
mx: ['00 0000 0000'],
pt: ['000 000 000'],
gb: ['00000 000000'],
};
const placeholders = {
br: 'DDD + WhatsApp',
us: '(123) 456-7890',
mx: '55 1234 5678',
pt: '912 345 678',
gb: '07123 456789',
};
const mask = masks[cc]?.[0] || '000000000000';
const placeholder = placeholders[cc] || 'Número de telefone';
setTimeout(() => {
if ($.fn.mask) {
if ($phone.data('mask')) $phone.unmask();
$phone.mask(mask, { clearIfNotMatch: false });
}
$phone.attr('placeholder', placeholder);
}, 100);
};
applyMask(iti.getSelectedCountryData().iso2);
$phone.on('countrychange', function () {
const newCountry = iti.getSelectedCountryData().iso2;
applyMask(newCountry);
});
}
$form.on('submit', function (e) {
e.preventDefault();
e.stopPropagation();
const fullName = $name.val().trim();
const email = $email.val().trim();
const phoneDigits = $phone.val().replace(/\D/g, '');
const itiInstance = $phone.data('iti-instance');
const ddi = itiInstance ? itiInstance.getSelectedCountryData().dialCode : '55';
if (!fullName || fullName.length < 3) {
showError($name, 'Nome inválido', 'Por favor, preencha seu nome completo.');
return;
}
if (!email || !isValidEmail(email)) {
showError($email, 'E-mail inválido', 'Digite um e-mail válido.');
return;
}
if (!phoneDigits || phoneDigits.length < 8) {
showError($phone, 'Telefone inválido', 'Informe um número válido.');
return;
}
if (ddi === '55') {
const ddd = phoneDigits.substring(0, 2);
const numero = phoneDigits.substring(2);
if (!isValidBrazilianDDD(ddd)) {
showError($phone, 'DDD inválido', `O DDD ${ddd} não é reconhecido no Brasil.`);
return;
}
if (numero.length !== 9 || !numero.startsWith('9')) {
showError($phone, 'Número inválido', 'O celular deve ter 9 dígitos e começar com 9.');
return;
}
}
Swal.fire({
title: '',
allowOutsideClick: false,
allowEscapeKey: false,
showConfirmButton: false,
didOpen: () => Swal.showLoading(),
});
$btn.prop('disabled', true);
var { firstName, lastName } = splitName(fullName);
var leadSource = $form.data('leadsource') || 'Fluency - Lista de Espera - ORG';
var thankYou = $form.data('thankyou') || '/br/obrigado';
var countryData = itiInstance ? itiInstance.getSelectedCountryData() : null;
var locale = countryData && countryData.iso2 ? countryData.iso2.toUpperCase() : 'BR';
thankYou = thankYou.replace('[lead_name]', fullName);
thankYou = thankYou.replace('[lead_email]', email);
thankYou = thankYou.replace('[lead_phone]', phoneDigits);
const payload = {
FirstName: firstName,
LastName: lastName,
Email: email.toLowerCase(),
DDI__c: ddi,
Phone: itiInstance ? itiInstance.getNumber(intlTelInputUtils.numberFormat.E164) : '+55' + phoneDigits,
LeadSource: leadSource,
legacy__c: 'sf',
legacyTag__c: leadSource,
utmCampaign__c: safeDecode(localStorage.getItem('utm_campaign')),
utmSource__c: safeDecode(localStorage.getItem('utm_source')),
utmContent__c: safeDecode(localStorage.getItem('utm_content')),
utmMedium__c: safeDecode(localStorage.getItem('utm_medium')),
utmTerm__c: safeDecode(localStorage.getItem('utm_term')),
leadAction__c: 'GENERAL',
Locale__c: locale,
url_source: window.location.href
};
window.dataLayer = window.dataLayer || [];
if ($form.attr('id') === 'form-hero') {
window.dataLayer.push({event: 'form_submitted_home'});
} else if ($form.attr('id') === 'form-seo-local') {
window.dataLayer.push({event: 'form_submitted_local'});
} else {
window.dataLayer.push({event: 'formSubmitted'});
}
$.ajax({
url: 'https://a1kwvi4x0g.execute-api.us-east-1.amazonaws.com/v1/lead',
method: 'POST',
headers: { 'Content-Type': 'application/json' },
data: JSON.stringify(payload),
timeout: 20000
})
.done(() => {
if (Swal.isVisible()) Swal.close();
window.location.href = thankYou;
console.log(payload);
})
.fail(() => {
if (Swal.isVisible()) Swal.close();
Swal.fire({
icon: 'error',
title: 'Ops, algo deu errado',
text: 'Tente novamente em instantes.'
});
})
.always(() => $btn.prop('disabled', false));
});
}
$(function() {
initLeadForm('#form-hero');
initLeadForm('#form-geral');
initLeadForm('#form-popup-new');
initLeadForm('#form-popup-new-exit');
initLeadForm('#form-seo-local');
});
})(jQuery);
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/owl.carousel.min.js"></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/br/*"},{"not":{"href_matches":["/br/wp-*.php","/br/wp-admin/*","/br/wp-content/uploads/sites/3/*","/br/wp-content/*","/br/wp-content/plugins/*","/br/wp-content/themes/fluency-io/*","/br/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|http://(/%5B/%5D+)?/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://fluency.io/br","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script type="rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
//# sourceURL=rocket-preload-links-js-after
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://fluency.io/br/wp-content/themes/fluency-io/dist/js/main.min.js?ver=2.14.1" id="main-js-js"></script>
<script type="rocketlazyloadscript" data-rocket-src="https://fluency.io/br/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
<script type="rocketlazyloadscript" data-rocket-src="https://fluency.io/br/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
<script type="rocketlazyloadscript" id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://fluency.io/br/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4" id="swv-js"></script>
<script type="rocketlazyloadscript" id="contact-form-7-js-translations">
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2025-05-19 13:41:20+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"pt_BR"},"Error:":["Erro:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
</script>
<script type="rocketlazyloadscript" id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/fluency.io\/br\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
//# sourceURL=contact-form-7-js-before
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://fluency.io/br/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4" id="contact-form-7-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://fluency.io/br/wp-includes/js/wp-emoji-release.min.js?ver=04d58ccf92ea03d4285bb24ea68f92b2"}}
</script>
<script type="rocketlazyloadscript" data-rocket-type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://fluency.io/br/wp-includes/js/wp-emoji-loader.min.js
</script>
<!-- Cookie Notice plugin v2.5.10 by Hu-manity.co https://hu-manity.co/ -->
<div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">Nós utilizamos cookies para garantir que você tenha a melhor experiência em nosso site. Se você continua a usar este site, assumimos que você está satisfeito.</span><span id="cn-notice-buttons" class="cn-buttons-container"><button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</button></span><button type="button" id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" aria-label="Não"></button></div>
</div>
<!-- / Cookie Notice plugin --><script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://fluency.io/br/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1765521332 --> 
Curso de Inglês
Curso de Espanhol
Curso de Francês
Curso de Mandarim
Curso de Italiano
Curso de Japonês
Curso de Alemão
Curso de Coreano
Blog 
Podcast 
Lives 
Aulas 
eBooks 
Minicursos
