Yeoman, Bootstrap e AngularJS - Criando um site pessoal
Vamos aprender como criar um site pessoal de portfólio utilizando diversas tecnologias, tais como Yeoman, Bootstrap 3 e AngularJS. Ao final criaremos uma versão de produção de nosso site e disponibilizaremos em um servidor Web rodando local.
Tempo: 57:40 min
Descrição: Nesse pocket vídeo, vamos aprender de forma prática como criar um site pessoal simples, utilizando diversas tecnologias relacionadas com o desenvolvimento Web. Iniciaremos configurando o nosso ambiente de trabalhando, baixando e instalando os softwares necessários. Após, instalaremos o Yeoman, que baixará todos os pacotes necessários para criarmos o nosso projeto, inclusive Grunt e Bower para gerenciar dependências. Em um primeiro momento, vamos aprender como editar os arquivos e gerar uma versão de distribuição de nosso projeto, com todos os arquivos de CSS e JavaScript minificados. Após, aprenderemos como customizar o projeto fornecido pelo generator baixado pelo comando NPM. Vamos aprender como criar uma página inicial, explorando elementos do Bootstrap 3, incluindo um slider de imagens e um texto de introdução, bem como editar o template do site. Após, criaremos a página de “Quem sou” para tratar um pouco sobre o proprietário do site. Ao final, vamos criar uma tela de portfólio, onde utilizaremos o AngularJS para ler um arquivo JSON e exibir as informações na tela. Ao final do pocket, criaremos uma versão de produção para nosso site e disponibilizaremos em um servidor Web instalado em nosso computador.
Artigos relacionados
-
Artigo
-
Artigo
-
Artigo
-
Artigo
-
Artigo