JavaScript, CSS3 e HTML5 [5 Projetos Frontend em 5 dias]

JavaScript, CSS3, HTML5 e Webpack para aplicações rápidas e otimizadas [+ técnicas de Design Responsivo bônus]

Classificação: 4.8 de 554 avaliações Total de horas: 10 Total de aulas: 76 Todos os níveis JavaScript, CSS3, HTML5 e Webpack para aplicações rápidas e otimizadas [+ técnicas de Design Responsivo bônus] Desenvolva 5 aplicações frontend, utilizando técnicas básicas e avançadas de JavaScript, CSS e HTML. Este curso, adequado para iniciantes e programadores intermediários, é destinado a pessoas que possuem pelo menos um conhecimento básico de HTML, CSS e JavaScript. O curso é dividido em 5 dias:

Dia 1 - Slider de Páginas

Implemente a capacidade de navegar entre páginas usando apenas HTML e CSS. Neste projeto, usaremos JavaScript de forma parcimoniosa, escrevendo apenas algumas linhas de código. Nível básico.

Dia 2 - Formulário de Múltiplas Etapas

Crie um projeto de formulário de múltiplas etapas, utilizando as habilidades de CSS adquiridas no Dia 1. Faremos uso mais extensivo de código JavaScript e utilizaremos módulos ESM para desenvolver a aplicação de forma modular. Nível básico/intermediário.

Dia 3 - Simulação de Aplicativo de Notas para Dispositivos Móveis

Simule um aplicativo de notas para dispositivos móveis neste projeto. Faremos uso extensivo de código CSS e JavaScript para implementar todas as funcionalidades do aplicativo. A aplicação completa inclui criação e exclusão de notas, reordenação de notas com funcionalidade de arrastar e soltar, e a capacidade de habilitar ou desabilitar o som de confirmação. Nível intermediário.

Dia 4 - Teste de Velocidade de Digitação

No Dia 4, criaremos um teste de velocidade de digitação de 60 segundos. Neste projeto, iremos focar no código JavaScript e explorar carregadores de módulos e empacotadores de módulos, incluindo o trabalho com o Parcel. Nível básico/intermediário.

Dia 5 - Design Responsivo para a Web

Analise como implementar um layout responsivo neste projeto. Estudaremos a diferença entre pixels físicos e pixels CSS e trabalharemos com unidades de medida relativas para tornar nosso layout mais flexível. Criaremos um menu responsivo e um sistema de grade simplificado utilizando técnicas CSS intermediárias.

Dia 6 [BÔNUS] - Webpack

Nesta seção, aprofundaremos nos detalhes do empacotador de módulos Webpack para otimizar a aplicação e automatizar o processo de implantação. Por favor, note que o curso não inclui lições específicas sobre as tecnologias CSS e JavaScript que estaremos utilizando. É necessário ter pelo menos um conhecimento básico prévio de HTML, CSS e JavaScript. Para aprofundar ainda mais o seu entendimento de JavaScript, você pode seguir meus cursos Maestro JavaScript e Maestro Node (cursos com uma duração total de mais de 30 horas). Se tiver alguma dúvida sobre as técnicas que estaremos utilizando no curso, estarei ativo na seção de Perguntas e Respostas, respondendo às perguntas o mais rápido possível. Se você está pronto para essa jornada, vamos começar! O que você aprenderá: - Combinar efetivamente HTML, JavaScript e CSS para um desenvolvimento frontend ótimo - Modularizar a aplicação com módulos ESM - Utilizar módulos JavaScript em conjunto com o Empacotador de Módulos Parcel - Utilizar técnicas CSS básicas, intermediárias e avançadas de forma eficiente