Aprenda, do zero, como criar o layout completo de uma aplicação e-commerce real, utilizando o Bootstrap
Curso com 09h04 de vídeos Categoria Desenvolvimento Front-end
Nesse projeto prático você aprenderá, do zero, a criar o layout completo de uma aplicação E-commerce real, utilizando o Bootstrap como ferramenta principal de criação de componentes e estilização. Você também irá aprender a fazer alterações personalizadas do Bootstrap e importação de estilo apenas do que é necessário. Além disso, veremos, como podemos usar o php para nos ajudar a componentizar elementos do nosso projeto e também iremos trabalhar com Sass em todo nosso projeto.
Nesse projeto prático você aprenderá, do zero, a criar o layout completo de uma aplicação E-commerce real, utilizando o Bootstrap como ferramenta principal de criação de componentes e estilização. Você também irá aprender a fazer alterações personalizadas do Bootstrap e importação de estilo apenas do que é necessário. Além disso, veremos, como podemos usar o php para nos ajudar a componentizar elementos do nosso projeto e também iremos trabalhar com Sass em todo nosso projeto.
Nesse projeto veremos na prática como criar um layout do zero com várias páginas e trabalharemos com os seguintes conceitos do Bootstrap:
Esse projeto prático é voltado a desenvolvedores que já possuem um conhecimento básico de Bootstrap, HTML e CSS e queiram praticar os conhecimentos com um projeto real.
Formado em Análise e Desenvolvimento de Sistemas pela Universidade Cruzeiro do Sul, uma pessoa extremamente curiosa e dedicada, ama tecnologia e sempre busca aprender e aperfeiçoar seus conhecimentos.
Atua há mais de 3 anos como desenvolvedor e instrutor Front-end. Eterno estudante do mundo da tecnologia.
Nessa aula vamos instalar todas as dependências necessárias para podermos dar início ao projeto e vamos conhecer qual será o projeto que vamos desenvolver.
6 aulasNessa aula, iremos iniciar de fato o projeto criando o primeiro componente, o Header.
4 aulasNesta aula criaremos o nosso componente Footer, deixaremos todos os elementos fidelizados com projeto e o deixaremos responsivo
2 aulasNesta aula vamos criar de ponta a ponta a primeira página, a Home
10 aulasNesta aula iremos criar a próxima página, utilizando vários componentes Bootstrap.
6 aulasNessa aula vamos criar a página de detalhes de produto, uma página que aprenderemos a adaptar um componente Bootstrap de uma forma diferente do convencional, o carousel.
5 aulasNa página de Carrinho iremos trabalhar com a tabela para conseguimos dar o aspecto de produto antes da compra.
5 aulasNessa última aula, vamos criar a página de agradecimento de compra, também vamos ajustar todos os detalhes da nossa página e deixar todos os links corretos
5 aulasExcelente projeto com a finalidade de aplicação do bootstrap, todos os tópicos foram muito bem abordados!
Ótimo professor com excelente didática. Embora já tenha um certo conhecimento em bootstrap sempre há possibilidade de ir mais além dos conhecimentos e isso o projeto me propos. Parabéns aos envolvidos!
Excelente curso, abriu muito minha mente mesmo já conhecendo Bootstrap.
Ótimo Conteúdo.
Para quem faz a formação "Desenvolvedor Bootstrap" esse curso é a cereja do bolo!
Enfim, um curso que esclarece e instiga o uso do Bootstrap para desenvolvedores, de maneira objetiva e precisa. Foi uma ótima experiência. Parabéns.
Muito bom. Adorei
Muito bom curso
Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.
Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!
Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:
Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!
