Praticar Projetos de Programação CSS

September 26, 2025 · View on GitHub

Idiomas

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

Aprenda CSS com este Roteiro de Aprendizagem estruturado, ideal para iniciantes em desenvolvimento web. Estes cursos de CSS oferecem um caminho claro para dominar seletores, layout e design responsivo. Desenvolva habilidades práticas através de exercícios interativos, não baseados em vídeo, em um ambiente de testes CSS interativo para criar websites visualmente atraentes e responsivos.

Exercícios

ÍndiceNomeDificuldadePrática
01Construa um Jogo da Velha WebIniciante🚀 Iniciar Lab
02Criando um Jogo Web Whack-a-MoleIniciante🚀 Iniciar Lab
03Criar um Aplicativo de Notas Usando ReactIniciante🚀 Iniciar Lab
04Construindo um Aplicativo Web Moderno de Divisão de DespesasIniciante🚀 Iniciar Lab
05Criando um Aplicativo Web de Quadro de DesenhoIniciante🚀 Iniciar Lab
06Criando um Web App de Cronômetro de TarefasIniciante🚀 Iniciar Lab
07Crie um Web App de Carrossel SwiperIniciante🚀 Iniciar Lab
08Web App de Simulação do Problema de Monty HallIniciante🚀 Iniciar Lab
09Construindo um Jogo Web de Evitar BlocosIntermediário🚀 Iniciar Lab
10Jogo Web 2048 Usando jQueryIniciante🚀 Iniciar Lab
11Crie um Jogo de Quebra-Cabeça Deslizante com JavaScriptIniciante🚀 Iniciar Lab
12Criar um Animador de Pixel Art com ReactIniciante🚀 Iniciar Lab
13Jogo de Puzzle Flip com jQueryIniciante🚀 Iniciar Lab
14Criando um Jogo Campo Minado com JavaScriptIniciante🚀 Iniciar Lab
15Construa um Editor Markdown Simples com Visualização ao VivoIniciante🚀 Iniciar Lab
16Implementar um Efeito de Lupa Usando CanvasIniciante🚀 Iniciar Lab
17Construa uma Ferramenta de Corte de Imagens Usando HTML5Iniciante🚀 Iniciar Lab
18Construindo um Criador de Lista de Desejos de Natal em ReactIntermediário🚀 Iniciar Lab
19Construindo um Jogo de Quebra-Cabeça Drag-and-Drop em ReactIniciante🚀 Iniciar Lab
20Construindo um Mapa de Calor de Contribuições do GitHub em ReactIntermediário🚀 Iniciar Lab
21Implementando MobileNet com TensorFlow.js e FlaskIniciante🚀 Iniciar Lab
22Não Pise no Azulejo BrancoIniciante🚀 Iniciar Lab
23Crie um Jogo Web de Raspar CartãoIniciante🚀 Iniciar Lab
24Crie um Encurtador de URL Simples com Flask e MySQLAvançado🚀 Iniciar Lab
25Desenvolvimento de Funcionalidade de Busca com Vue.jsIniciante🚀 Iniciar Lab
26Implementar Barra de Abas Fixa DinâmicaIniciante🚀 Iniciar Lab
27Efeito de Animação Hover em Leque com CSSIniciante🚀 Iniciar Lab
28Criar Caixas Modais ResponsivasIniciante🚀 Iniciar Lab
29Construtor de Apresentações HTML Baseado na WebIniciante🚀 Iniciar Lab
30Implementar Atomic Flex Layout com CSSIniciante🚀 Iniciar Lab
31Construindo uma Homepage de Site de Notícias ResponsivaIniciante🚀 Iniciar Lab
32Design Criativo de Outdoor com Texturas de MadeiraIniciante🚀 Iniciar Lab
33Profundidade de Campo em ImagensIniciante🚀 Iniciar Lab
34Criando um Rosto de Coala com CSS GridIniciante🚀 Iniciar Lab
35Criando a Animação Orbital da Terra com CSSIniciante🚀 Iniciar Lab
36Corrigindo Problemas de Exibição de WebsitesIniciante🚀 Iniciar Lab
37Layout de Dados Responsivo com FlexboxIniciante🚀 Iniciar Lab
38Layout de Cartões Flexível e ResponsivoIniciante🚀 Iniciar Lab
39Design de Layout de Vegetais com FlexboxIniciante🚀 Iniciar Lab
40Arranjo de Frutas com CSS FlexboxIniciante🚀 Iniciar Lab
41Travessa de Frutas Visualmente AtraenteIniciante🚀 Iniciar Lab
42Dê uma Nova Cara à Sua PáginaIniciante🚀 Iniciar Lab
43Design de Página Inicial Simples e BonitoIniciante🚀 Iniciar Lab
44Disposição de Assentos em CinemaIniciante🚀 Iniciar Lab
45Design Web Responsivo com GulpIniciante🚀 Iniciar Lab
46Design Web Responsivo para Todas as TelasIniciante🚀 Iniciar Lab
47Criar um Cartão de Visita Visualmente AtraenteIniciante🚀 Iniciar Lab
48Jornada ao Oeste CelestialIniciante🚀 Iniciar Lab
49Sistema de Gerenciamento de Permissões de Usuário com JavaScriptIniciante🚀 Iniciar Lab

Mais