Tutorial Programa

Guia passo a passo para criar seu programa

HTML

Construindo a página

Siga cada etapa na ordem apresentada.

01

Abra o VS Studio

Visual Studio
02

Abrir pasta

Abrir pasta
03

Abrir arquivo base

Arquivo base
04

Digitar html:5

HTML 5
05

Mudar o idioma

Mudar idioma
06

Mudar o título

Mudar título
07

Obter o Bootstrap HREF

Bootstrap
08

Sempre organizar as linhas com Alt+Shift+S

Organize seu código para facilitar a leitura.
09

Abrir div.container

Div container
10

Digitar o comando h1 como descrição do programa

Tutorial
11

Criar label e input

Input e label
12

Criar comentário (Ctrl + ;)

Comentário
13

Adicionar comentário (anotação)

Anotação
14

Adicionar ID no input

ID
15

Obter um form-control no Bootstrap

Form control
16

Inserir o comando button do Bootstrap

Botão
17

Exibir um resultado

Resultado
18

Inserir SCRIPT SOURCE

Script
JAVASCRIPT

JavaScript

Agora vamos adicionar interatividade ao programa.

01

Criar um arquivo em .js

Arquivo JavaScript
02

Declare um botão

Declarar botão
03

Adicionar o EventListener

EventListener
04

Função = segundo parâmetro

Segundo parâmetro
05

Relacionar os inputs

Relacionar inputs
06

Criar uma condição IF/ELSE

IF ELSE
07

Programa PRONTO e FUNCIONANDO!

Se todos os passos forem seguidos corretamente, seu programa estará pronto.

Programa funcionando
← Voltar para o início

.
.
.