Desenvolvendo com Bootstrap 4 - O Curso Completo

4 Projetos de Desenvolvimento Responsivo *versão atualizada: 4.5.3* + Modelos Gratuitos do Bootstrap 5 Alpha 2 Incluídos

Classificação: 4.6 de 5256 avaliações 4.5 horas totais 58 palestras Iniciante 4 Projetos de Desenvolvimento Responsivo *versão atualizada: 4.5.3* + Modelos Gratuitos do Bootstrap 5 Alpha 2 Incluídos *** Curso atualizado com a versão 4.5.3 *** Novos recursos e arquivos para download com a versão mais recente do Bootstrap4 (4.5.3). Nova seção de mais de 1 hora para descobrir as novas atualizações do Bootstrap 5 Alpha 2. Introdução à nova ferramenta CLI bootstrap npm starter para gerar um novo projeto rapidamente. Um tutorial sobre como personalizar e substituir arquivos e variáveis de origem Sass. *** *** *** *** *** *** *** BÔNUS: Projetos e modelos do Bootstrap 5 incluídos *** *** *** *** *** *** *** Novo curso completo do Bootstrap V4 para uma compreensão simples e rápida dos métodos de desenvolvimento web universais e multiplataforma. Um grande recurso para todos os profissionais da web, conhecer a biblioteca HTML, CSS e JS do Bootstrap ajuda a criar páginas responsivas rapidamente e facilmente para telas móveis, tablets e desktops. Em desenvolvimento desde 2014, o Bootstrap V4 finalmente anuncia sua versão Beta. As novas funcionalidades incluem: Um sistema de grade com Flexbox para mais opções e flexibilidade. O uso de Sass. Novos componentes CSS como cards. Este curso ajudará você, com várias demonstrações e projetos, a entender o desenvolvimento móvel multiplataforma. Ao final do treinamento, você será capaz de exibir com orgulho suas novas habilidades de design web adaptativo com uma página de portfólio profissional e responsiva. Na agenda: Criação de páginas responsivas para telas largas (laptops e desktops) e telas menores (tablets e celulares). Utilizando as novas funcionalidades do Bootstrap V4 com Flexbox e outros novos componentes como cards. Incluindo plugins jQuery prontos para uso, extremamente fáceis de configurar, para criar uma página dinâmica rapidamente. Como extra, jQuery e CSS Animation para adicionar interatividade e efeitos visuais. Os projetos: (1) - Um primeiro exemplo de uma página Bootstrap para aprender os elementos básicos e descobrir: Como integrar recursos do Bootstrap com a opção CDN. O sistema de grade para criar rapidamente um layout responsivo. Classes CSS e componentes do Bootstrap com o conceito de mobile first. Plugins jQuery. Com uma configuração mínima e simples, os componentes Javascript serão fáceis de integrar. (2) - Continuamos, mais fortes, com um projeto de página de portfólio para aprender como criar um layout em menos de uma hora, demonstrando: O uso de opções de grade responsiva com Flexbox. Integração de componentes do Bootstrap: Jumbotron, Navbar e Form. Adição de classes de utilidade responsiva para adaptar o layout a diferentes tamanhos de tela. Será fácil para você direcionar telas grandes e dispositivos móveis. Como bônus, animações e transições com CSS Animation e jQuery. (3) - Em seguida, avançaremos para um nível mais avançado com um projeto de modelo de aplicativo móvel. No final, você terá uma página funcional e responsiva para mostrar seus projetos online, um portfólio digital, suas habilidades web ou qualquer outra coisa. (4) - Você também aprenderá como personalizar sua página Bootstrap usando a sintaxe Sass e Grunt. E por que usar o Bootstrap? A biblioteca Bootstrap é simples e fácil de aprender. Várias opções disponíveis para iniciar um projeto: CDN, arquivos CSS ou Sass. O Bootstrap oferece vários exemplos de páginas e modelos para seus projetos em sua documentação. Documentação clara e informativa com trechos de código prontos para uso de classes e componentes CSS. Para quem? Designers e desenvolvedores web. Integradores de HTML e CSS. Especialmente iniciantes que desejam se familiarizar rapidamente com o desenvolvimento móvel. E usuários do Bootstrap 3 para se manterem atualizados com as atualizações anunciadas para a versão 4. O que você vai aprender: Desenvolvimento para plataformas web e móveis. Criação de páginas responsivas com o sistema de grade e Flexbox. Criação de páginas dinâmicas e interativas com plugins jQuery: carousel, modal e scrollspy. Novos recursos e arquivos para download com a versão mais recente do Bootstrap4 (4.5.3). Descobrindo as novas atualizações do Bootstrap 5 Alpha 2. Usando o CLI bootstrap npm starter para gerar e executar um novo projeto rapidamente. Substituindo variáveis Sass para multiplicar as opções de cores e temas da biblioteca. BÔNUS: Novos modelos do Bootstrap 5 incluídos e disponíveis para download.