/Youtube-Bootstrap

Youtube's 2016 home design made with Bootstrap v3.3.6. Final version on parte07.html file.

Primary LanguageHTML

Página inicial do Youtube (2016) criada com Bootstrap

Esse repositório contém uma implementação responsiva do front-end da página inicial do Youtube em 2016, utilizando a versão 3.3.6 do bootstrap, com o objetivo de ensinar conceitos básicos de HTML, CSS e um dos maiores toolkit open source para front-ends, o bootstrap, na Escola de Férias do curso de Ciência da Computação da PUC Minas.

Estrutura do projeto

O projeto foi dividido em 7 partes, onde cada parte tem um arquivo HTML correspondente com a nomeclatura parte0X.html e uma seção correspondente da parte de CSS comentada no arquivo youtube.css. O arquivo parte07.html contém o resultado final do projeto.

Prévia do resultado

Versão responsiva para desktop

Prévia da versão responsiva para desktop

Versão responsiva para mobile

Prévia da versão responsiva para mobile

Conceitos abordados

Os principais conceitos de layout, conteúdo e componentes do bootstrap foram abordados durante a criação do projeto, como o sistema de grid (container, rows, columns e breakpoints), navegação (navbar, sidebar e tabs), tipografia, botões, dentre outros. Além disso, conceitos básicos de HTML e CSS também foram trabalhados.