Workshop de HTML5, CSS3 e JavaScript: Construa 7 Projetos Criativos

Aprenda habilidades de desenvolvimento e design de sites do mundo real para construir um site do zero

Bem-vindo ao meu curso! Estou animado para compartilhar com você o conhecimento e as habilidades necessárias para se tornar um desenvolvedor web proficiente. Ao longo deste curso, você aprenderá HTML5, CSS3, JavaScript e jQuery, e aplicará essas tecnologias para construir um site do zero. Vamos mergulhar nos detalhes!

Visão Geral Geral

Neste curso, exploraremos as tendências e técnicas modernas de desenvolvimento web enquanto construímos um site minimalista. Se você é um iniciante, aspirante a desenvolvedor/designer web ou simplesmente um entusiasta, este curso irá equipá-lo com as habilidades para desenvolver projetos reais e criar sites do zero. Você aprenderá como construir um site responsivo com componentes modernos, incluindo efeitos de paralaxe, cabeçalhos fixos, menus responsivos, sliders, sistemas de grade, animações CSS e muito mais.

Curso Baseado em Projetos

Este curso se destaca como um dos cursos baseados em projetos mais abrangentes disponíveis. Trabalharemos em um total de 7 projetos criativos, cada um construído do zero. Eu vou te guiar durante todo o processo, explicando cada etapa em detalhes. Aqui estão os 7 projetos que desenvolveremos juntos: 1. Cabeçalho fixo animado interativo: Usando CSS3 e jQuery, você aprenderá como criar um cabeçalho fixo e animado que pode ser usado em qualquer site. 2. Página de capa de paralaxe que acompanha os movimentos do mouse: Começaremos o processo de criação do site construindo uma página de capa de paralaxe que responde aos movimentos do mouse. 3. Layout de grade responsivo (galeria): Usando o Masonry.Js, você criará um sistema de grade totalmente responsivo para mostrar trabalhos de portfólio ou colagens de fotografia. 4. Animação de coração batendo: Aprenda como alcançar uma incrível animação de coração batendo usando CSS3 e keyframes. 5. Slider responsivo com navegação: Usando o Slick Slider, construiremos um slider totalmente navegável e responsivo e exploraremos opções de personalização. 6. Rodapé de paralaxe oculto: Adicione um toque final ao nosso site com um rodapé oculto em CSS3. 7. Menu limpo, moderno e responsivo: Torne o cabeçalho fixo totalmente responsivo com um menu responsivo elegante.

De 7 Projetos a um Site Totalmente Funcional

Vamos combinar esses 7 projetos em um site totalmente funcional, responsivo e moderno que pode servir como seu portfólio ou vitrine de produtos. Ao longo do curso, também escreveremos consultas de mídia CSS personalizadas para garantir que o site seja responsivo. Seguindo as tendências de design, criaremos um site moderno, limpo e minimalista.

Tarefas

Após concluir cada projeto, você receberá uma tarefa para testar seus conhecimentos e aplicar as habilidades que aprendeu. Essas tarefas desafiarão você a criar algo único usando as habilidades da seção anterior. Além disso, cada tarefa incluirá questionários e testes para reforçar seu aprendizado.

Construa seu site com seus 7 projetos

Ao concluir as tarefas, você terá desenvolvido 7 projetos por conta própria. Além do site que criamos juntos, você terá seu próprio site combinando seus 7 projetos.

Hospede o site online e verifique a compatibilidade com navegadores

Também hospedaremos o site online e testaremos sua compatibilidade em vários navegadores da web, dispositivos Apple e dispositivos Android para garantir um funcionamento suave.

5 Bônus adicionais ao se inscrever no curso

Ao se inscrever neste curso, você receberá os seguintes bônus: 1. E-book gratuito: 75+ Recursos Indispensáveis para Desenvolvedores e Designers Web - Este guia abrangente fornece recursos web valiosos, como fotos de estoque, vídeos, maquetes, modelos PSD, pacotes de ícones, fontes, tipografia e inspiração de design. 2. Acesso a um grupo privado no Facebook e sala de bate-papo para estudantes - Junte-se a uma comunidade de colegas estudantes onde você pode discutir tópicos de design e desenvolvimento web, compartilhar conhecimento e receber ajuda com quaisquer problemas ou bugs. 3. Feedback pessoal sobre seu site finalizado - Depois de concluir o curso e desenvolver seu site, fornecerei feedback e opiniões sobre seu trabalho. Sinta-se à vontade para entrar em contato comigo na sala de bate-papo para estudantes para uma discussão detalhada. 4. Suporte completo para problemas/bugs - Estou disponível 24/7 para responder suas perguntas e ajudar com quaisquer problemas ou bugs que você encontrar. Basta postar uma discussão na seção de perguntas e respostas, e eu abordarei prontamente suas preocupações. 5. Garantia de reembolso total de 30 dias - Se o curso não atender às suas expectativas, ofereço um reembolso total dentro de 30 dias, sem perguntas. Seu feedback sobre áreas de melhoria é muito apreciado. Não espere mais! Clique no botão INSCREVA-SE AGORA e junte-se a mim nesta empolgante jornada para se tornar um desenvolvedor web habilidoso. Estou ansioso para vê-lo dentro do curso!