Busca DevMedia
Você está buscando em Exemplos
- Criando uma Página web do XboxExemplo
Neste projeto vamos aplicar todo o conteúdo fundamental de HTML, tais como as tags e a sintaxe do HTML. Ao final você terá aprendido a construir uma Página web do Xbox.
- API de campeonatos com MySQL e Node.jsExemplo
Neste projeto construiremos uma API de campeonatos, começando pelo endpoint /campeonatos, que lista todos os campeonatos armazenados no banco de dados.
- Consumindo APIs com React NativeExemplo
Neste projeto conectaremos nosso app React com uma API usando a biblioteca Axios, muito comum na programação com React. Ao final você conseguirá construir aplicações React Native que consomem dados de sistemas back-end, através de APIs.
- Consumindo APIs Públicas de Terceiros com React NativeExemplo
Neste projeto conheceremos a API Futebol, a API que consumiremos no nosso app de Tabela de Classificação do Campeonato Brasileiro. Por fim, vamos entender o que é uma API key, e como ela é utilizada na API Futebol.
- Trabalhando com coleções de dados no ReactExemplo
Neste projeto veremos como trabalhar com coleções de dados no React. A ideia é que o site tenha componentes dinâmicos na tela, os quais são carregados conforme a coleção de dados.
- Primeira API com coleção de dadosExemplo
Neste exemplo veremos a prática com APIs e construiremos a primeira API que lida com coleções de dados. Esse é um passo fundamental na carreira back-end, pois a maioria das APIs são responsáveis pela troca de dados entre as camadas front e back-end.
- React Native: Busca em App de listagem de bancosExemplo
Neste projeto veremos como construir uma busca com Array.filter. A ideia é utilizar o filter de um modo diferente, permitindo buscar informações com base em um texto digitado pelo usuário, ao invés de buscar por dados fixos.
- React: Alternando o tema de um elementoExemplo
Neste projeto você poderá alterar o estilo de um elemento com o uso do Hook State mais o evento de clique.
- Alterando a imagem de um componenteExemplo
Nesse projeto useState + props serão utilizados em conjunto com o objetivo de enviar um state como parâmetro via props e, dessa forma, componentizar ainda mais o código da aplicação.
- Criando um jogo da velha passo a passoExemplo
Neste projeto apresentaremos o projeto Jogo da Velha em React Native que você deverá construir utilizando os seguintes recursos: Pressable, funções JavaScript, escopos de função, entre outros.
- Trivia de fatos históricosExemplo
Neste projeto analisaremos um app de trivia de fatos históricos utilizando recursos de JavaScript.
- Flexbox numa página de lanchoneteExemplo
Neste projeto veremos como utilizar o Flexbox para posicionar elementos em um site de lanchonete.
- Consumindo uma API node através de uma aplicação ReactExemplo
Veja neste projeto como utilizar o React para construir uma aplicação que consome uma API Node.
- 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.
- AluCar: Recebendo inputs do usuário através de formuláriosExemplo
Neste projeto vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.
- Senhor lei: utilizando background-image nos elementos da páginaExemplo
Neste projeto relembre como inserir uma cor de fundo além de aprender como inserir e estilizar uma imagem atrás de um elemento.
- Estilizando com CSS uma página de barbeariaExemplo
O exemplo consiste em uma página de uma barbearia, que oferece serviços de cortes masculinos.
- Padaria plus: Estilizando elementos através de seletoresExemplo
Neste projeto aprenderemos os seletores de tag e de classes e como eles podem ser usados para aplicar estilos nas suas páginas web.
- Criando um aplicativo React Native com tab navigationExemplo
Neste projeto vamos focar na navegação do tipo Tab Navigation, com isso, você vai aprender a personalizar as abas alterando as cores dos textos, inserindo ícones e alterando a barra de título.
- Estilizando página web com CSSExemplo
Nesse projeto explicaremos os passos dados para criar e estilizar a página web de receita de bolo de chocolate. Nela utilizamos elementos e propriedades de texto.
- Componentes do tipo container no React NativeExemplo
Neste projeto você aprenderá mais três componentes do tipo container: ScrollView, ImageBackground e Pressable.
