Tutoriais de Desenvolvimento Web

O módulo http é o módulo oficial do Node.js para criar um servidor web, permitindo que desenvolvedores front-end comecem rapidamente com o desenvolvimento do lado do servidor. Vamos criar uma aplicação usando este módulo.

Neste Lab, você aprenderá como criar botões de partilha social animados usando HTML e CSS3. Estes botões utilizam a biblioteca Font Awesome para os ícones e são estilizados com CSS para fornecer um efeito de transição suave ao passar o mouse. Ao final deste guia, você terá um conjunto de botões sociais bonitos e responsivos que poderá integrar em qualquer site.

Neste laboratório, criaremos um cubo rotativo 3D usando HTML e CSS. Este cubo terá faces coloridas e rotacionará infinitamente, criando um efeito visualmente atraente. Vamos guiá-lo por cada etapa do processo para ajudá-lo a construir este projeto do zero.

Neste projeto, você aprenderá como criar uma aplicação React que permite aos usuários alternar entre o modo claro e o modo escuro. O projeto demonstrará o uso da React Context API e do hook useContext para gerenciar o estado global do tema.

Neste projeto, você aprenderá como criar uma funcionalidade simples de mostrar/ocultar usando React. Você implementará um botão que alterna a visibilidade de uma imagem na página.

Neste projeto, você aprenderá como implementar recursos de navegação em uma aplicação React. Você criará uma aplicação simples com uma barra de navegação e páginas que podem ser navegadas usando links.

Neste projeto, você aprenderá como criar um cartão de visita pessoal usando React. O projeto envolve a construção de uma aplicação web responsiva e interativa que permite aos usuários inserir suas informações pessoais e gerar um cartão de visita personalizado.

Neste projeto, vamos guiá-lo na construção de um Pixel Art Animator simples usando React. Ao final deste guia, você terá um editor de pixel art básico onde poderá desenhar sua pixel art e ver a animação resultante. Este projeto é amigável para iniciantes e oferece uma maneira divertida de mergulhar no mundo do React e da pixel art!

Neste projeto, criaremos um aplicativo de Notas simples usando React. O aplicativo permitirá que os usuários adicionem, editem e excluam notas. Dividiremos o desenvolvimento em várias etapas, garantindo que cada etapa atenda a requisitos específicos e adicione funcionalidades essenciais.

Este projeto guia você na construção de uma aplicação web festiva de Construtor de Lista de Desejos de Natal usando React. O aplicativo apresenta um belo fundo com tema natalino em tela cheia e uma encantadora animação de queda de neve, aprimorando o espírito natalino. Os usuários podem adicionar desejos a uma parede de desejos semitransparente, e cada desejo é apresentado como um cartão postal. Usaremos React para o frontend e CSS para estilização e animações.

Neste projeto, você aprenderá como construir uma aplicação de filtro de cores usando React. A aplicação permitirá que os usuários filtrem uma lista de cores digitando o nome da cor que estão procurando. Este projeto ajudará você a entender como trabalhar com gerenciamento de estado, tratamento de eventos e renderização condicional em React.

Neste projeto, você aprenderá como criar um Hook React personalizado chamado useWindowSize para obter o tamanho atual da janela e usá-lo para renderizar condicionalmente a barra de navegação em uma aplicação web.

Este projeto guia você pelo processo de implementação de um modelo MobileNetV2 pré-treinado usando TensorFlow.js dentro de uma aplicação web Flask. MobileNetV2 é uma rede neural profunda leve, usada principalmente para classificação de imagens. TensorFlow.js permite executar modelos de machine learning diretamente no navegador, permitindo aplicações web interativas. Flask, um framework web Python, servirá como o backend para hospedar nossa aplicação. Ao final deste projeto, você terá uma aplicação web em execução que classifica imagens em tempo real usando o modelo MobileNetV2.

Neste projeto, você aprenderá como implementar uma lista com virtual scrolling usando Vue.js. Virtual scrolling é uma técnica que renderiza apenas a área visível de um grande conjunto de dados, em vez de renderizar ou renderizar parcialmente os dados na área não visível. Isso alcança um desempenho de renderização extremamente alto e é adequado para renderizar um grande número de dados com um volume pequeno.

Neste projeto, você aprenderá a construir um aplicativo simples de gerenciamento de tarefas usando Vue.js. O gerenciador de tarefas permite que você crie, exclua e acompanhe suas tarefas diárias, ajudando você a se tornar um mestre em gerenciamento de tempo.

Neste projeto, você aprenderá como criar uma ferramenta de conversão de tempo usando Vue.js. Esta ferramenta permitirá que você converta entre datas e timestamps, um requisito comum em muitas aplicações de negócios.

Neste projeto, você aprenderá a construir uma aplicação Vue.js simples que permite aos usuários alternar o status comercial de uma loja entre 'aberto' e 'fechado'. A aplicação exibirá o status atual da loja e a imagem correspondente com base no status. Os usuários podem clicar em um botão de alternância para mudar o status comercial da loja.

Neste projeto, você aprenderá como criar um componente de tela de esqueleto flexível usando Vue.js. Uma tela de esqueleto é um padrão de interface do usuário que exibe uma versão simplificada da interface antes que o conteúdo real seja carregado, proporcionando uma melhor experiência do usuário em comparação com os indicadores de carregamento tradicionais.