Busca DevMedia
- Guia de JavaScript Web Guia
Este guia te ajudará a traçar uma rota segura para aprender algumas das muitas tecnologias que orbitam o JavaScript, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.
- Guia de Kotlin Guia
Kotlin é uma linguagem de programação desenvolvida pela JetBrain e juntamente com o Java são usadas no mesmo projeto, pois usam a mesma Máquina Virtual do Java. Veremos nesse guia porque o Kotlin é incluído como uma alternativa ao compilador Jav
- Guia de React Guia
Aprenda nessa série o que é o React e em que contexto ele pode ser utilizado.
- Guia de Node.js Guia
Neste Guia Completo você encontrará o conteúdo que precisa para aprender a desenvolver aplicações com o Node.js.
- Guia de linguagem JavaScript Guia
Este guia te ajudará a traçar uma rota segura para aprender algumas das muitas tecnologias que orbitam o JavaScript, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.
Guias relacionados
- React: Modificando o comportamento da página com State Hook e evento onClickCurso
Uma das tarefas mais comuns que você vai se deparar durante sua carreira de programador front-end é fazer com que a página modifique seu comportamento após o clique do usuário em algum elemento. Vamos botar a mão na massa nesse curso e produzir diversos exemplos práticos.
- CSS: Position relative e absoluteCurso
Neste curso você aprenderá a utilizar outros valores da propriedade position do CSS: relative e absolute. Com eles podemos posicionar um elemento fora do fluxo padrão do HTML.
- CSS: Position fixedCurso
Com o position:fixed, você poderá, por exemplo, deixar um menu fixo no topo de uma página, fixar um botão com um link para o WhatsApp na parte inferior, entre outras coisas.
- API - Application Programming InterfaceCurso
Neste curso você aprenderá o conceito de API, como ela funciona, o formato JSON usado para troca de informações entre sistemas e também sobre os protocolos HTTPs e status de retorno, onde temos regras e padrões sobre o uso de APIs.
- CSS: Pseudo-classes e Pseudo-elementosCurso
Neste curso falaremos sobre a utilização de pseudo-classes e pseudo-elementos no CSS para uma estilização mais personalizada dos elementos HTML, por exemplo, a criação de tabelas zebradas, mudar o estilo de um link etc.
Cursos e Vídeos relacionados
- Trabalhando com posicionamento fixo numa página de concessionária Exemplo
Nesse projeto veremos como fixar o topo de uma página de concessionária usando a propriedade fixed do CSS.
- Position relative e absolute numa página de pedidos de pizzaExemplo
Nesse projeto veremos como funciona o posicionamento absoluto e relativo numa página de pedidos de pizza.
- Pseudo-classes e Pseudo-elementos no CSSExemplo
Neste projeto vamos conhecer um exemplo prático que utiliza diversos recursos do CSS, tais como first-of-type, hover e before. Falaremos sobre a utilização de pseudo-classes e pseudo-elementos para uma estilização mais personalizada dos elementos HTML.
- Introdução ao React JSExemplo
Neste projeto você aprenderá como criar a sua primeira Single Page Application (SPA) utilizando React JS.
- Modificando elementos HTML no CSSExemplo
Neste projeto veremos como modificar elementos HTML ao criar uma página de divulgação de uma série.
Exemplos relacionados
- DOM Element.innerHTML: como alterar um conteúdo de uma tag HTML Artigo
Nesta documentação você aprenderá sobre a propriedade innerHTML e como você pode utilizá-la para alterar um conteúdo de uma tag HTML através do uso da linguagem JavaScript para manipulação do DOM.
- HTML Textarea: criando caixas de texto no HTML Artigo
Nesta documentação de HTML falaremos sobre a tag textarea e como podemos utilizá-la para criar caixas de texto no HTML, permitindo que usuários digitem textos grandes em uma página.
- Hover CSS: ativando estilo de um elemento Artigo
Nesta documentação você aprenderá sobre a pseudo-classe CSS :hover e como utilizá-la no código para gerar mudanças de estilo com a interação do usuário.
- CSS Overflow: ocultando parte de um conteúdo Artigo
Nesta documentação de CSS falaremos sobre a propriedade Overflow do CSS, utilizada quando queremos ocultar parte do conteúdo de um elemento. Através do uso de overflow podemos criar também barras de rolagem para conteúdos muito grandes.
- HTML SELECT: Criando uma lista de seleção Artigo
Nesta documentação de HTML falaremos sobre a tag select e como ela pode ser utilizada para criar uma lista de seleção. Veremos como permitir que o usuário escolha uma ou mais opções em uma lista de dados limitados.
Artigos relacionados
- Tratando Erros na API Vídeo
Vimos na aula anterior como retornar um JSON com múltiplas chaves. Nesta aula veremos como tratar erros na API retornando códigos de erro para o front-end através do Node e Express.
- Evoluindo o código Vídeo
Aprenda uma nova forma de aplicar o JavaScript junto com o useState hook para alterar o estilo de um elemento a cada novo evento de clique. O uso do IF ternário do JavaScript aliado ao operador booleano dentro do código React proporciona a capacidade de escrever um código mais limpo e performático.
- JavaScript + useState Vídeo
Nesta aula aprenderemos como aplicar o JavaScript junto com o useState hook para alterar o estilo de um elemento a cada novo evento de clique. O uso da condicional IF do JavaScript aliado ao useState hook em conjunto com o evento onClick permite criar praticamente qualquer tipo de alteração visual.
- Alterando o estilo de um elemento Vídeo
Nesta aula veremos um exemplo em que você poderá alterar o estilo de um elemento com o uso do Hook State mais o evento de clique.
- Revisão useState e evento onClick Vídeo
Antes de novos desafios, vamos revisar o conteúdo de useState e onClick que foi aprendido no curso anterior.
