Postagens

Conhecendo JavaScript - Array

Imagem
Arrays Array também conhecido pelo nome de Vetores, são lista ordenadas com índices, onde usamos o índice para localizar algo nessa lista. Exemplo:   Lista de Material Escolar  1 - Lápis.  2- Tesoura.  3 - Papel  4 - Borracha No mundo da programação segue a mesma ideia onde uma variável armazena índice e valores, e assim, podemos acessar a esse índice como uma chave para chegar até o que queremos nessa lista, veremos como criar um array na prática. Para Criação de uma Variável no JavaScript é necessário dizer que ela recebe o Objeto do tipo Array variavel = Array( ); Criando o Array,   ( Modelo 1). var lista_Mat_Escola  = Array( ); lista_Mat_Escola[1] = "Lápis"; lista_Mat_Escola[2] = "Tesoura"; lista_Mat_Escola[3] = "Papel"; lista_Mat_Escola[4] = "Borracha"; alert(lista_Mat_Escola[3]); Imagem Exemplo. (*Obs vamos criar uma nova pagina Arrays.html para novos testes ). Criando o Array,   ( Modelo 2). var ...

Conhecendo JavaScript - Variáveis

Imagem
Variáveis JavaScript. As variáveis são endereços em memoria que possibilita armazenar dados de forma temporária.  Como em outras linguagens JavaScript também tem suas variáveis, seus tipos de variáveis são bem semelhantes ao java. Usa-se a palavra reservada "var" antes da declaração da Variável. Suas regras de declaração, - Não podem ser iniciadas com números - Não podem ser utilizado caracteres especias como (ç ,^ ,~ ). - Não pode ser iguais as palavras  reservadas da linguagem. JavaScript é Case Sensitive : Significa que ele faz diferenciação de palavras maiuscula de minuscula.  Exemplo:  var curso  "é diferente de" var Curso "ou ate de," var CURso. var numero = 1;  (certo) var 123_numero = 1; (Errado - não pode começar com numero) *A utilização do "Var" não é obrigatória, mas é indicado, por motivo de facilitar ao interpretador javascript e também ajuda na leitura do código posteriormente. Conhecendo na prática . Vamos...

Conhecendo JavaScript

Imagem
- JavaScript é uma linguagem de programação interpretada. Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado cliente e interagissem com o usuário sem a necessidade de passar pelo servidor, controlando o Navegador e realizando comunicação assíncrona e alterando o conteúdo do documento exibido. JavaScript não é o Java, Java é uma linguagem de programação muito mais abrangente mas pode se dizer que é uma linguagem Server-side para nosso escopo de estudo. O JavaScript é uma linguagem de programação Client-Side. Embora muita da base da programação seja bem semelhante ao java. Incluindo JavaScript no HTML. Para adicionar o JavaScript em nossas páginas é necessário o uso de um script, ele pode ser adicionador diretamente no código da página, ou em um arquivo externo .JS. Ele pode ser adicionado no começo do arquivo dentro de head, dentro do body ou até mesmo fora do html, ou sejá, pode ser inserido em qualquer lugar, mais ...

Utilizando Netbeans 8.1 nos Projetos ( HTML5 / BootStrap / PHP / JS / JavaScript / Xamp...*)

Imagem
Olá neste post vou estar configurando o ambiente para usar o IDE NetBeans para criação dos projetos para Sites e Sistemas, fazer um breve teste com o Xamp - Inicializando o Apache e criando a primeira página Html5. Vamos lá.     Um dos motivos que me fez usar o NetBeans é a organização e simplicidade com grande capacidade para atender a maior parte do conteúdo. Porém não será dispensado o uso de ferrementas e editores e outras IDEs  como o Sublime / Note ++ / Eclipse/ Xamp /  Android Studio /  Emulador Geny_Motion e Adobe Dreamweaver, Fireworks, Flash,  PhotoShop. Para Fazer Download do NetBeans 8.1 ou mais Atualizado. Site Oficial Netbeans : Baixar Netbeans 8.1 : Baixar Imagen Exemplo    Eu fiz o download full(Tudo), suporte completo a SDK/ JavaSe/Fx/EE/ME - Html5/javaScript / PHP / C.C++ / e servidores embutidos. Site Oficial Xamp - Download Xamp Após feita a instalação, fiz também já o download e instalação do Xamp (p...

Exemplo ToolTip, Popover

Imagem
Exemplo ToolTip e PopoVer no Bootstrap Exemplo mostra uso de ToolTip e Popover, que são detalhes mostrados, ao parar seta do mouse sobre o botão, caixa de mensagem. Imagem Exemplo.    Para Maiores informações, pesquise no site Oficial do BootStrap ( Link ). Foi acrescentado novo script para essa funcionalidade se encontra no final do código. como apresentado no Site.  Segue Código Fonte do Exemplo. <body>              <div class="container">       <div class="page-header">       <h1>ToolTip BootStrap & Popover</h1>       </div>       <h3>ToolTip</h3> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Detalhes">Dica</button><br><br> <div class="btn-toolbar">       <div class="btn-group"...

Alerts

Imagem
Exemplo Uso de Alert. Exemplo mostra o uso de alert, e opções para leitores visuais_Digitais (Acessibilidade). Imagen Exemplo. Observar com atenção, pois exitem novos recursos no código voltado a acessibilidade. Código Fonte Exemplo.   <div class="container">         <div class="page-header"><h1>- Alert Bootstrap </h1></div>           <!--Accessible Rich Internet Applications (Aria) -->           <div class="alert alert-success" role="alert"> <strong>success</strong> teste!!!           <button type="button" class="close" data-dismiss="alert" aria-lable="Fechar">              <span aria-hidden="true">&times;</span>           </button>           </div>           ...

Modal exemplo Bootstrap

Imagem
Exemplo mostra o Uso de modal. Modal é um recurso bem interessante, neste exemplo mostra o uso de suas janelas. Este exemplo esta no Site do BootStrap - JavaScript - Modal.   Imagem de Exemplo.   Ao Clicar abre janela com efeito !!! Código fonte: <div class="container">         <div class="page-header"><h1>- Bootstrap Modal</h1></div>         <button type="button" class="btn btn-info" data-toggle="modal" data-target="#janela"> Logar </button>         <!--Criação de uma Janela Dialog -->         <form class="modal fade"  id="janela">           <div class="modal-dialog modal-sm">             <div class="modal-content">                   <!--Definir o Cabeçalho-->       ...