domingo, 29 de novembro de 2015

Principais teclas de atalho do Eclipse

O Eclipse possui muitos atalhos úteis para facilitar a vida do programador. Segue aqui os mais importantes de conhecer e de praticar:

Ctrl + S Salva as alterações;

Ctrl + 1 Aciona o quick fixes com sugestões para correção de erros;

Ctrl + Espaço Completa códigos;

Ctrl + 3 Aciona modo de descoberta de menu. Experimente digitar Ctrl+3 e depois digitar ggas e enter. Ou então de Ctrl + 3 e digite ::new class:

Ctrl + F11 roda a última classe que você rodou. É o mesmo que clicar no ícone verde que parece um botão de play na barra de ferramentas;

Ctrl + PgUp e Ctrl + PgDown Navega nas abas abertas. Útil quando estiver editando vários arquivos ao mesmo tempo;

Ctrl + Shift + F Formata o código segundo as convenções do Java;

Ctrl + M Expande a View atual para a tela toda (mesmo efeito de dar dois cliques no título da View);

Ctrl + Shift + L Exibe todos os atalhos possíveis;

Ctrl + O Exibe um outline para rápida navegação;

Alt + Shift + X e depois J Roda o main da classe atual. Péssimo para pressionar! Mais fácil você digitar Control+3 e depois digitar ::Run::!. Abuse desde já do Control+3;

quarta-feira, 25 de novembro de 2015

Bootstrap - Criando uma página de Login com Modais

Modais no Bootstrap são simples mas flexíveis caixas de dialogo. Um modal renderiza um cabeçalho, corpo, e uma coleção de ações no footer. Exemplo:


Então eu resolvi fazer um formulário de login com o Modal.

Para melhor entendimento eu dividi o código em três parte: modal-header que é a Tag do cabeçario, modal-body que é a Tag do corpo e modal-footer que é onde fica os botões ou ações do Modal/Caixa. 


<div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog">
<div class="modal-content">
Cabeçalho: <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h1 class="text-center">Login</h1>
</div>

Corpo:
<div class="modal-body">

<form class="form col-md-12 center-block">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Email">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Senha">
</div>
<div class="form-group">
<button class="btn btn-primary btn-lg btn-block">Logar</button>
<span class="pull-right"><a href="#">Registrar</a></span>
<span><a href="#">Precisa de Ajuda?</a></span>

</div>
</form>
</div>
Coleções
de ações
no Footer:
<div class="modal-footer">

<div class="col-md-12">
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
</div>
</div>
</div>
</div>
</div>

Todas as tags são do Bootstrap, e o código fonte você pode baixar aqui: Bootstrap Examples ou visualizar aqui: Bootstrap Examples GitHub.

terça-feira, 24 de novembro de 2015

Meetup Java São Paulo

O Meetup Java São Paulo completa 1 ano nesse mês de novembro, foram 10 eventos de Java com muitas palestras, apresentações, explicações, demonstrações, pizza e muito aprendizado. Para comemorar vamos ter um Dojo/Live Coding - Test Driven Development e Bolo \o/
Vamos desenvolver uma aplicação real do inicio ao fim com TDD, vai ser muito maneiro.  Quem quiser pode trazer o notebook para acompanhar em sua maquina, mas é opcional.

O eventos será realizado dia 26/11 as 19h30 na Global Code com o Bruno Daniel Marinho

Link do Evento: Meetup Java São Paulo 10

segunda-feira, 23 de novembro de 2015

O que é o Bootstrap? Primeiros Passos

Bootstrap é um framework front-end que facilita a vida dos desenvolvedores web a criar sites com tecnologia mobile (responsivo). Além disso, o Bootstrap possui uma diversidade de componentes (plugins) em JavaScript (jQuery) que auxiliam o designer a implementar: tootlip, menu-dropdown, modal, carousel, slideshow, entre outros sem a menor dificuldade, apenas acrescentando algumas configurações no código, sem a necessidade de criar scripts e mais scripts.

Características:
  • Possui uma interface super amigável e moderna;
  • Atualmente possui uma grande diversidade de templates;
  • Grande quantidade de plugins adaptados ou desenvolvidos para o framework;
  • Sistema responsivo;
  • Um dos frameworks mais utilizados no desenvolvimento de portais e sistemas do mundo;
  • Guia de aplicação;
  • Download facilitado e totalmente FREE!
Primeiros Passos com Bootstrap:
  1. Faça o download do framework no site do desenvolvedor getbootstrap.com
  2. Após realizar o download, você terá os seguintes arquivos:

    bootstrap/
      ├── css/
      │   ├── bootstrap.css
      │   ├── bootstrap.min.css
      ├── js/
      │   ├── bootstrap.js
      │   ├── bootstrap.min.js
      └── img/
          ├── glyphicons-halflings.png
          └── glyphicons-halflings-white.png
  3. Adicione os arquivos  nas respectivas pastas do seu projeto.
  4. Chame o CSS e o JS dentro da tag <head> do seu HTML

    <html> <head>
    <title>Bootstrap - Primeiros Passos</title>
    <!-- Incluindo o CSS do Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>

Ao usar o bootstrap.js é necessário como requisito o famoso e poderoso jQuery, lembre-se de incluí-lo antes do Bootstrap


<body>
...
<!-- Incluindo o jQuery que é requisito do JavaScript do Bootstrap -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Incluindo o JavaScript do Bootstrap -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>

E pronto!

Não existe um arquivo executável, pois ele é somente um emaranhado de códigos que são aplicados ao seu projeto através da chamada no html.

O Bootstrap não é nada mais do que esses arquivos. Lembrando que para ambiente de desenvolvimento o melhor é incluir no seu HTML os arquivos identados: bootstrap.css e bootstrap.js, entretanto em ambiente de produção o indicado são os arquivos com o final .min pois são comprimidos e economizam muitos bytes o que melhora o carregamento das páginas HTML (principalmente em conexões 3G). Os arquivos no diretório img/ são os icones padrões do Bootstrap e são incluídos pelo arquivo css.

Código Fonte: Bootstrap Examples.


Crie uma página de login com: Modais do Bootstrap  
Melissa Lobo.

terça-feira, 10 de novembro de 2015

O que é um DNS?

DNS é uma sigla muito usada, que significa Domain Name Server ou Servidor de nomes de domínio, em português. Os servidores DNS basicamente transformam o nome de um domínio (melissalobo.blogspot.com.br , por exemplo) em um endereço de IP, no qual é o verdadeiro endereço do site. Nestes servidores possuem várias tabelas, que ligam o endereço do site ao seu endereço de IP. Ainda bem que isso existe, já pensou em ter que digitar uma série de número, como, por exemplo o do Google, que é 173.194.42.238, sempre que quisesse acessa-lo?

Lista de DNS

Segue uma lista de servidores DNS que você pode utilizar, confira:

OpenDNS
Primário: 208.67.222.222
Secundário: 208.67.220.220

Comodo Secure DNS
Primário: 8.26.56.26
Secundário: 8.20.247.20

Google (recomendado)
Primário: 8.8.8.8
Secundário: 8.8.4.4

UOL
Primário: 200.221.11.100
Secundário: 200.221.11.101

Terra
Primário: 200.177.2.10
Secundário: 200.176.254.10

Intelig
Primário: 200.184.26.3
Secundário: 200.184.26.4

Ajato
Primário: 200.162.192.5
Secundário: 200.162.192.3

Matrix
Primário: 200.202.7.1
Secundário: 200.202.17.1

Netpar
Primário: 200.255.244.1
Secundário: 200.255.244.3

ZAZ
Primário: 200.246.248.10
Secundário: 200.248.149.1

Unicamp
Primário: 143.106.2.5
Secundário: 143.106.51.37