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 aulasÓ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 projeto com a finalidade de aplicação do bootstrap, todos os tópicos foram muito bem abordados!
Excelente curso, abriu muito minha mente mesmo já conhecendo Bootstrap.
Muito bom. Adorei
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.
Ótimo Conteúdo.
Muito bom curso
Para quem faz a formação "Desenvolvedor Bootstrap" esse curso é a cereja do bolo!
Ó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!
