|
| 1 | +# Praticar Projetos de Programação HTML |
| 2 | + |
| 3 | +## Idiomas |
| 4 | + |
| 5 | +🇨🇳 [简体中文](README_zh.md) 🇯🇵 [日本語](README_ja.md) 🇪🇸 [Español](README_es.md) 🇫🇷 [Français](README_fr.md) 🇩🇪 [Deutsch](README_de.md) 🇷🇺 [Русский](README_ru.md) 🇰🇷 [한국어](README_ko.md) 🇧🇷 [Português](README_pt.md) 🇺🇸 [English](README.md) |
| 6 | + |
| 7 | +<div align="center"> |
| 8 | +<img width="128px" src="https://file.labex.io/path/NrasuEoAvSam.png"> |
| 9 | +</div> |
| 10 | + |
| 11 | +HTML é a base do desenvolvimento web. Esta Skill Tree apresenta um caminho de aprendizagem abrangente para dominar HTML. É perfeito para iniciantes em desenvolvimento web, oferecendo um roteiro estruturado para entender a estrutura do documento, tags e marcação semântica. Através de cursos práticos, sem vídeos e exercícios práticos em um playground HTML dinâmico, você obterá experiência do mundo real na criação de páginas web bem estruturadas. |
| 12 | + |
| 13 | +## Exercícios |
| 14 | + |
| 15 | +| Índice | Nome | Dificuldade | Prática | |
| 16 | +|----------|------------------------------------------------------------------------------------------------------------------------------------------------------|---------------|---------------------------------------------------------------------------------------------------------| |
| 17 | +| 01 | [Construa um Jogo da Velha Web](https://labex.io/pt/courses/project-build-a-tic-tac-toe-web-app) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-build-a-tic-tac-toe-web-app) | |
| 18 | +| 02 | [Criando um Jogo Web Whack-a-Mole](https://labex.io/pt/courses/project-creating-a-whack-a-mole-web-game) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-creating-a-whack-a-mole-web-game) | |
| 19 | +| 03 | [Criar um Aplicativo de Notas Usando React](https://labex.io/pt/courses/project-create-a-notes-app-using-react) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-create-a-notes-app-using-react) | |
| 20 | +| 04 | [Construindo um Aplicativo Web Moderno de Divisão de Despesas](https://labex.io/pt/courses/project-building-a-expense-splitter-web-app) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-building-a-expense-splitter-web-app) | |
| 21 | +| 05 | [Criando um Aplicativo Web de Quadro de Desenho](https://labex.io/pt/courses/project-creating-a-drawing-board-web-app) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-creating-a-drawing-board-web-app) | |
| 22 | +| 06 | [Criando um Web App de Cronômetro de Tarefas](https://labex.io/pt/courses/project-creating-a-task-timer-web-app) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-creating-a-task-timer-web-app) | |
| 23 | +| 07 | [Crie um Web App de Carrossel Swiper](https://labex.io/pt/courses/project-create-a-swiper-carousel-web-app) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-create-a-swiper-carousel-web-app) | |
| 24 | +| 08 | [Web App de Simulação do Problema de Monty Hall](https://labex.io/pt/courses/project-monty-hall-problem-simulation-web-app) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-monty-hall-problem-simulation-web-app) | |
| 25 | +| 09 | [Construindo um Jogo Web de Evitar Blocos](https://labex.io/pt/courses/project-building-a-web-avoiding-block-game) | ★★☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-building-a-web-avoiding-block-game) | |
| 26 | +| 10 | [Jogo Web 2048 Usando jQuery](https://labex.io/pt/courses/project-2048-web-game-using-jquery) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-2048-web-game-using-jquery) | |
| 27 | +| 11 | [Desenvolvendo uma Sala de Chat Online Simples Usando Flask](https://labex.io/pt/courses/project-developing-a-simple-online-chat-room-using-flask) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-developing-a-simple-online-chat-room-using-flask) | |
| 28 | +| 12 | [Crie um Jogo de Quebra-Cabeça Deslizante com JavaScript](https://labex.io/pt/courses/project-build-a-sliding-puzzle-game-with-javascript) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-build-a-sliding-puzzle-game-with-javascript) | |
| 29 | +| 13 | [Criar um Animador de Pixel Art com React](https://labex.io/pt/courses/project-create-a-pixel-art-animator-with-react) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-create-a-pixel-art-animator-with-react) | |
| 30 | +| 14 | [Jogo de Puzzle Flip com jQuery](https://labex.io/pt/courses/project-jquery-flip-puzzle-game) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-jquery-flip-puzzle-game) | |
| 31 | +| 15 | [Criando um Jogo Campo Minado com JavaScript](https://labex.io/pt/courses/project-creating-a-minesweeper-game-with-javascript) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-creating-a-minesweeper-game-with-javascript) | |
| 32 | +| 16 | [Construa um Editor Markdown Simples com Visualização ao Vivo](https://labex.io/pt/courses/project-build-a-simple-markdown-editor-with-live-preview) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-build-a-simple-markdown-editor-with-live-preview) | |
| 33 | +| 17 | [Implementar um Efeito de Lupa Usando Canvas](https://labex.io/pt/courses/project-implement-a-magnifying-glass-effect-using-canvas) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-implement-a-magnifying-glass-effect-using-canvas) | |
| 34 | +| 18 | [Construa uma Ferramenta de Corte de Imagens Usando HTML5](https://labex.io/pt/courses/project-build-an-image-cropping-tool-using-html5) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-build-an-image-cropping-tool-using-html5) | |
| 35 | +| 19 | [Construindo um Criador de Lista de Desejos de Natal em React](https://labex.io/pt/courses/project-building-a-christmas-wish-list-builder-in-react) | ★★☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-building-a-christmas-wish-list-builder-in-react) | |
| 36 | +| 20 | [Implementando MobileNet com TensorFlow.js e Flask](https://labex.io/pt/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) | |
| 37 | +| 21 | [Não Pise no Azulejo Branco](https://labex.io/pt/courses/project-dont-step-on-the-white-tile) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-dont-step-on-the-white-tile) | |
| 38 | +| 22 | [Crie um Jogo Web de Raspar Cartão](https://labex.io/pt/courses/project-scratch-card-game) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-scratch-card-game) | |
| 39 | +| 23 | [Crie um Encurtador de URL Simples com Flask e MySQL](https://labex.io/pt/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) | ★★★ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) | |
| 40 | +| 24 | [Construa um Scanner de Portas TCP Baseado na Web](https://labex.io/pt/courses/project-build-a-web-based-tcp-port-scanner) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-build-a-web-based-tcp-port-scanner) | |
| 41 | +| 25 | [Desenvolvimento de Funcionalidade de Busca com Vue.js](https://labex.io/pt/courses/project-do-a-search) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-do-a-search) | |
| 42 | +| 26 | [Implementar Barra de Abas Fixa Dinâmica](https://labex.io/pt/courses/project-dynamic-tab-bar) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-dynamic-tab-bar) | |
| 43 | +| 27 | [Uma Boa Avaliação para o Takeout](https://labex.io/pt/courses/project-a-good-review-for-the-takeout) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-a-good-review-for-the-takeout) | |
| 44 | +| 28 | [Aplicação Web de Gerenciamento de Endereços](https://labex.io/pt/courses/project-add-new-address) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-add-new-address) | |
| 45 | +| 29 | [Gerador de Cartões de Saudação Aleatórios](https://labex.io/pt/courses/project-holiday-greeting-card) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-holiday-greeting-card) | |
| 46 | +| 30 | [Sistema de Reserva de Ingressos para Cinema](https://labex.io/pt/courses/project-movie-ticket-reservation) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-movie-ticket-reservation) | |
| 47 | +| 31 | [Construtor de Apresentações HTML Baseado na Web](https://labex.io/pt/courses/project-web-ppt) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-web-ppt) | |
| 48 | +| 32 | [Carrinho de Compras Vue.js com Arrastar e Soltar](https://labex.io/pt/courses/project-fun-shopping) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-fun-shopping) | |
| 49 | +| 33 | [Lista de Produtos com Alternância de Layout](https://labex.io/pt/courses/project-layout-switch) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-layout-switch) | |
| 50 | +| 34 | [Construa um Leitor de E-books com Vue.js](https://labex.io/pt/courses/project-read-it) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-read-it) | |
| 51 | +| 35 | [Construindo um Comutador de Status de Loja em Vue.js](https://labex.io/pt/courses/project-switch-business-status) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-switch-business-status) | |
| 52 | +| 36 | [Implementar Atomic Flex Layout com CSS](https://labex.io/pt/courses/project-atomic-css) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-atomic-css) | |
| 53 | +| 37 | [Construindo uma Homepage de Site de Notícias Responsiva](https://labex.io/pt/courses/project-creating-website-homepage) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-creating-website-homepage) | |
| 54 | +| 38 | [Design Criativo de Outdoor com Texturas de Madeira](https://labex.io/pt/courses/project-creative-billboard) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-creative-billboard) | |
| 55 | +| 39 | [Corrigindo Problemas de Exibição de Websites](https://labex.io/pt/courses/project-fix-website-display) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-fix-website-display) | |
| 56 | +| 40 | [Layout de Dados Responsivo com Flexbox](https://labex.io/pt/courses/project-flex-dice-layout) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-flex-dice-layout) | |
| 57 | +| 41 | [Dê uma Nova Cara à Sua Página](https://labex.io/pt/courses/project-give-your-page-a-makeover) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-give-your-page-a-makeover) | |
| 58 | +| 42 | [Design de Página Inicial Simples e Bonito](https://labex.io/pt/courses/project-labex-knowledge-network) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-labex-knowledge-network) | |
| 59 | +| 43 | [Disposição de Assentos em Cinema](https://labex.io/pt/courses/project-movie-theater-seat-arrangement) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-movie-theater-seat-arrangement) | |
| 60 | +| 44 | [Design Web Responsivo com Gulp](https://labex.io/pt/courses/project-responsive-page-layout) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-responsive-page-layout) | |
| 61 | +| 45 | [Design Web Responsivo para Todas as Telas](https://labex.io/pt/courses/project-responsive-web-design) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-responsive-web-design) | |
| 62 | +| 46 | [Formatação e Visualização de Dados com Vue.js](https://labex.io/pt/courses/project-table-data-conversion) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-table-data-conversion) | |
| 63 | +| 47 | [Desaparecido no Ar](https://labex.io/pt/courses/project-vanished-into-thin-air) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-vanished-into-thin-air) | |
| 64 | +| 48 | [App de Notas Adesivas de Desejos com Vue.js](https://labex.io/pt/courses/project-wish-sticky-note) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-wish-sticky-note) | |
| 65 | +| 49 | [Dinamização de Dados da Página Inicial](https://labex.io/pt/courses/project-dynamization-of-homepage-data) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-dynamization-of-homepage-data) | |
| 66 | +| 50 | [Visualização de Dados com Echarts e JSON](https://labex.io/pt/courses/project-food-protein-revealed) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-food-protein-revealed) | |
| 67 | +| 51 | [Vamos Fazer uma Reunião Juntos](https://labex.io/pt/courses/project-lets-have-a-meeting-together) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-lets-have-a-meeting-together) | |
| 68 | +| 52 | [Construindo Login com Vue.js e Vuex](https://labex.io/pt/courses/project-missing-token) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-missing-token) | |
| 69 | +| 53 | [Construa um Gerenciador de Tarefas com Vue.js](https://labex.io/pt/courses/project-time-management-master) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-time-management-master) | |
| 70 | +| 54 | [Implementar Função de Login de Usuário](https://labex.io/pt/courses/project-implement-user-login-function) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-implement-user-login-function) | |
| 71 | +| 55 | [Tempo com o Seu Telefone](https://labex.io/pt/courses/project-time-with-your-phone) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-time-with-your-phone) | |
| 72 | +| 56 | [Gráfico de Tendência Climática com Vue e Echarts](https://labex.io/pt/courses/project-weather-trend) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-weather-trend) | |
| 73 | +| 57 | [Contagem de Acessos por IP](https://labex.io/pt/courses/project-counting-access-times-by-ip) | ★☆☆ | [🚀 Iniciar Lab](https://labex.io/pt/courses/project-counting-access-times-by-ip) | |
| 74 | + |
| 75 | +## Mais |
| 76 | + |
| 77 | +- 🔗 [HTML Saiba mais sobre](https://labex.io/pt/skilltrees/html) |
| 78 | +- 🔗 [Awesome Programming Projects](https://github.com/labex-labs/awesome-programming-projects) |
| 79 | +- 🔗 [Awesome Programming Courses](https://github.com/labex-labs/awesome-programming-courses) |
| 80 | + |
0 commit comments