Desenvolvimento Web Exercícios

Olá! Bem-vindo ao LabEx! Neste primeiro laboratório, você aprenderá o clássico programa 'Olá, Mundo!' em CSS.

Olá! Bem-vindo ao LabEx! Neste primeiro laboratório, você aprenderá o clássico programa 'Olá, Mundo!' em JavaScript.

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.

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 desafio, ajudaremos Jane a criar uma interface de aplicação para o cartão universitário de uma universidade. O objetivo é implementar a validação de formulário para os campos de nome e número de identificação do estudante e exibir corretamente o conteúdo do formulário enviado no cartão. Ao concluir esta tarefa, garantiremos que a entrada do formulário seja validada e que o cartão exiba as informações corretas.

No movimentado mundo de 'Pet's House', um santuário virtual para amantes de animais de estimação, Taylor, um designer web criativo, embarca em uma jornada para dar vida ao site.

Neste laboratório, você se colocará no lugar de um desenvolvedor web encarregado de criar um site elegante para um serviço de animais de estimação, utilizando técnicas e seletores CSS fundamentais.

No movimentado cenário digital de 'Pet's House', um site dedicado a fornecer serviços premium de cuidados com animais de estimação, nosso protagonista, Jordan, um talentoso desenvolvedor web, é encarregado de aprimorar o layout e o design do site.

Na movimentada cidade de Petville, Jordan, um desenvolvedor web, é encarregado de redesenhar o site 'Pet's House'.

Em 'Pet's House', um reino virtual para entusiastas de animais de estimação, Alex, um desenvolvedor web, embarca em uma jornada para renovar a apresentação de seus serviços usando CSS Grid.

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 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 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.

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 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.