From a5bcd3bb1472a01aec51aad2537f60f51cb341a6 Mon Sep 17 00:00:00 2001 From: DarlisonBrandao Date: Mon, 8 Jul 2024 19:37:29 -0300 Subject: [PATCH 1/3] criando arquivo readme --- aulas/2024-04-29/readme.md | 91 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 aulas/2024-04-29/readme.md diff --git a/aulas/2024-04-29/readme.md b/aulas/2024-04-29/readme.md new file mode 100644 index 0000000..74d6012 --- /dev/null +++ b/aulas/2024-04-29/readme.md @@ -0,0 +1,91 @@ +'' o que é pra escrever'' ? + +## Formulários + +Durante nossa jornada como desenvolvedores, frequentemente nos deparamos com situações em que precisamos "capturar" os dados dos usuários dos sistemas que desenvolvemos. Seja em um login ou na realização de um pedido em uma aplicação de delivery, quase sempre precisaremos dos dados que os usuários estão fornecendo. + +Para isso, no desenvolvimento web, frequentemente utilizamos formulários. Em HTML, empregamos a tag **`
`** para criar essas estruturas de entrada de dados. + +- Estrutra báse de um Formulário: + +```html +
+ + +``` + +Mas como pegaremos esses dados? + +Para isso, precisamos de compos, onde os usuário, poderá fornecernos as informações, como emal, senha, nome e sobrenome. Em HTML, esses campos são chamados de _Inputs_. + +```html + +``` + +Essa tag faz parte do grupo de **self-closing tags**, ou seja, são tags do HTML que não necessitam ser fechadas, pois são tags que não irão envolver um outro elemento da página. + +Dentro dessa tag, poderam ser fornecidos alguns atributos, como o tipo de input, o valor padão dele, um dica de o que ele deve conter, ou o que deve ser fornecido pelo usuário nele. + +Além disso, precisamos identificar essa entrada de dados. Afinal, como o usuário vai saber onde deve informar o e-mail, ou a senha, se isso não for informado? + +Para isso, utiizamos tags _label_, essa também terão diversos atributos que podes ser passados para ela, e com ela vai envolver uma informação(como o nome do campo), essa tag precisa ser fechada. + +- **Exemplo:** + +```html + + +``` + +--- + +- **Tipos de input** + + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + - `` + +- **Atributos da tag form** + +| Atributo | Valor | Descrição | +| ----------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------- | +| https://www.w3schools.com/tags/att_form_accept_charset.asp | character_set | Especifica as codificações de caracteres que serão usadas para o envio do formulário | +| https://www.w3schools.com/tags/att_form_action.asp | URL | Especifica para onde enviar os dados do formulário quando um formulário é enviado | +| https://www.w3schools.com/tags/att_form_autocomplete.asp | onoff | Especifica se um formulário deve ter o preenchimento automático ativado ou desativado | +| https://www.w3schools.com/tags/att_form_enctype.asp | application/x-www-form-urlencodedmultipart/form-datatext/plain | Especifica se um formulário deve ter o preenchimento automático ativado ou desativado | +| Especifica como os dados do formulário devem ser codificados ao enviá-los ao servidor (apenas para method="post") | +| https://www.w3schools.com/tags/att_form_method.asp | getpost | Especifica o método HTTP a ser usado ao enviar dados de formulário | +| https://www.w3schools.com/tags/att_form_name.asp | text | Especifica o nome de um formulário | +| https://www.w3schools.com/tags/att_form_novalidate.asp | novalidate | Especifica que o formulário não deve ser validado quando enviado | +| https://www.w3schools.com/tags/att_form_rel.asp | externalhelplicensenextnofollownoopenernoreferreropenerprevsearch | Especifica a relação entre um recurso vinculado e o documento atual | +| https://www.w3schools.com/tags/att_form_target.asp | \_blank_self_parent_top | Especifica onde exibir a resposta recebida após o envio do formulário | + +### Curiosidade: + +> Os formulários foram adicionados ao HTML com a introdução do HTML 2.0 em 1995. Eles foram projetados para permitir interações mais complexas entre usuários e sites, facilitando a entrada de dados que poderiam ser enviados para um servidor web. Isso ampliou significativamente a capacidade do HTML, transformando-o de um simples mecanismo para publicação de documentos hipertexto em uma ferramenta robusta para construção de aplicações interativas na web. + +### 🏡Tarefa de casa: + +- Estudar sobre inputs HTML, e como devem ser utilizado. +- Estudar sobre os atributos do Formulário HTML, e onde podem ser aplicados. +- Resolver até a questão 20 do Freecodecamp. +- Atualizar o Card na página do notion da turma. From 1fbec562fa7395edffa85587dac7e8d5cdfe14be Mon Sep 17 00:00:00 2001 From: DarlisonBrandao Date: Mon, 8 Jul 2024 19:50:18 -0300 Subject: [PATCH 2/3] Criando arquivo readme --- aulas/2024-04-29/_README.md | 70 ++++++++++++++++++++++++++++ aulas/2024-04-29/readme.md | 91 ------------------------------------- 2 files changed, 70 insertions(+), 91 deletions(-) create mode 100644 aulas/2024-04-29/_README.md delete mode 100644 aulas/2024-04-29/readme.md diff --git a/aulas/2024-04-29/_README.md b/aulas/2024-04-29/_README.md new file mode 100644 index 0000000..2ca82ab --- /dev/null +++ b/aulas/2024-04-29/_README.md @@ -0,0 +1,70 @@ +Formulários +Durante nossa jornada como desenvolvedores, frequentemente nos deparamos com situações em que precisamos "capturar" os dados dos usuários dos sistemas que desenvolvemos. Seja em um login ou na realização de um pedido em uma aplicação de delivery, quase sempre precisaremos dos dados que os usuários estão fornecendo. + +Para isso, no desenvolvimento web, frequentemente utilizamos formulários. Em HTML, empregamos a tag para criar essas estruturas de entrada de dados. + +Estrutra báse de um Formulário: +
+ + +Mas como pegaremos esses dados? + +Para isso, precisamos de compos, onde os usuário, poderá fornecernos as informações, como emal, senha, nome e sobrenome. Em HTML, esses campos são chamados de Inputs. + + +Essa tag faz parte do grupo de self-closing tags, ou seja, são tags do HTML que não necessitam ser fechadas, pois são tags que não irão envolver um outro elemento da página. + +Dentro dessa tag, poderam ser fornecidos alguns atributos, como o tipo de input, o valor padão dele, um dica de o que ele deve conter, ou o que deve ser fornecido pelo usuário nele. + +Além disso, precisamos identificar essa entrada de dados. Afinal, como o usuário vai saber onde deve informar o e-mail, ou a senha, se isso não for informado? + +Para isso, utiizamos tags label, essa também terão diversos atributos que podes ser passados para ela, e com ela vai envolver uma informação(como o nome do campo), essa tag precisa ser fechada. + +Exemplo: + + +Tipos de input + + + + + + + + + + + + + + + + + + + + + + + +Atributos da tag form + +Atributo Valor Descrição +https://www.w3schools.com/tags/att_form_accept_charset.asp character_set Especifica as codificações de caracteres que serão usadas para o envio do formulário +https://www.w3schools.com/tags/att_form_action.asp URL Especifica para onde enviar os dados do formulário quando um formulário é enviado +https://www.w3schools.com/tags/att_form_autocomplete.asp onoff Especifica se um formulário deve ter o preenchimento automático ativado ou desativado +https://www.w3schools.com/tags/att_form_enctype.asp application/x-www-form-urlencodedmultipart/form-datatext/plain Especifica se um formulário deve ter o preenchimento automático ativado ou desativado +Especifica como os dados do formulário devem ser codificados ao enviá-los ao servidor (apenas para method="post") +https://www.w3schools.com/tags/att_form_method.asp getpost Especifica o método HTTP a ser usado ao enviar dados de formulário +https://www.w3schools.com/tags/att_form_name.asp text Especifica o nome de um formulário +https://www.w3schools.com/tags/att_form_novalidate.asp novalidate Especifica que o formulário não deve ser validado quando enviado +https://www.w3schools.com/tags/att_form_rel.asp externalhelplicensenextnofollownoopenernoreferreropenerprevsearch Especifica a relação entre um recurso vinculado e o documento atual +https://www.w3schools.com/tags/att_form_target.asp _blank_self_parent_top Especifica onde exibir a resposta recebida após o envio do formulário +Curiosidade: +Os formulários foram adicionados ao HTML com a introdução do HTML 2.0 em 1995. Eles foram projetados para permitir interações mais complexas entre usuários e sites, facilitando a entrada de dados que poderiam ser enviados para um servidor web. Isso ampliou significativamente a capacidade do HTML, transformando-o de um simples mecanismo para publicação de documentos hipertexto em uma ferramenta robusta para construção de aplicações interativas na web. + +🏡Tarefa de casa: +Estudar sobre inputs HTML, e como devem ser utilizado. +Estudar sobre os atributos do Formulário HTML, e onde podem ser aplicados. +Resolver até a questão 20 do Freecodecamp. +Atualizar o Card na página do notion da turma. \ No newline at end of file diff --git a/aulas/2024-04-29/readme.md b/aulas/2024-04-29/readme.md deleted file mode 100644 index 74d6012..0000000 --- a/aulas/2024-04-29/readme.md +++ /dev/null @@ -1,91 +0,0 @@ -'' o que é pra escrever'' ? - -## Formulários - -Durante nossa jornada como desenvolvedores, frequentemente nos deparamos com situações em que precisamos "capturar" os dados dos usuários dos sistemas que desenvolvemos. Seja em um login ou na realização de um pedido em uma aplicação de delivery, quase sempre precisaremos dos dados que os usuários estão fornecendo. - -Para isso, no desenvolvimento web, frequentemente utilizamos formulários. Em HTML, empregamos a tag **`
`** para criar essas estruturas de entrada de dados. - -- Estrutra báse de um Formulário: - -```html -
- - -``` - -Mas como pegaremos esses dados? - -Para isso, precisamos de compos, onde os usuário, poderá fornecernos as informações, como emal, senha, nome e sobrenome. Em HTML, esses campos são chamados de _Inputs_. - -```html - -``` - -Essa tag faz parte do grupo de **self-closing tags**, ou seja, são tags do HTML que não necessitam ser fechadas, pois são tags que não irão envolver um outro elemento da página. - -Dentro dessa tag, poderam ser fornecidos alguns atributos, como o tipo de input, o valor padão dele, um dica de o que ele deve conter, ou o que deve ser fornecido pelo usuário nele. - -Além disso, precisamos identificar essa entrada de dados. Afinal, como o usuário vai saber onde deve informar o e-mail, ou a senha, se isso não for informado? - -Para isso, utiizamos tags _label_, essa também terão diversos atributos que podes ser passados para ela, e com ela vai envolver uma informação(como o nome do campo), essa tag precisa ser fechada. - -- **Exemplo:** - -```html - - -``` - ---- - -- **Tipos de input** - - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - - `` - -- **Atributos da tag form** - -| Atributo | Valor | Descrição | -| ----------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------- | -| https://www.w3schools.com/tags/att_form_accept_charset.asp | character_set | Especifica as codificações de caracteres que serão usadas para o envio do formulário | -| https://www.w3schools.com/tags/att_form_action.asp | URL | Especifica para onde enviar os dados do formulário quando um formulário é enviado | -| https://www.w3schools.com/tags/att_form_autocomplete.asp | onoff | Especifica se um formulário deve ter o preenchimento automático ativado ou desativado | -| https://www.w3schools.com/tags/att_form_enctype.asp | application/x-www-form-urlencodedmultipart/form-datatext/plain | Especifica se um formulário deve ter o preenchimento automático ativado ou desativado | -| Especifica como os dados do formulário devem ser codificados ao enviá-los ao servidor (apenas para method="post") | -| https://www.w3schools.com/tags/att_form_method.asp | getpost | Especifica o método HTTP a ser usado ao enviar dados de formulário | -| https://www.w3schools.com/tags/att_form_name.asp | text | Especifica o nome de um formulário | -| https://www.w3schools.com/tags/att_form_novalidate.asp | novalidate | Especifica que o formulário não deve ser validado quando enviado | -| https://www.w3schools.com/tags/att_form_rel.asp | externalhelplicensenextnofollownoopenernoreferreropenerprevsearch | Especifica a relação entre um recurso vinculado e o documento atual | -| https://www.w3schools.com/tags/att_form_target.asp | \_blank_self_parent_top | Especifica onde exibir a resposta recebida após o envio do formulário | - -### Curiosidade: - -> Os formulários foram adicionados ao HTML com a introdução do HTML 2.0 em 1995. Eles foram projetados para permitir interações mais complexas entre usuários e sites, facilitando a entrada de dados que poderiam ser enviados para um servidor web. Isso ampliou significativamente a capacidade do HTML, transformando-o de um simples mecanismo para publicação de documentos hipertexto em uma ferramenta robusta para construção de aplicações interativas na web. - -### 🏡Tarefa de casa: - -- Estudar sobre inputs HTML, e como devem ser utilizado. -- Estudar sobre os atributos do Formulário HTML, e onde podem ser aplicados. -- Resolver até a questão 20 do Freecodecamp. -- Atualizar o Card na página do notion da turma. From 8ded727fbb3e29f4dcd12934bea5ba4f58491dad Mon Sep 17 00:00:00 2001 From: DarlisonBrandao Date: Mon, 8 Jul 2024 20:00:18 -0300 Subject: [PATCH 3/3] =?UTF-8?q?=20Altera=C3=A7ao=20de=20nome=20de=20arquiv?= =?UTF-8?q?o?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- aulas/2024-04-29/{_README.md => README.md} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename aulas/2024-04-29/{_README.md => README.md} (100%) diff --git a/aulas/2024-04-29/_README.md b/aulas/2024-04-29/README.md similarity index 100% rename from aulas/2024-04-29/_README.md rename to aulas/2024-04-29/README.md