Curso de Bootstrap

Curso de Bootstrap

Sobre as aulas

Curso Bootstrap #01: Introdução

Duração:

04:55min

Descrição:

Curso completo de Bootstrap 5: https://www.udemy.com/course/bootstrap-5-do-basico-ao-avancado-com-4-projetos/?referralCode=E44CE1C5C82CEE1D8BB7 Nesta aula vamos iniciar o curso de Bootstrap, onde criaremos um projeto do zero até o responsivo com esta lib/framework. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #02: Criando o projeto e configurando bibliotecas externas

Duração:

14:36min

Descrição:

Nesta aula vamos criar o nosso projeto do curso, adicionar todas as bibliotecas externas como ícones, parallax e mais. Além disso vamos criar os arquivos base de CSS e JavaScript, para na próxima aula iniciar o código da primeira seção. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #03: Criando barra de navegação (header e navbar)

Duração:

15:18min

Descrição:

Nesta aula vamos criar a barra de navegação principal do nosso site, ou se preferir: o header, nela vamos colocar o logo da empresa e também links de âncora para determinadas partes do site. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #04: Criando um slider para o projeto (carousel)

Duração:

15:06min

Descrição:

Nesta aula vamos criar um slider para o nosso projeto, também conhecido como carousel no Bootstrap, além disso vamos ver os possíveis atributos e configurações deste componente. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #05: Criando a área de about da empresa (grid)

Duração:

13:47min

Descrição:

Nesta aula vamos criar mais uma área do site, que é onde são colocadas informações chave sobre a empresa, vamos utilizar muito o conceito de grid (container, row e columns). ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #06: Criando seção de especialidades (container, row, grid e icons)

Duração:

12:32min

Descrição:

Nesta aula vamos criar uma nova seção do site, que contém as especialidades da empresa, utilizando muitos recursos do Bootstrap (container, row, grid e icons). ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #07: Parallax com Bootstrap

Duração:

18:34min

Descrição:

Nesta aula vamos aprender a utilizar o recurso de parallax junto com o Bootstrap em uma nova seção do site que estamos criando. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #08: Bootstrap card

Duração:

07:58min

Descrição:

Nesta aula vamos aprender a utilizar o componente card do Bootstrap, criando mais uma seção do nosso site. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #09: Grid com parallax

Duração:

15:52min

Descrição:

Promoção curso de JavaScript: https://www.udemy.com/course/javascript-do-basico-ao-avancado-com-node-e-projetos/learn/lecture/18337014?couponCode=CURSO_JS_COMPLETO ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #10: Filtro com Bootstrap e JavaScript

Duração:

22:55min

Descrição:

Nesta aula vamos fazer um filtro com JavaScript e incorporar ele ao nosso projeto de Bootstrap. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #11: Formulário com Bootstrap

Duração:

18:14min

Descrição:

Nesta aula vamos criar um formulário com Bootstrap e aprender como adicionar corretamente os inputs. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #12: Footer com Bootstrap

Duração:

21:14min

Descrição:

Nesta aula vamos criar o footer da nossa aplicação seguindo regras do Bootstrap e HTML Semântico. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #13: Bootstrap responsivo para tablet

Duração:

14:30min

Descrição:

Nesta aula vamos adaptar nosso projeto para a resolução de tablet, iniciando a parte responsiva do mesmo. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #14: Bootstrap responsivo para celulares

Duração:

19:47min

Descrição:

Nesta aula vamos adaptar nosso projeto para a resolução de celulares, finalizando a parte responsiva com Bootstrap. ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk

Curso Bootstrap #15: Scroll animado e conclusão do projeto

Duração:

10:07min

Descrição:

Nesta aula vamos criar a funcionalidade de scroll animado e concluir o nosso curso! :) ★ Nossos Cursos: https://horadecodar.com.br/cursos-horadecodar/ ✔ Nosso Blog: https://horadecodar.com.br/ ▶ Facebook: https://www.facebook.com/horadecodar/ ▶ LinkedIn: https://www.linkedin.com/in/matheusbattisti/ ▶ GitHub: https://github.com/matheusbattisti/ 🔷 Telegram: https://t.me/horadecodar . 🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk