GoConqr hat ein neues Design! Sag uns, wie es dir gefällt.

Kostenlos registrieren

Karteikarten

Fundamentos e Pratica Internet / HTML

Paulo Henrique Programação Angular Portugiesisch 85 Karten

Karten in diesem Stapel (85)

  1. 1O QUE É HTML ?Linguagem de Marcação, utilizado para montar a estrutura do site e sua semântica.
  2. 2O QUE SIGNIFICA HTML?HYPERTEXT MARKUP LANGUAGE
  3. 3O QUE SÃO CLIENTS ?Clientes são os aparelhos que irão solicitar/requisitar informação ao servidor pela internet ou outra rede.
  4. 4O QUE SÃO SERVIDORES?Servidores são maquinas robustas que irão armazenar alguma informação/arquivos, interagindo com banco de dados, são eles que irão Servir aos clientes o que foi requisitado.
  5. 5O QUE SÃO NAVEGADORES ? DE UM EXEMPLO DE NAVEGADOR.São software que irão interpretar os arquivos HTML, CSS e J.S. e mostrar ao usuário o que o servidor entregar. Um exemplo de navegador é o Google Chrome ou Opera.
  6. 6O QUE É MEMORIA CACHE ? QUAL SEU OBJETIVO ?CACHE é a memoria que o navegador reserva em si, informações de um site, tendo como objetivo um carregamento mais rápido, pois dessa forma o cliente não precisara requisitar aquelas informação novamente ao servidor.
  7. 7COMO FUNCIONA INTERAÇÃO DO CLIENTE X SERVIDOR ?Cliente requisita um arquivo ao servidor através da internet ou outra rede como intranet, o servidor valida a requisição e envia o que foi solicitado ao Cliente através da internet.
  8. 8QUAL PADRÃO AS EMPRESAS DESENVOLVEDORAS DOS NAVEGADORES PRECISA SEGUIR?PADRÃO W3C, mas cada empresa tem sua peculiaridade ocasionando em navegadores que são compatíveis ou incompatível com alguma funcionalidade do código.
  9. 9O QUE É UMA APLICAÇÃO WEB ?São aplicativos que busca solucionar algo através da internet, com a comunicação entre client e servidor.
  10. 10QUAL A DIFERENÇA DE DESENVOLVER ALGO PARA UMA APLICAÇÃO WEB PARA UMA APLICAÇÃO DESKTOP ?Quem desenvolve para Web, se preocupa com a compatibilidade do código com os navegadores. Enquanto quem desenvolve para Desktop precisa se preocupar na compatibilidade do código com o sistema operacional.
  11. 11O QUE É HOSPEDAGEM DE SITE ?Após o desenvolvimento do site, precisa alocar ele em um servidor na internet para deixar disponível para outros client acessar, esse é o processo de hospedagem.
    para isso precisa ter os arquivos do site, e um domínio, que é a url do site.
  12. 12O QUE É DNS ? E QUAL SUA FUNCIONALIDADE ?DNS é Domain Name System – Sistema de nome de domínio, que tem como funcionalidade mascarar o ip do site com um domínio (em vez de digitar o ip 192.0.2.44 só precisa digita o URL - www.amazon.com )
  13. 13O QUE É LINGUAGEM DE PROGRAMAÇÃO ?É uma linguagem formalizada que especifica um conjunto de instruções e regras usadas para uma maquina. dessa forma desenvolvendo programas etc.
  14. 14EXPLIQUE O QUE É LINGUAGEM DE PROGRAMAÇÃO SERVE. SIDE ?A linguagem serve side, são linguagens que programa para o lado do servidores, ou back end, algumas dessas linguagens é PHP, C#, Java, JavaScript etc.
  15. 15EXPLIQUE O QUE É LINGUAGEM DE PROGRAMAÇÃO CLIENT. SIDE ?A linguagem client side, são linguagens que programa para o lado do client, ou front end. um exemplo é Java Script.
  16. 16COMO JAVA SCRIPT PODE SER SERVE SIDE E CLIENT SIDE ?Java Script é uma linguagem mista que pode desenvolver tanto para o lado do servidor ou Cliente.
    Do lado do servidor foi desenvolvido o V8 um sub programa da Google que executa e interpreta o J.S.
  17. 17O QUE É O NODE.JS ? E SUA DIFERENÇA PARA O V8 ?Node.JS é o programa de linhas de comandos, que interpretará o JS para o lado dos servidores, V8 é o motor do node.js, o V8 é o sub programa do node.js que fara a interpretação do JS para o servidor.
  18. 18O QUE SÃO IDEs ? QUAL SUA FUNCIONALIDADES ?IDEs são ambientes de desenvolvimento, ontem sua funcionalidade e fornecer diversos recursos que ajuda o ciclo do desenvolvimento.
    Visual Studio Code, é uma IDE.
  19. 19COMO É A ESTRUTURA BASICA DO HTML ?Composto por:
  20. 20O QUE SÃO TAGS NO HTML ?São elementos do HTML, cada um com seu objetivo, em geral serve para estrutura e formalizar o site, trazer semântica.
  21. 21QUAL É A ANATOMIA DE UMA TAG HTML ?Uma tag é composto por sinais "<" e ">", uma tag precisa ser aberta e fechada para fechar acrescentar uma barra /, exemplo: abrir = fecha = .
    Existem tags especifica que nao precisa serem fechadas, como a
  22. 22O QUE FAZ A TAG texto ......... ?Responsável por criar paragrafo, o que estiver entre a abertura e o fechamento será considerado semanticamente um paragrafo.
  23. 23QUAL TAG DEIXA O TEXTO EM NEGRITO ?TAG : texto em negrito , tudo que tiver entre a abertura e o fechamento da tag fica em negrito com ênfase, também tem como deixar em negrito com a tag texto em negrito
  24. 24QUAIS TAGS SÃO VOLTADAS PARA TEXTO ? CITE ALGUMASparagrafo
    - cria paragrafo;
    titulo1
    - cria titulo;
    sub titulo
    - cria sub titulo;
    - cria citação;
  25. 25QUAL TAG DEIXA O TEXTO SUBLINAHDO ?texto - sublinha o texto;
  26. 26QUAL TAG DEIXA O TEXTO EM ITALICO ?itálico - deixa o texto em itálico;
  27. 27QUAL TAG DEIXA O TEXTO MARCADO ?- marca o texto com fundo amarelo;
  28. 28COMO DEIXAR O TEXTO TANTO EM NEGRITO COMO EM ITALICO ?Utilizando tag dentro de tag (tag composta):
    TEXTO
  29. 29O QUE SÃO ATRIBUTOS DE UMA TAG ?Atributos de uma tag, são propriedades que uma tag pode ter. existem atributos especificos de tags especificas e atributos que uma ou mais tags aceita.
  30. 30ONDE FICA O ATRIBUTO DE UMA TAG ?O atributo de uma tag fica dentro da abertura desta:
    o atributo style é usado para definir o estilo, ali implementamos a cor azul aos elementos dentro da tag body.
  31. 31O QUE É ATRIBUTO "GLOBAIS" E "ESPECIFICOS" ?Atributos Globais são os atributos que qualquer tag aceita como o atributo style="color: blue".
    Atributos específicos são os atributos que tags especifica aceita como o href="#" na tag :
    clique aqui
  32. 32O QUE É UMA LISTA ORDENADA EM HTML ? QUAL SUA TAG E ANATOMIA ?LISTA ORDENADA, é a lista que vai ter ordem 1, 2, 3 por itens. exemplo:
    1 - açúcar;
    2 - manteiga;
    3 - farinha;
    sua tag e anatomia é:
    açúcar
    manteiga
    farinha
  33. 33O QUE É UMA LISTA DESORDENADA EM HTML ? QUAL SUA TAG E ANATOMIA ?LISTA DESORDENADA, não possuirá um referenciador de ordem entre os itens, Exemplo:
    * açúcar;
    * manteiga;
    * farinha;
    sua tag e anatomia é:
    açúcar
    manteiga
    farinha
  34. 34O QUE É TAG DE NAVEGAÇÃO ? CITE UMA E SUA ANTOMIA.Tag de navegação, será aquela tag que deixara um hiperlink em um elemento para ao click do usuário levar ele a outro ponto do site, ou outra pagina externa.
    tag click aqui.
    quando usuário clicar leva para o site que o atributo href="#" esta referenciando.
  35. 35QUAL ATRIBUTO FAZ PARA CLICAR NA TAG DE NAVEGAÇÃO " " E ABRIR EM UMA OUTRA ABA DO NAVEGADOR ? E QUANDO USAR ESSE ATRIBUTO ?Usamos o atributo (target="_blank") :
    Clik aqui
    dessa forma quando usuário clicar vai aberto uma nova aba com o link que o atributo href="#" indica.
  36. 36O QUE A TAG, , FAZ?A tag é usada para criar formulários dentro do HTML, formulários são seções do site para o usuário faze rum cadastro etc.
  37. 37O QUE O ATRIBUTO method="get ou post" FAZ EM UMA TAG ?O atributo method="get ou post" define o método, get ou post, que esse formulário será enviado para o servidor em que e será registrado as informações fornecida pelo usuário.
    ou
  38. 38OS VALORES DO ATRIBUTO "method" GET E POST, QUAL A DIFERENÇA ENTRE ELES ?O method="get" pega as informações digitadas no formulário e envia pela URL para o servidor. (Não recomendado pois aparece os dados no URL.)
    O method="post" pega as informações digitadas e envia de forma de requisição ao servidor. ele encapsula toda informação e envia para o servido. (Mais recomendado)
  39. 39O QUE FAZ O ATRIBUTO name="nome" NA TAG ? E POR QUE USAR ?O atributo name=" ",define o nome do formulário, dessa forma em uma interação com JavaScript, o formulário pode ser referenciado pelo nome definido.
    EXP:
  40. 40O QUE FAZ O ATRIBUTO action="#" NA TAG ?O atributo action="#URL" é uma forma de define o destino que será enviado as informação do formulário.
  41. 41O QUE É O ATRIBUTO target="_blank" NA TAG ?O atributo target="_blank" permite o formulario trafegar as informações por outra aba do navegador.
    .
  42. 42O QUE É O ATRIBUTO autocomplete="off" NA TAG ?No navegador tem a opção de deixar salvo as informações para quando for fazer registro ou cadastro ja auto completar, O atributo autocomplete="off" impede que o navegador faça isso. Na tag form fica
  43. 43O QUE É O ATRIBUTO onclick(ou on"algumacoisa")="comando javascript" NA TAG ?Esse atributo e usado para impor uma propriedade de evento na tag, onclick (evento de click), pode ser onsubmit ou outra opção. geralmente usado em interação com o Javascript, exemplo:
    nesse exemplo quando enviado o formulario, vai ser emitido alerta de validação, o que esta escrito entre " ----- "é javascript.
  44. 44O QUE FAZ A TAG ? E QUANDO USAR O ?A Tag e uma tag que abre e usa atributos/propriedades especifica, e usado para criar campos/elementos para o usuário interagir e fornecer uma informação a ser salvo no formulário.
    Exemplo: nome:
    criar o texto de referencia a um input. no exemplo fica" nome: ( nome aqui )"
    o atributo nome: cria uma semantica de definição do que representa o afrente.
  45. 45O QUE É O ATRIBUTO type="...." ? NOO atributo type define o tipo do input a ser criado, se for type="text" a caixa a ser criada para o usuário digitar só aceita valores de texto.
    Existe muitos tipos.
  46. 46O QUE FAZ O TIPO type="text" ? NO E QUANDO USAR ?=> aceita só valor de texto;
    Muito usado para criar campo Nome.
  47. 47O QUE FAZ O TIPO type="number" ? NO E QUANDO USAR ?< input type="number" >
    => aceita só valor de numero;
    (pode ser usado atributo min e max para definir os limites)
    Muito usado para criar campo idade.
  48. 48O QUE FAZ O TIPO type="ranger" ? NO E QUANDO USAR ?=> cria um campo de barra que o usuário desliza ate achar um valor.
    (pode ser usado atributo min e max para definir os limites)
    Muito usado para definir volume.
  49. 49O QUE FAZ O TIPO type="color" ? NO E QUANDO USAR ?=> permite usuário escolher uma cor através de um menu.
    Muito usado para definir cor de algum produto.
  50. 50O QUE FAZ O TIPO type="email" ? NO E QUANDO USAR ?=> cria caixa que permite usuário digitar o e-mail, se faltar algum caractere especifico de e-mail como o "@" o navegador ira entender e notificar o usuário que falta.
    Usado para coletar o e-mail em um formulário.
  51. 51O QUE FAZ O TIPO type="url" ? NO E QUANDO USAR ?=> cria um campo para digitar especificamente uma url, exp:
    https//:www.google.com.br, caso for digitado algo diferente de URL não será aceito.
    Muito usado para coletar links de redes sociais do usuário.
  52. 52O QUE FAZ O TIPO type="date" ? NO E QUANDO USAR ?=> cria campo com formatação para colocar data. (obs: o padrão de linguagem vai de acordo com a linguagem configurada no navegador.)
    Muito usado para definir data de nascimento do usuário.
  53. 53O QUE FAZ O TIPO type="checkbox" ? NO E QUANDO USAR ?=> permite criar uma caixa de seleção, onde pode ser usado para permitir o usuário selecionar sabor de uma pizza.
    sempre usar o atributo name="sabor []" com o colchetes para quando enviado para o back end não dar conflito, chegar uma lista com os sabores selecionados.
  54. 54O QUE FAZ O TIPO type="radio" ? NO E QUANDO USAR ?=> permite criar caixa que o usuario vai seleciona ou uma ou outra. para isso precisa acrescentar o atributo "name="bebida"" igual nas 2 ou mais input radio.
  55. 55O QUE FAZ O ATRIBUTO disable NO ?A propriedade disable, deixa aquela caixa/input de seleção desativa (efeito transparente) e bloqueia para o usuario so saber daquela informação mas nao conseguir selecionar por exemplo quando nao tem mais um produto em estoque, desativa a opção deste produto.
    sintaxe fica:
  56. 56O QUE FAZ A TAG text?Cria um botão que pode ser interagido com algum evento.
  57. 57QUAIS OS 3 types DA TAG < /button>? E QUANDO USAR ?type="button" => Usado para definir botão.
    type="reset" => Usado para limpar os dados preenchido em um formulário.
    type="submit" => Usado para enviar os dados do formulários para o servidor. (pode haver interações de validações ao clicar no botão submit, usar atributo onsubmit="-----", na tag )
    ... .
  58. 58REALIZAR VALIDAÇÃO APENAS NO FRONT E UMA BOA PRATICA AO ENVIAR O FORMULARIO?Não, pois usuários mais espertos e que queira burla alguma condição, pode achar vulnerabilidade na validação do front. o ideal é fazer validação no front e no back.
  59. 59O QUE FAZ A TAG ? COMO USAR ?é uma tag que cria um campo com valores pre definidos onde o usario vai clicar para abrir uma caixa/menu, com as opções ja definidas e selecionar uma.
    sintaxe select:
    qual cargo ?
    marceneiro
    faxineiro
  60. 60COMO FAZ PARA DEIXAR APARECENDO UM VALOR JA SELECIONADO NO SELECTBOX?Usamos o atributo selected na tag
    para já deixa aquele valor pré selecionado e dessa forma aparecer na primeira opção do selectbox.
  61. 61O QUE FAZ A TAG ?Cria um campo de texto maior para que o usuario digite uma mensagem por exemplo.
    Mensagem:
  62. 62COMO DEFINIR NUMEROS DE LINHA E COLUNA NA TAG ?usamos o atributo row="1" para definir números de linha e cols="1" para definir quantas colunas o campo da textarea vai ter.
  63. 63O QUE SÃO TAGS ESTRUTURAIS ? DE EXEMPLO !Tags estruturais vao ajudar a compor organizar a estrutura do site, sendo elas a tag e , são tag sem semantica e que aceitas os principais atributos globais.
  64. 64O QUE A TAG FIELDSET FAZ?A tag encapsula uma parte do formulário e ajuda na organização do mesmo. e geralmente acompanhada por legenda. com a tag
    Exemplo:
    Nome
    nome:
  65. 65O QUE A TAG FAZ ?A tag é uma tag de mídia para colocar imagem. podendo aceitar gifs.
  66. 66O QUE A TAG FAZ ?a tag é a tag que vai adicionar áudios musicas no site, para usar ela precisa se implementado a tag ficando:
  67. 67O QUE FAZ A TAG ?A tag vem para adicionar video no site, usada tambem com a tag para referencia o video.
  68. 68O QUE FAZ A TAG ?A tag assim como a tag é uma sub tag da tag , ela vem para adicionar legendas nos vídeos.
    Exemplo:
  69. 69O QUE FAZ A TAG ?A tag <iframe> é usada para trazer alguma midia de fora do site, como um video do youtube, mapa do google maps, ou ate mesmo outro site por completo.
  70. 70COMO CRIAR UMA TABELA NO HTML ?Usamos a Tag .
  71. 71O QUE É A TAG ?Essa tag representa as linhas da tabela sendo criada. essa tag e usada para construir a tag table.
  72. 72O QUE FAZ A TAG E ? QUAL SUAS DIFERENÇAS ?Ambas as tag sao usadas para criar as colunas mas a é usada para criar uma coluna para cabeçalho.
    enquanto é usada para preencher dados daquela coluna ja criada no cabeçalho.
  73. 73QUANDO USAR AS TAG , , E ?Usar para enrriquecer a semantica da tabela html, todas sao tags para melhor organizar a tabela.
    => usada para definir um nome para tabela.
    => usada para encapsular todo o cabeçalho da tabela.
    = > usada para encapsular todo o conteudo da tabela.
    => usado para encapsular todo o rodapé da tabela.
  74. 74O QUE É O CONCEITO WEB SCRAPING ?Web Scraping, é toda aplicação que busca informações publicas atreves na internet e indexa em sua aplicação.
    um exemplo é o próprio buscador da google. ou o site de equiparação de preços "busca pé"
  75. 75QUAIS SÃO AS PRINCIPAIS TAG DE ESTRUTURA HTML COM SEMANTICA !?Tags:
    = encapsula todo parte que será o cabeçalho.
    = encapsula todo conteúdo principal do site.
    = encapsula todo parte que será o rodapé.
    = Encapsula em seções de conteúdos que não são focados do assunto principal do site.
    = Encapsula em seções do conteúdo principal.
    = Encapsula toda parte de links de navegação.
    = Encapsula toda parte de artigos do conteúdo.
    = É um container para encapsula medias e seus relacionados.
  76. 76O QUE FAZ A TAG xx/xx/xx xx:xx ?Essa tag define semanticamente a data de publicação do conteúdo.
  77. 77O QUE É SEO ?Search Egine Optimization (OTIMIZAÇÃO PARA MECANISMO DE BUSCA)
    É o desenvolvimento voltado para os indexadores. tendo assim melhor semântica e estrutura.
  78. 78O QUE FAZ A TAG ?a Datalist encapsula um conjunto de opção e é usada para criar um campo de busca com sugestão ao usuário.
    texto
  79. 79O QUE FAZ A TAG ?Ela serve para referencia semanticamente um atalho de teclado ALT + F4.
  80. 80O QUE FAZ A TAG ?A tag referencia semanticamente um codigo como style="color: blue"
  81. 81O QUE FAZ A TAG ?Ela encapsula um conjuto de codigo para referencia- semanticamente, é usado em conjunto com a tag code para codigo com mais de uma linha:
    .class {
    color: blue; }
  82. 82O QUE FAZ A TAG ? E A TAG ?A tag details, cria um tópico definido pela tag , que ao clicar expande e mostra os detalhes do tópico.
    Objetivo 1
    "Objetivo desse topico e mostrar detalhes ao ser clicado"
  83. 83QUAL A DIFERENÇA ENTRE A TAG e ?Ambas as tag cria uma barra de exibição, mas seu conceito semantico é:
    = > Usar para barras estáveis medidor de temperatura exemplo.
    = Usar para barras animadas, como carregamento de download.
    (obs: progress dinamismo fazer de acordo com comandos java script via vinculo por id)
  84. 84PARA QUE SERVE A TAG ?A tag , vem para criar campo para elementos gráficos possibilitando fazer muitas opções, isso em interação com Javascript (vinculado por id)
    pode ser feito gráficos analíticos;
    jogos;
    animação etc.
  85. 85QUAIS SÃO OS NOVOS ATRIBUTOS/ PROPRIEDADES DO HTML5? Cite alguns.autofocus => Usado para navegador entender que aquele campo input é para ter prioridade, desa forma o navegador ja deixa a caixa input selecionada para prender o usuário focar ali.
    placeholde="exemplo preenchimento" => esse atributo permite deixa uma marca da agua na caixa de um input para dar exemplo de preenchimento.
    required => esse atributo define que aquele input é obrigatório, se o usuário clicar para enviar formulário sem preencher, ira ser alertado o usuário que é obrigatório o campo.
    disable => esse atributo informa que aquele campo do input, fieldset ou form, existe mas esta desativado, deixando visível para o usuário porem bloqueado.
    maxlength="1000" => usado exclusivamente na tag textarea, define a quantidade maxima de caractere que o usuario pode preencher.
    minlength="10" => pode ser usado em outras tags, e é usado para defini numero mínimo de caracteres.

Informationen

Beschreibung
Flash Cards para memorizar aprendizado dos fundamentos do HTML, perguntas feitas com base na Formação de HTML na DIO.
Erstellt von
Paulo Henrique
Aufrufe
3
Bewertung

Feedback

Worum geht es?

Wie gefällt dir das neue Design?

Dein Eindruck