Loading...

Desenvolvimento Web com Bootstrap e JavaScript DOM/BOM

Uma vez que os navegadores modernos implementaram (quase) os mesmos métodos e propriedades para a interatividade JavaScript, muitas vezes é referido, como métodos e propriedades do BOM. Quando uma página da Web é carregada, o navegador cria um Document Object Model (DOM) da página. Neste curso, aprenderemos estes pilares da linguagem JavaScript.

Bootstrap é um framework de desenvolvimento front-end gratuito e de código aberto para a criação de sites e aplicativos da web. O framework Bootstrap é construído em HTML, CSS e JavaScript para facilitar o desenvolvimento de sites e aplicativos responsivos e mobile-first. Bootstrap inclui componentes de interface de usuário, layouts e ferramentas JS junto com o framework para implementação. O software está disponível pré-compilado ou como código-fonte.

Neste curso também, estudaremos essa tecnologia e aprenderemos a construir um template incrível!

O que você irá aprender?

  • JavaScript utiliando propriedades do BOM
  • Aprenda a utilizar o frameword Bootstrap

Detalhes do curso

1

JavaScript DOM

Introdução

Métodos

Documentos

Elementos

HTML

Forms

CSS

Animações

Eventos

Questionário

Exercício Prático

2

JavaScript BOM

Introdução

Window

Screen

Localização

Histórico

Navegador

Cookies

Questionário

Exercício Prático

3

Bootstrap Básico

Introdução

Containers

Tipografia

Cores

Tabelas

Imagens

Alertas

Botões e Grupos

Badges

Barras de Progresso

Listas

Dropdowns

Cards

Collapse

Navs e Navbars

Caroulsel

Modal

Flex

Questionário

Exercício Prático

4

Bootstrap Forms

Introdução

Menus de Seleção

Checks e Radius

Range

Grupos de Inputs – parte 1

Grupos de Inputs parte 2

Floating Labels

Validação de Formulários

Questionário

Exercício Prático

5

Bootstrap Grid

Introdução

Stacked/Horizontal

XSmall

Small

Medium

Large

XLarge

XXL

Questionário

Exercício Prático

6

Bootstrap – Construindo um template

Apresentando o Template

Criando Header e Navbar

Criando About Me

Criando Sessão de Links

Criando Conteúdo principal

Criando Footer

Exercício Prático

Top