Conceitos Básicos Flashcards
(39 cards)
O que é programação front-end?
É a parte da programação que lida com o lado visual de um site ou aplicativo. É o que o usuário vê e interage diretamente.
O que é programação back-end?
Refere-se a parte da programação que funciona nos bastidores, processando dados, gerenciando servidores e bancos de dados. Ele garante que as informações do front-end sejam entregues corretamente. O back-end lida com a lógica de negócios e a interação com o banco de dados.
O que é HTML?
Significa HyperText Markup Language, e é a linguagem usada para estruturar o conteúdo de uma página web. É a mais básica e por onde se deve começar. Define os elementos da página como título, links, fórmularios, parágrafos e etc.
O que é CSS?
Significa Cascading Style Sheets, usado para dar o efeito visual para a página, como cores, fontes espaçamento, layout. Controla o design, garantindo que a página tenha uma aparência atraente.
O que é JavaScript?
Responsável por tornar a página interativa e dinâmica.
A tag de abertura
Consiste no nome do elemento, envolto em colchetes angulares de abertura e fechamento. Isso indica onde o elemento começa a ter efeito.
A tag de fechamento
É o mesmo que a tag de abertura, exceto que inclui uma barra antes do nome do elemento. Ela indica onde o elemento termina de fazer efeito.
<p>
</p>
Comando que indica o começo de um parágrafo.
</p>
Comando que indica onde o parágrafo termina.
Atributos que definem um valor sempre têm:
Um espaço entre ele e o nome do elemento.
O nome do atributo seguido por um sinal de igual.
O valor do atributo é envolvido por aspas de abertura e fechamento.
Nesting.
Colocar elementos dentro de outros elementos.
<!doctype html>
É um preâmbulo obrigatório. Na névoa do tempo, quando o HTML era jovem (por volta de 1991/92), os doctypes eram feitos para atuar como links para um conjunto de regras que a página HTML tinha que seguir para ser considerada um bom HTML, o que poderia significar verificação automática de erros e outras coisas úteis. No entanto, hoje em dia, eles não fazem muita coisa e são basicamente necessários apenas para garantir que seu documento se comporte corretamente.
<html> </html>
<html>elemento. Este elemento envolve todo o conteúdo na página inteira e às vezes é conhecido como elemento raiz. (Ele também inclui o *lang* atributo, definindo o idioma principal do documento.)
</html>
<head></head>
o <head>elemento. Este elemento atua como um contêiner para todas as coisas que você deseja incluir na página HTML que não sejam o conteúdo que você está mostrando aos visualizadores da sua página. Isso inclui coisas como palavras-chave e uma descrição de página que você deseja que apareça nos resultados da pesquisa, CSS para estilizar nosso conteúdo, declarações de conjunto de caracteres e muito mais.
Elementos void.
São elementos que não têm conteúdo. Como no exemplo do comando <img></img>:
<img></img>
Contém dois atributos mas não há tag de fechamento e nenhum conteúdo interno.
<head></head>
o <head>elemento. Este elemento atua como um contêiner para todas as coisas que você deseja incluir na página HTML que não sejam o conteúdo que você está mostrando aos visualizadores da sua página.
<meta></meta>
Este elemento define o conjunto de caracteres que seu documento deve usar para UTF-8, que inclui a maioria dos caracteres da vasta maioria das línguas escritas. Essencialmente, ele agora pode manipular qualquer conteúdo textual que você possa colocar nele. Não há razão para não definir isso, e pode ajudar a evitar alguns problemas mais tarde.
<meta></meta>
Este elemento de viewport garante que a página seja renderizada na largura da viewport, evitando que navegadores móveis renderizem páginas mais largas que a viewport e depois as reduzam
<title></title>
o <title>elemento. Isso define o título da sua página, que é o título que aparece na aba do navegador em que a página é carregada. Ele também é usado para descrever a página quando você a marca como favorita/favorita.</title>
<body></body>
o <body>elemento. Ele contém todo o conteúdo que você quer mostrar aos usuários da web quando eles visitam sua página, seja texto, imagens, vídeos, jogos, faixas de áudio reproduzíveis ou qualquer outra coisa.
Por que o <img></img>?
Como dissemos antes, ele incorpora uma imagem em nossa página na posição em que ela aparece. Ele faz isso por meio do src atributo (source), que contém o caminho para nosso arquivo de imagem.
Também incluímos um alt atributo (alternativo). No alt atributo , você especifica texto descritivo para usuários que não podem ver a imagem, possivelmente pelos seguintes motivos:
•Eles são deficientes visuais. Usuários com deficiências visuais significativas geralmente usam ferramentas chamadas leitores de tela para ler o texto alternativo para eles.
•Algo deu errado, fazendo com que a imagem não seja exibida. Por exemplo, tente alterar deliberadamente o caminho dentro do seu src atributo para torná-lo incorreto. Se você salvar e recarregar a página, deverá ver o que está escrito dentro do atributo alt em forma de imagem.
Atributo alt.
As palavras-chave para texto alternativo são “texto descritivo”. O texto alternativo que você escreve deve fornecer ao leitor informações suficientes para que ele tenha uma boa ideia do que a imagem transmite
Elementos de título.
Elementos de título permitem que você especifique que certas partes do seu conteúdo são títulos — ou subtítulos. Da mesma forma que um livro tem o título principal, títulos de capítulos e subtítulos, um documento HTML também pode. HTML contém 6 níveis de título, <h1> - <h6> , embora você normalmente use apenas 3 a 4 no máximo
Tipos primitivos
Inteiro: toda e qualquer informação numérica que pertença ao conjunto dos números inteiros relativos (positivo, negativo, nulo).
Real: toda e qualquer informação numérica presente no conjunto dos números reais (positivo, negativo, nulo).
Caráter: toda e qualquer informação composto por um conjunto numérico ou alfabético ou especiais (@#$%…).
Lógico: toda e qualquer situação que possa assumir apenas duas situações.
Esse parágrafo é o elemento filho do body.
— usado para títulos principais. Todos os outros títulos menores são usados para subtítulos.
2.
3.
4.
5.
6.
4.
5.
6.
6.
do HTML: . O elemento line break é único porque é composto somente de uma tag inicial.
-
Key Links
-
Subjects
-
Company
-
Find Us
-
