Tutoriais JavaScript

Transmita uma resposta de ajuda do Workers AI para um cliente fornecido, reconheça a conclusão, cancele com segurança e encerre erros do serviço sem travar.

Neste Lab, você entrará no mundo do desenvolvimento web através dos olhos de Alex, um desenvolvedor web em ascensão encarregado de criar um rastreador de finanças pessoais dinâmico. O objetivo é construir uma aplicação amigável que permita aos usuários inserir e acompanhar suas despesas e rendimentos diários. O objetivo é claro - desenvolver uma interface que seja intuitiva e envolvente, garantindo que os usuários possam gerenciar facilmente suas finanças sem qualquer dificuldade. Este projeto não apenas visa simplificar o gerenciamento de finanças pessoais, mas também apresentar a você os conceitos fundamentais de JavaScript e manipulação do DOM.

Neste projeto, você aprenderá como criar um acordeão dobrável simples usando HTML, CSS e JavaScript. O acordeão dobrável é um elemento de interface do usuário (UI) comum que permite aos usuários expandir e recolher seções de conteúdo, tornando-o um recurso útil para exibir informações de forma compacta e organizada.

Neste projeto, você aprenderá como criar um sistema de semáforos que muda a cor da luz de vermelho para verde após um determinado intervalo de tempo. Este projeto ajudará você a entender os fundamentos do JavaScript e como manipular o DOM para exibir diferentes elementos com base em eventos temporais.

Neste projeto, você aprenderá a construir uma aplicação de votação que permite aos usuários criar e gerenciar opções de votação, além de excluir opções, se necessário. A aplicação também inclui recursos para suporte à múltipla seleção e resultados públicos da votação.

Neste projeto, você aprenderá como criar um jogo simples 'Frutas Divertidas' usando HTML, CSS e JavaScript. O jogo envolve combinar pares de imagens de frutas clicando nos quadrados no tabuleiro.

Neste projeto, você aprenderá como criar um jogo simples de empilhar frutas usando HTML, CSS e JavaScript. O objetivo é empilhar as frutas que caem na parte superior da página na caixa na parte inferior. Se houver três frutas idênticas na caixa, elas serão removidas automaticamente.

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 laboratório, ambientado no agitado cenário de startups da 'FinTech Valley', você se colocará no lugar de Alex, um engenheiro de software em ascensão encarregado de aprimorar o sistema de rastreamento financeiro de uma empresa de tecnologia em rápido crescimento. A equipe financeira da empresa precisa de uma maneira dinâmica de visualizar a saúde financeira geral da organização. Seu objetivo é implementar um recurso em seu aplicativo de contabilidade baseado na web existente que calcula e exibe a receita total, as despesas totais e o saldo líquido, fornecendo insights financeiros em tempo real.

Neste Lab, a jornada de Alex pelo desenvolvimento do rastreador de finanças pessoais entra em um estágio avançado, com foco no aprimoramento da interatividade do aplicativo por meio de técnicas sofisticadas de tratamento de eventos. A cena se passa em uma sessão de brainstorming na startup de tecnologia, onde Alex propõe adicionar um recurso de arrastar e soltar para reordenar os registros financeiros. Este objetivo ambicioso visa fornecer aos usuários uma maneira intuitiva de organizar seus registros, refletindo a natureza fluida do gerenciamento de finanças pessoais. Para alcançar isso, Alex precisa explorar eventos DOM avançados e manipular elementos de uma forma que seja visualmente atraente e fácil de usar.

Neste Lab, acompanhamos Alex, um desenvolvedor web determinado em uma startup de tecnologia agitada, que agora se aventura no reino da persistência de dados. Após criar com sucesso um mecanismo para rastrear e exibir registros financeiros no rastreador de finanças pessoais, o próximo desafio é garantir que esses registros persistam em diferentes sessões do navegador. O objetivo é permitir que os usuários retornem ao aplicativo e encontrem todos os seus dados inseridos anteriormente intactos, aprimorando a usabilidade e a satisfação do usuário. Esta tarefa apresenta a Alex o conceito de armazenamento web, especificamente aproveitando a API localStorage para salvar e recuperar o estado da aplicação.

2048 é um jogo extremamente popular e fácil de aprender que conquistou o mundo. Se você ainda não jogou, pode baixá-lo no seu celular para experimentar. Este projeto irá guiá-lo no uso de HTML, CSS, JavaScript e jQuery para criar uma versão web do jogo 2048.

Neste Lab, continuamos a acompanhar Alex em sua jornada como desenvolvedor web em uma startup de tecnologia. A cena se desenrola no espaço de trabalho da equipe de desenvolvimento, onde Alex é encarregado de aprimorar o rastreador de finanças pessoais, incorporando a capacidade de lidar com múltiplos registros financeiros. Este recurso crucial exige que Alex se aprofunde em arrays e objetos do JavaScript, armazenando cada registro financeiro como um objeto dentro de um array. O objetivo é criar uma aplicação dinâmica e interativa que não apenas rastreie, mas também organize os dados financeiros dos usuários de forma eficiente. Através deste esforço, Alex visa fornecer aos usuários uma visão geral clara de suas atividades financeiras, tornando assim o aplicativo mais útil e envolvente.

Neste projeto, você aprenderá como criar um painel de vendas em tempo real usando a biblioteca Echarts. O painel exibirá os dados de vendas e volume em um formato visualmente atraente e fácil de entender.

Neste projeto, você aprenderá como criar uma aplicação web interativa de coleção de filmes usando HTML, CSS e JavaScript (jQuery). A aplicação permite que os usuários marquem seus filmes favoritos e, quando uma coleção de filmes favoritos é criada, uma mensagem de sucesso é exibida.

Este projeto, o 'Jogo de Quebra-Cabeça Flip com jQuery', oferece uma experiência prática em desenvolvimento web, focando em JavaScript, jQuery e Bootstrap. Ele envolve programação orientada a objetos em JavaScript e aborda a questão comum da ligação de 'this' no contexto do desenvolvimento web. O jogo é implementado usando jQuery e Bootstrap 3 para a interface do usuário. Embora a familiaridade com Bootstrap seja útil, a lógica principal do projeto é construída com jQuery e JavaScript.

Neste projeto, você aprenderá como criar uma aplicação simples de sorteio de prêmios usando JavaScript e jQuery. A aplicação simulará um sorteio de prêmios, rotacionando uma lista de prêmios e exibindo o prêmio vencedor quando a rotação parar.

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.