Tutoriais CSS

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 criar um layout de dados responsivo usando Flexbox CSS. O objetivo é organizar um conjunto de dados com diferentes padrões de pontos, seguindo requisitos de layout específicos.

Neste projeto, criaremos um editor Markdown simples baseado na web que oferece visualização HTML ao vivo enquanto você digita. Usando bibliotecas como Ace Editor, marked e highlight.js, você desenvolverá um editor intuitivo que não apenas permite escrever em Markdown, mas também salva dados entre as sessões do navegador e destaca trechos de código na visualização.

Neste projeto, você aprenderá como criar um rosto de Koala usando o layout CSS Grid. Você criará a estrutura geral do rosto, desenhará os olhos, o nariz e os elementos de bochecha para completar as características faciais do Koala.

Neste projeto, você aprenderá como criar uma travessa de frutas visualmente atraente usando CSS Flexbox. O objetivo é posicionar as frutas da mesma cor no meio de suas respectivas placas de cor, criando uma exibição harmoniosa e esteticamente agradável.

Neste projeto, você aprenderá como usar CSS Flexbox para criar um layout de arranjo de frutas. Você aprenderá como usar as propriedades align-self e order para posicionar e organizar as frutas nas tigelas.

Neste projeto, você aprenderá a usar as propriedades CSS do Flexbox para organizar um layout de vegetais frescos em um design específico. Ao final deste projeto, você será capaz de criar um layout visualmente atraente usando Flexbox, uma ferramenta poderosa para criar designs web responsivos e dinâmicos.

Neste projeto, você aprenderá como criar um layout de cartão flexível usando CSS Flexbox. O layout de cartão flexível é um padrão de design comum usado em páginas web e aplicativos, onde o conteúdo é exibido em uma estrutura semelhante a uma grade, responsiva e adaptável.

Este projeto guia você na criação de um serviço simples de encurtamento de URLs usando Flask e MySQL. Você aprenderá a configurar um banco de dados, projetar uma interface web e implementar funcionalidades para encurtar URLs, pesquisar URLs por tags e visualizar análises. O projeto é amigável para iniciantes e oferece uma visão abrangente do desenvolvimento web com Python e gerenciamento de banco de dados.

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.

Bem-vindo a este projeto sobre a construção de um simples jogo de Quebra-Cabeça Deslizante usando JavaScript. Ao final deste guia, você terá um jogo de quebra-cabeça deslizante 3x3 funcional que poderá jogar em seu navegador. O jogo apresentará peças numeradas, um cronômetro e controles para iniciar, pausar e reiniciar o jogo.

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.

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.

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

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.

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 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ê aprenderá os fundamentos da manipulação do DOM com JavaScript, incluindo seleção de elementos, alteração de conteúdo, definição de atributos e criação/anexação de novos elementos.