Descrição
Codifique um site de pequenas empresas usando frameworks web populares
Aprenda design web codificando o mesmo site usando Bootstrap 4, Bootstrap 5, Bulma, Semantic UI, Foundation e Materialize
Avaliação: 4.2 de 57 avaliações
Total de horas: 12.5
Aulas: 137
Nível: Iniciante
Sobre o Curso
Este curso é para pessoas que são novas no design web e desejam uma introdução rápida a vários frameworks CSS front-end populares. Ao fazer este curso, você será apresentado às versões mais recentes do Bootstrap 4, Bootstrap 5, Bulma, Semantic UI, Foundation 6 e Materialize. Esses frameworks são amplamente utilizados por designers e desenvolvedores web em todo o mundo.
Neste curso, você aprenderá como criar um site de pequenas empresas usando diferentes frameworks CSS front-end. Cada framework será abordado individualmente, começando do zero e guiando você pelo processo de criação do mesmo projeto. Embora o layout geral e o design permaneçam consistentes em todos os projetos, haverá pequenas diferenças visuais devido às características e estilos exclusivos de cada framework.
O objetivo de recriar o mesmo projeto com diferentes frameworks é entender como cada framework utiliza estruturas de código, classes e atributos diferentes para criar componentes semelhantes. Você também obterá insights sobre as variações visuais de cada componente e aprenderá sobre as possibilidades e limitações de cada framework.
Sobre o Projeto
O projeto tem como foco a criação de um site de pequenas empresas. Você aprenderá como estruturar o conteúdo, projetar uma interface amigável ao usuário e garantir a responsividade em diferentes tamanhos de dispositivos usando uma grade responsiva.
O projeto incluirá as seguintes páginas:
- Início: Menu, dropdown, seção hero, mensagem, destaques, layout de grade responsiva com cards, rodapé com ícones
- Serviços: Menu, dropdown, layout de grade responsiva com imagens grandes, texto e botões, rodapé com ícones
- Sobre: Menu, dropdown, texto, layout de grade responsiva com imagens, rodapé com ícones
- Equipe: Menu, dropdown, layout de grade responsiva com imagens, ícones e títulos, rodapé com ícones
- Contato: Endereço, horário de funcionamento, formulário de contato, Google Maps incorporado
Sobre os Frameworks
Os seguintes frameworks serão usados para criar o site de pequenas empresas:
- Bootstrap 4 (compatível com a versão mais recente v4.6.0)
- Bootstrap 5 (compatível com a versão mais recente v5.1.0)
- Bulma (compatível com a versão mais recente v0.8.0)
- Semantic UI (compatível com a versão mais recente v2.4.2)
- Foundation 6 (compatível com a versão mais recente v6.5.3)
- Materialize (compatível com a versão mais recente v1.0.0)
Cada framework utilizará componentes e recursos específicos para criar o site de pequenas empresas. Aqui estão as partes de cada framework que serão abordadas:
Bootstrap 4:
Layout: Containers, Sistema de grade
Conteúdo: Tipografia, Imagens
Componentes: Alerta, Botão, Card, Dropdown, Formulários, Grupo de entrada, Jumbotron, Navbar
Utilitários: Borda, Incorporação, Flex, Espaçamento, Texto
Bônus: Você também aprenderá como usar o Font Awesome 5 para adicionar ícones ao seu projeto e como usar o Google Fonts para adicionar fontes da web.
Bootstrap 5:
Layout: Containers, Sistema de grade
Conteúdo: Tipografia, Imagens
Componentes: Alerta, Botão, Card, Dropdown, Formulários, Grupo de entrada, Navbar
Utilitários: Borda, Incorporação, Flex, Espaçamento, Texto
Bônus: Você também aprenderá como usar o Font Awesome 5 para adicionar ícones ao seu projeto e como usar o Google Fonts para adicionar fontes da web.
Bulma:
Modificadores: Auxiliares de cor, Auxiliares de tipografia
Layout: Colunas, Container, Rodapé, Hero, Seção
Formulários: Geral, Entrada, Seleção, Textarea
Elementos: Botão, Conteúdo, Ícone, Imagem, Notificação, Título
Componentes: Card, Dropdown, Navbar
Bônus: Você também aprenderá como usar o Font Awesome 5 para adicionar ícones ao seu projeto.
Semantic UI:
Elementos: Botão, Container, Cabeçalho, Ícone, Imagem, Entrada, Lista
Coleções: Formulário, Grade, Menu, Mensagem
Módulos: Dropdown, Incorporação
Visualizações: Card
Foundation 6:
Geral: XY Grid, Formulários, Ícones
Utilitários: Utilitários de prototipagem
Controles: Botão
Navegação: Barra superior, Menu
Containers: Chamada, Card, Dropdown
Materialize:
CSS: Cor, Grade, Auxiliares, Mídia
Componentes: Botões, Cards, Rodapé, Ícones, Navbar
JavaScript: Dropdown, Sidenav
Formulários: Seleção, Entradas de texto
Espero que você se sinta inspirado a criar seu próprio site de pequenas empresas após concluir este curso. Se o fizer, compartilhe o link comigo. Eu adoraria ver!
Estimar frete
Payment & Security
Featured collection
![Curso de Angular e NodeJS - O Guia da Pilha MEAN [Edição 2023] - IBRATH Instituto Brasileiro de Terapias Holísticas teste011020230809](http://enciclopedia.paginasdabiblia.com/cdn/shop/products/a19556.png?v=1699935448&width=1024)
![Curso de Docker & Kubernetes: O Guia Prático [Edição 2023] - IBRATH Instituto Brasileiro de Terapias Holísticas teste011020230809](http://enciclopedia.paginasdabiblia.com/cdn/shop/products/a19570.png?v=1699935525&width=1024)
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.