Como salvar dados de um formulário HTML em uma planilha do Google | HTML, CSS e JavaScript Tutorial

Fala, pessoas! Nesse vídeo você vai aprender como salvar os dados de um formulário HTML em uma planilha do Google.

No vídeo eu mostro duas formas. Uma mais simples, apenas mexendo no HTML e outra forma mais avançada onde usamos JavaScript. E de bônus ainda mostro como fazer uma animação simples usando CSS.

Veja também:

Criando uma aplicação React do zero:

Ativando Font Ligatures no vsCode:

Etapas do vídeo:

00:00:00 - Explicação Inicial (Importante!)
00:00:41 - Sheet Monkey
00:02:16 - Forma simplificada
00:04:01 - Forma avançada
00:11:38 - Criando animação CSS
00:16:41 - Criando função para adicionar Loading
00:18:34 - Adicionando Loading ao enviar formulário
00:19:33 - Criando função para remover Loading
00:20:34 - Removendo Loading ao concluir o envio dos dados
00:23:40 - Final

[elizeucorrea]

Se você criasse um quadro onde você faz um site do zero bem simples, mas que dê de fazer uma conta com login e tudo mais... Seria muito legal. Acompanharia com muita atenção.

[odonlfm]

Cara, é um absurdo este tipo de conteúdo! Muito obrigado por contribuir tanto para comunidade!

[SNLR]

Boa tarde! Querido esse vídeo é maravilhoso, tudo em seu devido lugar, parabéns! Baseado neste vídeo não teria como dar continuidade e nos orientar/ensinar a extrair os dados da mesma planilha que criamos. Para exibi-los de uma forma mais elegante... Muito obrigado!

[emanoelsena]

Muito obrigado por partilhar um pouco do seu tempo e conhecimento conosco!

[yanferreira]

Conteudo incrível!! To entrando no rumo de programação e seus videos estão me ajudando muito, valeu mesmo!

[igorluyz_]

Gostei muito da sua didática. Excelente explicação, cada passo a passo detalhado. Parabéns!

[rafasennin]

Muito obrigado pela ajuda !!

Gastei muito tempo tentando captar os dados de um formulário, e não cheguei a lugar nenhum. Já tinha até desistido pensado que só seria possível com banco de dados, php, e finalmente uma solução prática, otimizada e resolutiva.
Nota 1000...👍👍

[GoliankKatiUchaDiedy]

Excelente... uma continuação dom temas variados será de grande proveito!

[otaldanielpereira]

Cara!! Incrível seu conteúdo, eu estava buscando algo pra implementar num projeto pessoal ligado a formulários, e seu vídeo caiu como uma luva! Ganhou um inscrito fiel! Gratidão 🙏🏻

[psduck]

Parabéns pela didática. Traz mais vídeos de CSS ajuda muito valeu...👊

[ronaldoborges]

Porra canal da hora fio, direto objetivo atualizado. Parabéns 👏👏👏👏👏🎆🎆🎆

[walney]

quero aprender mais sobre css e javascript, nem sabia que dava para ser feito tanto como aquele pokedex, show

[luizvitor]

recentemente fiz uma aplicação com api do openAI e com banco de dados no excel usando api do vídeo. Excelente dica! valeu

[ericnevesr]

Cara, que canal incrível, excelente didática!

[novoeu]

O cara e brabo além de dar aula de js ainda ensina css

[jhonbreno]

Obrigado!
Ajudou a implementar o formulário do meu primeiro projeto.

#ProfissãoProgramador

[marlonberaldo]

Foda demais!! Traz mais videos com banco de dados assim, , explica bem demais!!

[tallesmayk]

Cara, procurei por muito tempo uma solução como essa, até que você chegou na minha vida muito obrigado! Mais 1 inscrito

[luizsandoly]

bom maninho, to adorando o canal!!! tem quebrado um galho e tanto, valeuuuu!!!

[adevaldosantos]

conteúdo incrível!!! Muito obrigado!! mais um inscrito