DevMedia

DevMedia Cursos

Curso online

Curso de Criação de web sites com Bootstrap

O objetivo deste treinamento é demonstrar como criar interfaces web utilizando framework Bootstrap. Em muitas ocasiões os desenvolvedores podem se beneficiar de frameworks para o desenvolvimento de aplicações, mas muitos projetistas de interface desconhecem a existência de códigos pré-prontos cuja finalidade é agilizar a criação de programação de interfaces. Vamos iniciar com o básico, demonstrando como configurar o ambiente de desenvolvimento e entendendo as noções de frameworks e mockups , que são projetos de interface. Estes projetos feitos de forma “rústica” são necessários para que o usuário entenda visualmente o nosso sistema, e não somente em ideias ou palavras. Após entendermos estes conceitos básicos, passaremos para o aprendizado da ferramenta em si, ou seja, criaremos interfaces utilizando o framework Twitter Bootstrap, incluindo recursos bastante interessantes que envolvem javascript e recursos de interface com o usuário, tais como menus, abas e demais elementos que fazem parte do framework.

  [VER MAIS DETALHES]



  • Introdução ao Bootstrap

    • 1

      Introdução

      Marcar como lido | Download

      Nesta videoaula daremos início ao curso que tratará sobre o framework Twitter Bootstrap. Faremos uma apresentação sobre o autor, bem como as expectativas a cerca do curso, através de uma introdução teórica sobre o Framework.

    • 2

      Frameworks e Mockups

      Marcar como lido | Download

      Nesta videoaula iremos aprender um pouco mais sobre frameworks, buscando conceituar e entender o que são e para que servem. Em seguida vamos aprender e explanar o que são os mockups.

  • Layouts

    • 3

      Grids e Layouts

      Marcar como lido | Download

      Nesta aula estudaremos a necessidade e importância dos grids e layouts, sempre procurando entender de forma correta como usar e empregar. Entenderemos o que são grids e como framework implementa os mesmos.

  • Trabalhando com Tabelas

    • 5

      Conhecendo Tabelas

      Marcar como lido | Download

      Nesta aula vamos criar tabelas utilizando a formatação adequada do Twitter Bootstrap, bem como aprenderemos como utilizar os diversos recursos disponíveis no framework para deixar as nossas tabelas com uma aparência mais agradável.

  • Elementos de Navegação

    • 6

      Botões e Ícones

      Marcar como lido | Download

      O Bootstrap nos fornece grandes facilidades no que se refere a recursos prontos. Um desses recursos diz respeito a elementos de navegação e diversos outros, que podem ser formatados através do CSS já fornecido.

    • 7

      Grupos de Botões e Botões Dropdown

      Marcar como lido | Download

      Nesta vídeo aula vamos aprender como utilizar os recursos de grupos de botões, que nos permitem a criação de menus de forma bastante simplificada e fácil. Daremos prosseguimento aprendendo como criar nossos próprios menus do tipo Dropdown

  • Componentes

    • 8

      Barras de navegação e Abas

      Marcar como lido | Download

      Nessa videoaula daremos ênfase aos componentes de barras de navegação, ou seja, menus prontos de fácil utilização e implementação que podem ter aparências variadas, podendo ser tanto vertical como horizontal.

    • 9

      Navbar e breadcrumbs

      Marcar como lido | Download

      Nessa videoaula a respeito de componentes iremos estudar os elementos navbar, breadcrumbs e elementos de páginação. O elemento Navbar é utilizado para criar um cabeçalho para o nosso sistema.

    • 10

      Labels e badges

      Marcar como lido | Download

      Nessa videoaula vamos finalizar o assunto componentes. Desta forma vamos estudar os itens que ainda não vimos, como por exemplo, labels e badges, elemento hero-unit que por sua vez é utilizado para dar destaque a determinados itens publicitários, por exemplo.

  • Trabalhando com Formulários

    • 16

      Trabalhando com formulários

      Marcar como lido | Download

      Nessa videoaula vamos estudar os recursos fornecidos pelo Bootstrap que dizem respeito a interface de formulários. Vamos aprender as bases desses elementos, verificando as principais possibilidades dos mesmos, indo desde os formulários mais básicos até os formulários mais avançados.

    • 17

      Trabalhando com formulários horizontais

      Marcar como lido | Download

      Nessa videoaula vamos estudar alguns recursos mais avançados referentes ao framework. Vamos iniciar desenvolvendo um formulário do tipo horizontal, embora o resultado final seja um formulário orientado verticalmente. Na parte prática aprenderemos como criar um formulário visualmente mais bem elaborado, empregando diversos tipos de componentes disponíveis para a criação de formulários.

  • Criando um painel administrativo

    • 23

      Criando Painel Administrativo

      Marcar como lido | Download

      Nessa videoaula daremos prosseguimento aos nossos estudos de bootstrap. Desta vez teremos uma ênfase em layouts fluidos e layouts para sistemas. A ideia é iniciarmos a montagem de um layout para um painel administrativo.

    • 24

      Tela de Login

      Marcar como lido | Download

      Neste momento vamos finalizar e tela de login, criando o formulário necessário para que o usuário insira o seu login e senha, o link para recuperação de senha e o botão de acesso ao sistema.

    • 25

      Finalizando Projeto Prático

      Marcar como lido | Download

      Nessa videoaula finalizaremos o desenvolvimento de nosso projeto de criação de um layout para um painel administrativo. Vamos criar a estrutura de linhas e colunas fluidas necessárias. Essa é a última videoaula deste curso.

Avaliação
5543
Comprar curso Assistir curso Gerar certificado