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

Página 37

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.

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.

Now answer the exercise about the content:

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

You are right! Congratulations, now go to the next page

You missed! Try again.

Next page of the Free Ebook:

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

Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!

Get it on Google Play Get it on App Store

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text