até o momento a gente só utilizou códigos em PHP onde as variáveis já recebiam valores digitados diretamente no código agora a gente vai começar a aprender como começar a puxar dados de formulários HTML e começar a ter programas ainda mais dinâmicos criados em PHP [Música] Olá pequeno gafanhoto seja muito bem-vindo muito bem-vinda a mais uma aula aqui do seu curso em vídeo de PHP moderno o meu nome é Gustavo Guanabara eu sou seu professor e até a aula passada a gente fazia assim variável tal recebe o valor tal por exemplo vai levar o nome recebe André variabilidade recebe 25 E se eu não quiser André se eu não quiser 25 e se eu quiser deixar o usuário digital próprio nome dele a própria idade dele e jogar isso dentro de um inscrito de PHP isso seria mais interessante seria mais dinâmico e é exatamente isso que a gente começa a aprender nesse vídeo exatamente nessa aula eu vou dar uma relembrada aqui no que a gente aprendeu em HTML vou dar uma recordada vou dar uma revisão de formulário coisa rápida nem vou utilizar todos os elementos nem todos os controles se você quiser mais informações sobre formulários HTML e seus controles dá uma olhada no nosso curso de html se eu não me engano é no módulo 4 onde eu ensino formulários mas se você já sabe fazer HTML né já sabe vamos lá já lembro de tudo fica ligado até o final desse vídeo não pula porque eu vou te dar um código de CSS para tornar as nossas páginas bem mais bonitas a partir de agora e antes de mais nada deixa eu deixar uma explicação muito importante aqui se você está utilizando o online PHP essa aula específica esse conceito de interação com formulários não vai funcionar diretamente no online PHP Mas não tem problema Você vai continuar aprendendo a base da linguagem a gente não vai conseguir fazer é a interatividade entre formulários fechou mas ainda assim acompanha essa aula Anota tudo deixa tudo bonitinho porque mais para frente você pode ter um servidor né para poder chamar de seu e poder utilizar essa parte aí da matéria e uma coisa importante se por acaso você sabe fazer essa interatividade né fazer um formulário mandar dados né criar um formulário no online PHP mandar dado pegar dado com PHP bota aí nos comentários colabora com a galera compartilha comigo me marca no Twitter me marca no Instagram Geralmente eu sou Guanabara ou Gustavo Guanabara nessas redes Pode me procurar no Twitter eu sou Guanabara no Instagram sou Gustavo Guanabara me marca me manda mensagem se você souber como fazer isso no online PHP Fechou então vamos a um pequeno recado de um dos nossos patrocinadores e logo em seguida a gente volta com uma revisão rapidinho de HTML e também um estilo CSS bonitão a gente utilizar nas aulas a partir de agora E aí você já pensou no seu futuro com certeza você está fazendo esse curso de PHP aqui pensando em alguma coisa mais para frente E que tal você ser um profissional da Marinha ou da Aeronáutica e trabalhar na área de TI Pois foi isso que essa galera que tá aparecendo aqui embaixo fez esses são os alunos aprovados alguns dos alunos aprovados pela galera do explicadores. net no último concurso da Aeronáutica que aconteceu em 2022 e como vocês podem ver aqui nas fotos é um concurso para ambos os sexos e você pode fazer uma prova se você tiver a idade entre 17 e 25 anos e tiver a formação técnica para isso os caras dos pecadores. net leva uma sala de aula para sua casa são aulas 100% online ao vivo com professores experientes no mercado e se por acaso no dia da aula online você tiver algum compromisso não tem problema as aulas ficam gravadas você pode ver quantas vezes quiser até o dia da sua prova então é isso enquanto outros preparatórios aí mostram promessas explicadores.
net vem aqui e mostra um resultado acesse agora QR Code que tá aparecendo na sua tela entre em contato com eles diz que você é um gafanhoto uma gafanhoto aqui do curso em vídeo voltamos agora a sua aula então estamos de volta aqui e como eu disse nós vamos dar uma revisada aqui no funcionamento de formulários e se você vive no planeta Terra se você já utilizou a web alguma vez você sabe o que é um formulário formulário só que elas caixinhas onde você preenche os dados onde os usuários dos sites vão preencher os dados e é importante que se diga aqui como que esses dados vão parar junto ao PHP mas não vamos ver nesse especificamente nessa aula mas nessa aula vai preparar você para isso não pula Anota tudo que com certeza ali na frente você não vai ter problema nenhum em aprender esse tipo de coisa então vamos lá aquela recordação de sempre aquele esquema que eu sempre boto aqui nos slides para você a gente tem a internet a gente tem o cliente a gente tem um servidor o cliente é a pessoa que está acessando o seu site o servidor é aquele que vai entregar o seu site Se você olhar ali o nosso servidor tá preparado para PHP então o cliente vai fazer a solicitação vai fazer um request e o servidor vai responder com o response vai atender a essa requisição com responsa e eu vou colocar aqui nesse servidor que tá aqui pertinho na minha cabeça vou colocar um arquivo HTML não necessariamente precisa ser HTML tá a gente vai fazer formulários em HTML utilizando arquivos php mas nesses primeiros exemplos eu vou manter separado HTML e PHP para você poder entender aí essa mecânica e vamos imaginar que nesse pequeno HTML esse pequeno quadradinho eu vou ampliar dentro desse HTML nós temos um formulário o formulário simples nome sobrenome e um botão de enviar basicamente ali eu tenho um elemento onde está escrito nome é um Label logo embaixo tem uma caixa de texto onde o usuário vai digitar o nome dele depois tem outro Label que é o sobrenome ou outra caixa de texto onde o usuário vai digitar o nome dele e o botão enviar que é o botão de submissão Como eu disse formulário bem simples e algumas coisas que você não pode deixar de ter e formulários Quando você vai utilizar em PHP Quando você vai utilizar em JavaScript ou quando você tá aprendendo só HT você pode esquecer certas coisas no formulário e ele vai entre aspas funcionar na verdade somente em HTML formulário não serve para nada se por acaso você fez o nosso curso de JavaScript você aprendeu no curso de como pegar dados utilizando o que o string utilizando o get Element b então você conseguia pegar dados com o JavaScript para puxar e deixar o cliente processar esses dados acontece que no PHP quem tá processando os dados é o servidor então algumas coisas você não pode esquecer como por exemplo dentro do formulário em si você não pode esquecer o método de envio e a ação o método de envio é como os dados vão ser codificados para poder ser enviados por servidor e o Action é para onde vão ser enviado esses dados outra coisa que não pode faltar em certos elementos como por exemplo principalmente caixas de texto pegar como exemplo aquela caixa de texto ali do sobrenome eu vou ter que colocar o name que é o nome do elemento e o velho tem que ter o velho que é o valor que tá dentro do da Caixa o valor que tá digitado por exemplo então fazer o seguinte ó vou botar naqueles exemplos ali eu tô com formulário nome sobrenome eu vou digitar meu nome e meu sobrenome ali então lá Gustavo meu nome meu sobrenome Guanabara nesse formulário específico que eu tô exemplificando aqui o método de envio que eu vou colocar ali é o método get e o Action vai ser o arquivo card. p por exemplo a gente vai fazer isso na prática só entendo o seguinte eu tenho um formulário com nome e sobrenome eu digitei Gustavo no nome eu usuário né do lado do cliente digitei Gustavo no nome e Guanabara no sobrenome cliquei enviar quando esse dado foi enviado ele vai ser enviado como o método get já já vou te mostrar a diferença entre os métodos então não servidor tem que ter o arquivo cai de ponto PHP que eu representei aqui embaixo agora da forma Rosinha ali outra coisa que o cliente vai ter que enviar é o seguinte olha por exemplo o sobrenome ali o name o nome da Caixa vai ser sobrenome é um name do do elemento Não confunda com o Label de cima e já vai ver no código e o velho sabe o conteúdo da caixa do nosso caso aqui é a Guanabara esta em Guanabara por isso que eu coloquei entre aspas ali uma vez tudo isso identificado ou formulário vai enviar para esse arquivo Card PHP que é o Action E aí o servidor vai ser capaz de processar o que né executar as funcionalidades que foram programadas dentro do script PHP para que pega esse nome Gustavo esse sobrenome Guanabara e faça alguma coisa com ele Então essa é a interatividade de formulários que a gente precisa a gente precisa montar um formulário que vai ser enviado para o cliente o cliente vai preencher vai clicar em enviar esses dados vão ser enviados para o servidor e processados diretamente dele e um resultado é devolvido para o usuário beleza nesse vídeo em específico a gente vai se limitar a mostrar o código dessa parte da esquerda da tela essa parte que é o ponto tirei ali que é a criação do formulário efetivamente enviar os dados para o PHP e ainda com complemento a gente colocar um estilozinho para ficar mais bonito beleza esse estilo você não vai digitar você vai pegar diretamente do nosso nosso repositório e vai colocar no teu código aí beleza então vamos botar a mão na massa regar-se as mangas crie seus arquivos aí Segue o passo a passo mais uma vez é importante não adianta ficar assistindo vídeo cruzou o braço aqui e falou aí ó entendi tudo que ele fez então eu já sei pegar p não você simplesmente assistiu um vídeo entendeu o que eu falei mas você não botou em prática então você não aprendeu ainda pode acreditar quando você for tentar fazer você não vai conseguir então arregaça as mangas mãos à obra e vamos começar o nosso código mais um exercício aqui então vamos lá já estou aqui com a minha pasta com super HP aberta né nesse momento já vou considerar que você já sabe que a gente tem lá o servidor eu tô aqui ó com o zamp aberto e tá rodando a pasta aqui né A única coisa que tá rodando é o Apache e eu tenho aqui o meu servidor meu localhost de PHP tem todos os exercícios aqui de exercício zero atrás exercício três o que eu vou fazer agora é criar o exercício quatro Então vou vir aqui vou criar uma pasta nova é x 004 se você atualizar aqui ó ó vou atualizar já tem o x004 se eu abrir ele tá vazio um diretório vazio porque eu não criei nada ainda primeira coisa que eu vou criar eu vou criar um arquivo dentro de SX 004 Deixei marcado ali vou criar o arquivo index. html e já vou criar aqui o arquivo também é x004 vou criar o arquivo style.
css tá a gente vai fazer esse estágio CSS no final do vídeo tá Então beleza vamos começar a criar o arquivo HTML vou criar aqui ó exclamação para eu criar o código base e vai criar o modelo base aqui vamos colocar PT traço BR para ele ficar em português Brasil vamos botar aqui ó interação com o formulários beleza vou fazer o seguinte aqui ó eu vou criar uma estrutura que Vai facilitar na hora que eu criar o meu CSS já vai entender eu vou separar o meu documento aqui em duas partes berçário header não confunda reder com red red é a parte de configurações do CSS reder ao cabeçalho do meu site é um é um título um cabeçalho dentro desse head Vou colocar aqui um H1 apresente-se para nós é que o cara vai botar o nome e o sobrenome dele o formulário eu vou criar dentro de uma section é minha sessão de formulário lá tá dentro da section eu vou botar assim órmi aí ó quando eu digito forme no visual Studio code ele me diz ó você quer um fome normal um forma com get ou um forme com post esse forma normal se eu clico uniforme na loja só bota o Action não me interessa esse tipo de formulário se eu boto aqui forme ou get ou post não me interessa formulário o que me interessa aqui é o forme com get ou forme compost get post está relacionado ao método do formulário lembra ali alguns segundos atrás eu falei você tem que prestar atenção no formulário qual foi o método que você escolheu né E qual foi o Action que você escolheu então para o formulário tem que ter método e tem que ter Action Então vou botar aqui o método get escolher aqui escolhe o seu também ó ele já criou o Action e o método get aqui o meu Action Como eu disse lá no exemplo vai ser o arquivo cad. p que eu não tenho ainda certo não não criei ainda o arquivocard ponto PHP vou aqui dentro do formulário eu vou criar o meu formulário então como eu disse anteriormente eu tenho o nome e eu tenho sobrenome então vou criar aqui primeiro um Label um Label for vou colocar nome que é primeiro campo né Tá nome Esse nome que tá aqui é o que vai aparecer no formulário tá E esse aqui é o Dame que eu vou criar aqui no meu input meu input vai ser o seguinte ó input quando eu salvo digitei empu aqui vou botar input do tipo text que é do tipo texto né porque o nome é um texto e ele já me sugere colocar um name e colocar um ID o name vai ser nome e o edito também vai ser nome Lembrando que o ID ele é mais utilizado para o Java script e o name eu vou utilizar para o PHP para você ter uma ideia aqui eu vou chamar meu ID de ID nome tá só pra gente poder diferenciar então Já criei aqui o meu primeiro campo eu tenho lable e eu tenho uma caixa de texto vamos ver se funcionando eu venho aqui no Exercício quatro e eu já tenho um arquivo index né então eu já tenho lá o nome e eu posso botar o nome aqui ó Gustavo certo já comecei a criar a interatividade Vamos criar o sobrenome também o sobrenome vou botar outro lable for snome vou estar sobrenome mesmo é o meu name que eu vou colocar lá embaixo botar isso sobrenome vamos colocar um input do mesmo tipo do tipo text então rolo aqui ó tem podcast que ele já vai preencher sobrenome e no ID eu quero ID sobrenome no caso do PHP o ID nem é tão necessário eu estou colocando né porque mais para frente você vai vai tomar mais tarde precisar de uma prevalidação de JavaScript local e aí o ID Vai ser necessário então eu já coloco vamos voltar aqui e ver o resultado a lá nome e sobrenome por enquanto tá feio tá já já vai ficar bonito Vou botar aqui ó Gustavo é o nome sobrenome Guanabara falta o botão de enviar né o botão de enviar nós vamos fazer da seguinte maneira vamos colocar outro input Só que nesse caso não vai ser o inputido de text vai ser um input do tipo submet que é submeter o botão de submissão e o velho que tá aqui que eu venho escrito dentro do formulário né do botão vai ser enviar quando eu voltar aqui atualizar agora eu tenho um nome tenho sobrenome e tenho enviar se eu digitar Gustavo botar aqui Guanabara e botar enviar ele vai dar um erro já vou te mostrar ó clicar em enviar ele deu um erro que erro é esse Guanabara Ele tá dizendo ó que a URL requisitada não foi encontrada no server Qual o URL foi requisitada é só você olhar aqui no código Qual foi o Action no formulário o etc no formulário foi cad. php não existe simplesmente o arquivo cara de PHP a gente já vai resolver isso no próximo vídeo a gente vai criar o cara de PHP e vai tratar né esse problema para finalizar o que eu vou fazer o seguinte ó o formulário tá muito feio tá só que eu não vou ficar dando aula de CSS aqui lembrando em cima da minha cabeça sempre tem a Playlist dos cursos de PHP do curso de html o primeiro módulo e o custo de JavaScript no curso de html Eu Já ensinei HTML Já ensinei CSS né eu já fiz bastante coisa se você não está fazendo esse curso não tem problema você pode continuar fazendo de terapia mas já coloca na tua lista e bota no teu radar de fazer esse curso de html de CSS porque ele é muito importante para você principalmente você quer desenvolver em PHP então se você não fez ou se você já fez há muito tempo e não lembra não se esquece acompanha com a gente aqui é esse curso é feito em cinco módulos no momento em que eu tô gravando esse vídeo já saíram os quatro primeiros Falta só o último módulo Mas provavelmente quando você tá assistindo já começou a sair ou já saiu inteiro o quinto módulo né dependendo de quando você tá vendo Então eu vou pegar um código tss que eu criei eu vou te dar um código de presente agora e você vai aplicar esse código CSS a todos os seus documentos a partir de agora para a gente poder botar uns exercícios mais bonitinhos porque assim não chama atenção não fica bonito né então para você conseguir pegar esse arquivo CSS que eu tô te dando você vai acessar esse QR Code que tá aparecendo aqui na sua tela ou você vai acessar o nosso repositório no github que é o github.
com/gustavo Guanabara se eu não me engano é dentro do repositório de Gustavo Guanabara dentro do nosso Hub do meu perfil Você vai ter lá o curso de PHP moderno dentro da área de pega-per moderno nós vamos ter uma área de downloads e dentro dessa área de download entre outras coisas no momento que eu tô gravando esse vídeo só tem isso mas entre outras coisas vai ter lá o download do arquivo CSS beleza mas você acessar esse QR Code que tá aparecendo aqui na sua tela já vai direto para o nosso perfil Fechou então vamos voltar para o computador e eu já vou te mostrar essa página aberta você tá aí vendo o seu curso de PHP todo Pimpão e talvez não saiba em vídeo é um canal que vai completar 10 anos e a gente tem muito curso gratuito e tudo está organizado nas nossas playlists do canal E para isso é só você vir no YouTube acessar procura por curso em vídeo só que eu tenho curso ele pode conseguir Já curte esse vídeo Esse é o canal clicou aqui você vem aqui ó em playlists aqui tem todos os cursos que nós lançamos nesses quase 10 anos garante isso aqui tá tudo organizado em playlist cada um desses itens em dezenas de vídeos disponíveis para você e tudo de graça a gente não cobra nada para você assistir esses vídeos a gente pede que você compartilhe essa ideia dá uma olhada vê se algum outro curso te interessa faz ele de ponta a ponta indica para os amigos é assim que o canal continua crescendo a cada dia Então olha só eu já tenho aqui ó no github. com ó você vai acessar github. com/gustavo Guanabara se você veio pela URL que eu te dei Você já parou aqui dentro de pega-per moderno download se não é só você acessar e te hub.
