Descrição
Projetos em CSS: Aprenda Técnicas Profissionais de Desenvolvimento CSS Construindo Projetos
Visão geral do curso
Seja um mago do front-end com este curso único da Eduonix. Reunimos um currículo onde você aprenderá todas as dicas e truques de design CSS e HTML enquanto constrói dez projetos incríveis. Isso ajudará você a dominar diferentes aspectos da programação front-end e mostrará todas as melhores práticas de desenvolvimento. Os seguintes projetos foram especialmente selecionados para fazer parte deste curso.Projeto 1 - Design de Página de Destino
Descrição: Criaremos uma página de destino HTML5/CSS que apresentará um cabeçalho e rodapé, uma lista com marcadores de imagem, um formulário HTML5 e um bloco de depoimentos. A página será completamente responsiva e se adaptará a qualquer tamanho de tela usando consultas de mídia CSS3. Também usaremos o arquivo de redefinição de Eric Meyers. Recursos/Tecnologias: HTML5, CSS3, Formulários da Web, Listas, Arquivos de Redefinição, Design Responsivo da WebProjeto 2 - Calendário Responsivo sem Tabelas
Descrição: Criaremos uma página de calendário da web usando HTML5/CSS. Ao contrário de muitos calendários que usam tabelas HTML para posicionamento e apresentação, nosso calendário usará apenas CSS. O calendário será completamente responsivo e terá um sublayout para tamanhos de tela menores. Recursos/Tecnologias: HTML5, CSS3, Listas, Design Responsivo da Web, Layout semelhante a tabela usando apenas CSS, Espaçamento de Caixa, Preenchimento e MargensProjeto 3 - Slider de Imagens com CSS Puro
Descrição: A maioria dos sliders de imagens que você vê na Web são alimentados por JavaScript ou uma biblioteca JavaScript como JQuery. Construiremos um slider de imagens totalmente funcional com CSS puro. Teremos miniaturas que, quando clicadas, fazem a imagem maior deslizar para o lugar. Usaremos animação/keyframes CSS para alcançar isso. Recursos/Tecnologias: HTML5, CSS3, Animação, Keyframes, z-index e PosicionamentoProjeto 4 - Menu Suspenso com Transição
Descrição: Construiremos um menu suspenso de vários níveis usando transições CSS para o efeito de animação do menu suspenso. Usaremos um pouco de JQuery para adicionar dinamicamente um elemento div. Recursos/Tecnologias: HTML5, CSS3, Listas Aninhadas, Design Responsivo da Web, Transições CSS, JQueryProjeto 5 - Linha do Tempo em CSS
Descrição: Neste projeto, construiremos uma linha do tempo usando HTML5/CSS. Este projeto se afastará dos layouts comuns em forma de caixa que vemos o tempo todo. Haverá pontos para anos e eventos com descrições. Isso pode ser usado para muitas coisas, como rastreamento profissional/emprego e pessoal/estilo de vida. Recursos/Tecnologias: HTML5, CSS3, Design Responsivo da Web, Layout Fluid, Imagens de Fundo e PosicionamentoProjeto 6 - Tabelas com SASS
Descrição: SASS é um pré-processador CSS que nos permite fazer coisas incríveis, como usar variáveis, mixins e estilos aninhados. Criaremos algumas tabelas de preços para pacotes de hospedagem na web. Recursos/Tecnologias: HTML5, CSS3, Listas, Design Responsivo da Web, Layout Fluid, Instalação, Configuração e Trabalho com SASSProjeto 7 - Galeria de Imagens em CSS
Descrição: Construiremos uma galeria de imagens com a ajuda do JQuery. O layout será estilizado com CSS e usaremos o JQuery para filtragem dinâmica de categorias e lightbox de imagens. Também criaremos um logotipo muito simples no Photoshop. Recursos/Tecnologias: HTML5, CSS3, Design Responsivo da Web, Layout Fluid, JQuery, Plugin JQuery FancyboxProjeto 8 - Carro Animado
Descrição: Vamos nos concentrar na animação CSS3 e keyframes para posicionar e animar imagens. Usaremos uma imagem de um carro e faremos com que pareça estar dirigindo pela rua. Recursos/Tecnologias: HTML5, CSS3, Animação, Keyframes, Recorte de Imagens no Photoshop, Imagens de Fundo e PosicionamentoProjeto 9 - Template Bootstrap Animado
Descrição: O Twitter Bootstrap é o framework HTML5/CSS mais popular disponível. Construiremos um template Bootstrap personalizado junto com algumas animações, incluindo animação inicializada por rolagem usando JQuery e CSS. Recursos/Tecnologias: HTML5, CSS3, Animação, Keyframes, Twitter Bootstrap, JQueryProjeto 10 - Design de Newsletter com LESS
Descrição: LESS é outro pré-processador CSS como o SASS. Criaremos um modelo de newsletter suave para um restaurante. Implementaremos LESS e usaremos recursos como variáveis, mixins, estilos aninhados e importação de arquivos .less. Recursos/Tecnologias: HTML5, CSS3, Instalação do Node.js, Instalação, Configuração e Trabalho com LESSO que você aprenderá
- Aprenda técnicas de design CSS - Aprenda a usar LESS e SASS - Aprenda o uso do Bootstrap - Aprenda as melhores práticas de desenvolvimento para CSSEstimar frete
Payment & Security
Featured collection
Dúvidas Gerais
Após a confirmação do pagamento, você receberá um e-mail com todas as instruções para acessar seus cursos. O e-mail incluirá um link para a plataforma de ensino, onde você poderá fazer login utilizando suas credenciais cadastradas no momento da compra. Caso seja um curso em formato de arquivo para download, o mesmo estará disponível na área do aluno e poderá ser acessado diretamente pelo link enviado. Se você não receber o e-mail de acesso em até 24 horas, verifique sua caixa de spam ou entre em contato com nossa equipe pelo e-mail suporte@amentil.com.br.
Após a confirmação do pagamento, seu pedido será processado e enviado para o endereço cadastrado. Você receberá um e-mail com os detalhes do envio, incluindo o código de rastreamento para acompanhar a entrega. Trabalhamos com transportadoras confiáveis e os prazos variam de acordo com o método de envio escolhido e sua localização. É importante garantir que o endereço de entrega esteja correto para evitar atrasos. Caso tenha dúvidas ou problemas com a entrega, nossa equipe de suporte está à disposição pelo e-mail suporte@amentil.com.br.
Você pode tirar dúvidas diretamente com nossa equipe de suporte por diversos canais:
- E-mail: Envie sua pergunta para suporte@amentil.com.br, e nossa equipe responderá em até 2 dias úteis.
- Telefone: Ligue para +55 (48) 1234-5678, disponível de segunda a sexta, das 9h às 18h.
- WhatsApp: Envie uma mensagem para +55 (48) 91265-4321 e receba atendimento rápido e prático.
- Formulário de Contato: Preencha o formulário disponível em nosso site na página Contato.
- Redes Sociais: Você também pode enviar suas dúvidas pelo Instagram ou Facebook em @amentil.sa.
Estamos sempre prontos para ajudar!
Reembolso e garantias
O prazo de reembolso pode variar dependendo da forma de pagamento utilizada:
- Cartão de Crédito: O estorno será realizado em até 7 dias úteis após a aprovação do reembolso, mas o crédito poderá aparecer na sua fatura em um prazo de 30 a 60 dias, conforme a política da operadora do cartão.
- Boleto Bancário ou Transferência: O valor será devolvido via depósito em conta bancária em até 7 dias úteis após a aprovação do reembolso.
Você pode solicitar a devolução de produtos físicos seguindo o passo a passo abaixo:
- Entre em contato com nosso suporte:
- Aguarde nossa resposta:
Nossa equipe analisará sua solicitação em até 3 dias úteis e fornecerá as instruções detalhadas para a devolução. - Prepare o produto:
- Envie o produto:
- Reembolso ou troca:
Nosso compromisso é fornecer uma experiência confiável e segura ao acessar nossa enciclopédia online. Garantimos a qualidade dos serviços e funcionalidades oferecidos, seguindo as condições descritas abaixo:
1. Garantia de Acesso
- Disponibilidade: Oferecemos garantia de disponibilidade da enciclopédia online 24 horas por dia, 7 dias por semana, exceto durante períodos programados de manutenção ou por problemas técnicos fora do nosso controle.
- Resolução de Problemas: Em caso de interrupções no serviço, nossa equipe técnica atuará para restaurar o acesso no menor tempo possível.
2. Garantia de Conteúdo
- Precisão e Atualização: Todo o conteúdo disponibilizado é cuidadosamente revisado para garantir precisão e relevância. No entanto, a enciclopédia online é constantemente atualizada, e não podemos garantir a exatidão absoluta em casos de informações sujeitas a mudanças rápidas.
- Correção de Erros: Caso identifique erros ou inconsistências no conteúdo, você pode nos informar pelo e-mail conteudo@amentil.com.br, e faremos a análise e correção, se necessário.
3. Garantia de Segurança
- Proteção de Dados: Utilizamos tecnologias avançadas para proteger suas informações pessoais e garantir que sua navegação na enciclopédia seja segura.
- Privacidade: Todos os dados coletados seguem as diretrizes da nossa Política de Privacidade.
4. Garantia de Reembolso
Para assinaturas da enciclopédia online:
- Direito de Arrependimento: Você pode solicitar o cancelamento e reembolso integral em até 7 dias corridos após a compra, desde que não tenha acessado conteúdos pagos da plataforma.
- Problemas Técnicos: Caso não consiga acessar os conteúdos devido a falhas técnicas imputáveis à plataforma, garantimos suporte prioritário e, se o problema não for resolvido, você pode solicitar reembolso proporcional ao período não utilizado.
5. Limitações
- Conexão à Internet: Não garantimos acesso à enciclopédia em situações de instabilidade ou falhas na conexão de internet do usuário.
- Uso Indevido: O acesso e uso da enciclopédia são pessoais e intransferíveis. O compartilhamento de credenciais pode resultar na suspensão ou cancelamento da assinatura sem reembolso.
6. Contato para Garantias
Caso precise de suporte ou queira exercer algum direito de garantia, entre em contato conosco:
- E-mail: suporte@amentil.com.br
- Telefone: +55 (48) 1234-5678
- Horário de atendimento: Segunda a sexta, das 9h às 18h.