LabEx
EntrarJunte-se

Tutoriais de Desenvolvimento Web

O desenvolvimento web oferece um caminho de aprendizado estruturado para criar sites e aplicações web modernas. Nossos tutoriais cobrem tecnologias front-end e back-end, adequados tanto para iniciantes quanto para desenvolvedores intermediários. Com laboratórios gratuitos e exemplos de código práticos, você obterá experiência prática em HTML, CSS, JavaScript e frameworks populares. Nosso ambiente web interativo permite que você experimente diferentes tecnologias e veja os resultados em tempo real.

Outras Árvores de Habilidades

LinuxDevOpsCibersegurançaDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxTreinamento RHCSATreinamento RHCE in Enterprise LinuxTreinamento LFCSShellGitDockerKubernetesTreinamento CKATreinamento CKADTreinamento CKSAnsibleTreinamento RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABanco de DadosMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Ciência de Dados
Efeito de Animação Hover em CSS Tipo Leque

Efeito de Animação Hover em CSS Tipo Leque

Neste projeto, você aprenderá como criar um efeito tipo leque usando CSS. Ao rotacionar e escalar uma série de elementos div, você conseguirá uma animação dinâmica e visualmente atraente que se expande quando o usuário passa o mouse sobre o elemento.
CSS
Criar um Cartão de Visita Visualmente Atraente

Criar um Cartão de Visita Visualmente Atraente

Neste projeto, você aprenderá como criar um cartão de visita do usuário com HTML e CSS. O objetivo é criar um cartão de visita visualmente atraente e bem estruturado que possa ser usado para exibir as informações de um usuário.
CSS
Introdução e Vinculação de CSS

Introdução e Vinculação de CSS

Neste laboratório, você aprenderá os conceitos básicos de CSS, incluindo como criar uma folha de estilos externa e vinculá-la a um documento HTML para alterar a fonte da página.
CSS
Página Web Pessoal em HTML

Página Web Pessoal em HTML

Neste laboratório, você construirá uma página web pessoal completa do zero usando tags HTML fundamentais. Você aprenderá a estruturar documentos, formatar texto, criar listas, adicionar links e imagens, e construir tabelas e formulários.
HTML
Utilitários CSS Modernos com Tailwind

Utilitários CSS Modernos com Tailwind

Neste laboratório, você aprenderá os fundamentos do Tailwind CSS, um framework CSS utility-first, estilizando um elemento HTML simples. Você adicionará o CDN e aplicará classes para cor de fundo, cor do texto, padding e layout.
CSS
Listas HTML

Listas HTML

Neste laboratório, você aprenderá a criar e estruturar conteúdo usando listas não ordenadas, ordenadas e aninhadas em HTML. Esta é uma habilidade fundamental para organizar informações em páginas web.
HTML
Chamar uma API em JavaScript

Chamar uma API em JavaScript

Neste laboratório, você aprenderá a interagir com APIs web usando JavaScript moderno. Você usará a API `fetch` para fazer requisições GET e POST, lidar com respostas, analisar dados JSON, exibi-los em HTML, implementar tratamento de erros e autenticar requisições com uma chave de API para aplicações web dinâmicas.
JavaScript
Imagens HTML

Imagens HTML

Neste laboratório, aprenderá a incorporar imagens nos seus documentos HTML usando a tag `<img>` e os seus atributos essenciais como `src`, `alt`, `width` e `height`.
HTML
Links HTML

Links HTML

Neste laboratório, você aprenderá a criar diferentes tipos de links em HTML, incluindo links externos, links internos e como adicionar tooltips.
HTML
Cores e Fundos CSS

Cores e Fundos CSS

Neste laboratório, aprenderá a estilizar elementos de páginas web aplicando várias propriedades CSS de cor e fundo, incluindo definir cores, adicionar imagens e controlar a sua posição e repetição.
CSS
Tabelas HTML

Tabelas HTML

Neste laboratório, você aprenderá a criar e estruturar dados usando tabelas HTML. Você construirá uma tabela simples do zero, entendendo os papéis das tags `<table>`, `<tr>`, `<th>` e `<td>`.
HTML
Formulários HTML

Formulários HTML

Neste laboratório, você aprenderá a criar e estruturar formulários web usando vários elementos HTML como form, input, label e textarea.
HTML
Estrutura de Documento HTML

Estrutura de Documento HTML

Neste laboratório, você aprenderá a estrutura fundamental de um documento HTML criando uma página web básica do zero. Você entenderá os papéis das tags DOCTYPE, html, head e body.
HTML
Formatação de Texto em HTML

Formatação de Texto em HTML

Neste laboratório, você aprenderá os conceitos básicos de formatação de texto em HTML, incluindo como usar tags de título, parágrafo, negrito, itálico e quebra de linha para estruturar e estilizar o conteúdo da sua página web.
HTML
Modelo de Caixa CSS

Modelo de Caixa CSS

Neste laboratório, você aprenderá os fundamentos do Modelo de Caixa (Box Model) do CSS, incluindo conteúdo, padding, borda e margem, e como controlar o dimensionamento de elementos com box-sizing.
CSS
Estilização de Listas CSS

Estilização de Listas CSS

Neste laboratório, você aprenderá a estilizar listas HTML usando várias propriedades CSS para criar uma barra de navegação horizontal.
CSS
Estado do React com Hooks

Estado do React com Hooks

Neste laboratório, você aprenderá os fundamentos do gerenciamento de estado de componentes no React usando o Hook `useState`, construindo um aplicativo de contador simples.
React
Fundamentos de Seletores CSS

Fundamentos de Seletores CSS

Neste laboratório, você aprenderá os fundamentos dos seletores CSS, incluindo seletores de elemento, classe, ID, agrupamento e descendentes para estilizar elementos HTML.
CSS
  • Anterior
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 19
  • Próximo