20 Projetos Web com JavaScript Puro

Construa 20 mini projetos front-end do zero com HTML5, CSS e JavaScript (Sem frameworks ou bibliotecas)

Avaliação: 4.8 de 56678 avaliações

Total de 16 horas

121 aulas

Todos os níveis

Construa 20 mini projetos front-end do zero com HTML5, CSS e JavaScript (Sem frameworks ou bibliotecas) Este é um curso prático e envolvente adequado para pessoas de todos os níveis de habilidade. Os projetos deste curso são projetados para fornecer a você experiência prática na construção de aplicativos da web usando HTML5, CSS e JavaScript, sem depender de frameworks ou bibliotecas. Cada projeto é criado do zero e incorpora funcionalidades dinâmicas, que vão desde pequenos jogos até um rastreador de despesas e um aplicativo de relaxamento respiratório. Embora este curso seja baseado em projetos, eu irei guiá-lo em cada etapa e explicar os conceitos ao longo do caminho. Esses mini projetos são projetados para serem concluídos em algumas horas. É recomendado que você tenha um entendimento básico de HTML, CSS e JavaScript. Se você é novo nessas linguagens, sugiro fazer meus cursos HTML/CSS Moderno do Início e/ou JavaScript Moderno do Início. Este curso combina elementos de ambos. Alguns dos tópicos abordados nesses projetos incluem: - Criar layouts e interfaces de usuário com HTML e CSS (sem frameworks CSS) - Implementar animações CSS usando transições, keyframes e acionadores JavaScript - Compreender os fundamentos do JavaScript - Selecionar e manipular elementos no Modelo de Objeto de Documento (DOM) - Lidar com eventos JavaScript relacionados a formulários, botões, rolagem, etc. - Utilizar a API Fetch e trabalhar com dados JSON - Utilizar o HTML5 Canvas - Explorar as APIs de Áudio e Vídeo - Implementar funcionalidade de arrastar e soltar - Utilizar a API de Fala da Web para síntese e reconhecimento - Trabalhar com armazenamento local - Utilizar métodos de array de alta ordem, como forEach, map, filter, reduce e sort - Implementar as funções setTimeout e setInterval - Utilizar funções de seta e muito mais! O que você aprenderá: - Construir 20 projetos front-end do zero - Desenvolver projetos sem depender de frameworks JS ou CSS - Utilizar recursos modernos do JavaScript (ES6+), como funções de seta, fetch, promises, etc. - Manipular o DOM e lidar com eventos - Criar animações usando CSS e JavaScript - Obter dados de APIs de terceiros usando fetch e JSON - Explorar o HTML5 Canvas, API de Fala, Áudio e Vídeo - Curso adequado para iniciantes