Tutoriais CSS

Neste laboratório, você aprenderá os fundamentos do Modelo de Caixa (Box Model) do CSS, incluindo conteúdo, padding, borda e margem, e como controlar o dimensionamento de elementos com box-sizing.

Neste laboratório, você aprenderá os fundamentos da estilização de texto com CSS, incluindo como definir cor do texto, tamanho da fonte, espessura da fonte, alinhamento e altura da linha.

Neste laboratório, você aprenderá os conceitos básicos de CSS, incluindo como criar uma folha de estilos externa e vinculá-la a um documento HTML para alterar a fonte da página.

Neste laboratório, você aprenderá os fundamentos do CSS Flexbox para criar layouts web responsivos e flexíveis.

Neste laboratório, você aprenderá a estilizar listas HTML usando várias propriedades CSS para criar uma barra de navegação horizontal.

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.

Neste laboratório, você aprenderá os fundamentos dos seletores CSS, incluindo seletores de elemento, classe, ID, agrupamento e descendentes para estilizar elementos HTML.

Neste laboratório, você aprenderá a estilizar tabelas HTML usando várias propriedades CSS para melhorar sua legibilidade e apelo visual.

Neste laboratório, você aprenderá os fundamentos do Tailwind CSS, um framework CSS utility-first, estilizando um elemento HTML simples. Você adicionará o CDN e aplicará classes para cor de fundo, cor do texto, padding e layout.

Neste laboratório, aprenderá a estilizar elementos de páginas web aplicando várias propriedades CSS de cor e fundo, incluindo definir cores, adicionar imagens e controlar a sua posição e repetição.

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

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.

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

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

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.