Capa do Ebook gratuito Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

4.7

(10)

125 páginas

Introdução ao HTML: estrutura básica, tags e atributos: Promessas e async/await

Capítulo 37

Tempo estimado de leitura: 4 minutos

+ Exercício
Audio Icon

Ouça em áudio

0:00 / 0:00
Introdução ao HTML: Estrutura básica, tags e atributos: Promessas e async/await

Introdução ao HTML

HTML, ou HyperText Markup Language, é a linguagem de marcação padrão para documentos projetados para serem exibidos em um navegador da web. É uma das principais tecnologias da World Wide Web e é uma habilidade essencial para qualquer desenvolvedor front-end.

Estrutura básica de um documento HTML

A estrutura básica de um documento HTML consiste em tags aninhadas. Cada documento começa com a tag <!DOCTYPE html>, que informa ao navegador que o seguinte é um documento HTML5. A seguir, temos a tag <html> que envolve todo o conteúdo da página.

Dentro da tag <html>, temos duas partes principais: o <head> e o <body>. O <head> contém metadados sobre o documento, como o título da página, links para folhas de estilo CSS e scripts JavaScript. O <body> contém o conteúdo principal que é exibido no navegador.

Tags e atributos HTML

As tags HTML são os elementos de construção de qualquer página da web. Eles definem a estrutura e o layout do conteúdo. Cada tag começa com um sinal de menor (<) e termina com um sinal de maior (>). As tags mais comuns incluem <h1> a <h6> para cabeçalhos, <p> para parágrafos, <a> para links, <img> para imagens, e muitos mais.

Os atributos fornecem informações adicionais sobre os elementos HTML. Eles vêm em pares de nome/valor e são sempre incluídos no início da tag. Por exemplo, a tag de link <a> geralmente vem com o atributo 'href', que especifica o URL para o qual o link deve apontar.

Continue em nosso aplicativo

Você poderá ouvir o audiobook com a tela desligada, ganhar gratuitamente o certificado deste curso e ainda ter acesso a outros 5.000 cursos online gratuitos.

ou continue lendo abaixo...
Download App

Baixar o aplicativo

Introdução a Promessas e async/await em JavaScript

JavaScript é uma linguagem de programação que permite adicionar interatividade complexa a sites. Uma das características mais poderosas do JavaScript é a capacidade de lidar com operações assíncronas, como buscar dados de um servidor. Isso é feito usando Promessas e a sintaxe async/await.

Promessas em JavaScript

Uma Promessa em JavaScript é um objeto que representa a eventual conclusão ou falha de uma operação assíncrona. Ela serve como um proxy para um valor que pode não ser conhecido quando a promessa é criada. Uma promessa pode estar em um de três estados: pendente, cumprida ou rejeitada.

As promessas são usadas para lidar com operações assíncronas de maneira mais flexível e robusta do que as antigas callbacks. Elas podem ser encadeadas e manipuladas de forma que evite o chamado "callback hell", onde temos muitas callbacks aninhadas e o código se torna difícil de ler e manter.

Async/Await em JavaScript

O async/await é uma sintaxe especial em JavaScript que torna o trabalho com Promessas mais confortável e mais fácil de entender. A palavra-chave 'async' é usada para declarar uma função como assíncrona, o que significa que ela retornará uma Promessa. A palavra-chave 'await' é usada para pausar a execução da função assíncrona até que a Promessa seja resolvida ou rejeitada.

Usar async/await torna o código assíncrono parecer mais com o código síncrono, o que pode torná-lo mais fácil de entender e manter. No entanto, é importante notar que, embora o código possa parecer síncrono, ele ainda é executado de forma assíncrona, o que significa que não bloqueia o restante do código de ser executado.

Agora responda o exercício sobre o conteúdo:

Qual é a função da tag <head> em um documento HTML?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

A tag <head> de um documento HTML contém metadados sobre o documento, tais como o título da página, links para folhas de estilo CSS e scripts JavaScript. Estes elementos não são mostrados diretamente na página web, mas são essenciais para definir como o conteúdo deve ser interpretado e exibido pelo navegador.

Próximo capitúlo

Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao Node.js e NPM

Arrow Right Icon
Baixe o app para ganhar Certificação grátis e ouvir os cursos em background, mesmo com a tela desligada.