Pular para o conteúdo

Dica: Programa de Estágio da Vale

julho 29, 2011

Está procurando um estágio? A Vale do Rio Doce abriu seu processo de busca por novos estagiários nos níveis técnico e superior. Mas corra, pois as inscrições vão até o dia 05 de agosto!

A Vale Soluções em Energia (VSE) foi criada por meio de uma associação entre a Vale e o Banco Nacional de Desenvolvimento Econômico e Social (BNDES). Seu objetivo é o desenvolvimento de soluções tecnológicas inovadoras e eficientes na área de sistemas de potência, incluindo a geração de energia distribuída e limpa, tendo como foco a adoção de processos ambientalmente sustentáveis e economicamente viáveis.

CURSOS CONTEMPLADOS DE ACORDO COM AS SEGUINTES LOCALIDADES:

* NÍVEL SUPERIOR

  • Rio de Janeiro – RJ: Administração de Empresas
  • Belo Horizonte – MG: Ciências Contábeis, Ciências da Computação, Engenharia de Automação, Engenharia da computação, Engenharia Elétrica, Engenharia Industrial Mecânica, Engenharia Mecatrônica e Tecnologia da Informação.
  • São José dos Campos – SP: Ciências Contábeis, Economia, Engenharia Aeronáutica, Engenharia Civil, Engenharia de Automação, Engenharia de Produção, Engenharia de Sistemas, Engenharia Elétrica, Engenharia Eletrônica, Engenharia Industrial Mecânica, Engenharia Mecânica e Engenharia Mecatrônica.

* NÍVEL TÉCNICO

– São José dos Campos – SP: Técnico em Mecânica, Técnico em Mecatrônica, Técnico em Segurança do Trabalho.

NECESSÁRIO:

  • Conhecimentos do Pacote Office.
  • Inglês Intermediário
  • Cursando Graduação a partir do 4º período para Nível Superior e Nível Técnico com horas de estágio a cumprir.

BENEFÍCIOS:

  • Nível Superior – Bolsa auxílio R$ 1144,00 + Auxílio Transporte
  • Nível Técnico – Bolsa auxílio R$ 572,00 + Auxílio Transporte
  • 6 Horas de estágio/dia

ETAPAS DO PROCESSO SELETIVO:

  • Triagem de inscritos
  • Prova online de Português, Inglês e Rac. Lógico.
  • Dinâmica de Grupo e Redação
  • Entrevista com o Gestor

 

INSCRIÇÕES ABERTAS ATÉ 05 DE AGOSTO NO VAGAS

Fique atento ao seu email, pois as convocações para as próximas etapas serão feitas por mensagem eletrônica.

Boa Sorte! 😀

Porque as pessoas pensam que o profissional de TI não trabalha

julho 28, 2011
tags:

O que é o Google Plus e porque você precisa dele

julho 27, 2011

O vídeo a seguir trata-se de uma visão interessante sobre a nova rede social do Google, o Google+, produzido pela agência de mídia social Tagsphere, traduzido para Português-BR.

Assista e veja porque você também deve entrar nessa. Ainda não tem um convite? Deixe um comentário com email que envio para você!

Essa dica super legal veio de um ex-colega de trabalho, que é apaixonado por Android e está sempre postando coisas legais no Google+ . Adicione-o aos seus círculos: Breno Caldeira.

Ministério de Ciência e Tecnologia anuncia 100 mil bolsas de intercâmbio

julho 27, 2011

O Ministério de Ciência e Tecnologia anunciou ontem, dia 26 de julho, o programa “Ciências sem Fronteiras” que irá oferecer 100 mil bolsas para estudantes de graduação e doutorado em áreas de estudo das ciências exatas e principalmente tecnologia.

Se você ficou interessado, confira também o link da apresentação. Ainda não existem datas definidas para as inscrições, que devem começar nesse segundo semestre, mas o Eu Faço Programas vai ficar de olho! 😉

HTML 5 – Conceitos Básicos

julho 25, 2011

O que é HTML5?

É a nova versão da linguagem de marcação HTML, bastante aperfeiçoada. O HTML5 tornou a marcação muito mais clara, se adaptou a forma que os desenvolvedores estão trabalhando.  Possibilita colocar áudio e vídeo nos sites sem uso de plugins, o que é positivo tanto para o desenvolvedor quanto para o usuário, que não precisa se preocupar com a atualização de plugins, facilita a forma que os desenvolvedores lidam com formulários, entre outras vantagens.

Novidades

A doctype do HTML5 é muito mais simples:

1
<!doctype html>

A tag <script> também diminuiu, não necessitando mais do atributo “type”:

1
<script  src=”arquivo.js”></script>

Isso também é verdade para a tag <link>

Faça a marcação com menos preocupações

Letras maiúsculas ou minúsculas, fechar tags em si mesmas ou não (como <img src=”imagem.jpg” />), não importa. Claro que não devemos começar a escrever código ruim, isso apenas facilita a validação. E também, temos as novas tags, que ajudam o navegador a entender o seu conteúdo:

  • <header> – É o topo do site, podendo ter a navegação.
  • <nav> – Engloba links de navegação principal. Não deve ser utilizada para links fora da navegação.
  • <section> – Para um grande grupo de conteúdo, podendo conter vários <article>.
  • <aside> – Define conteúdo a parte do artigo em que esteja inserido.
  • <footer> – Pode ser utilizado para o rodapé do site e para outras partes do site também.

Áudio

Para colocar áudio basta:

<áudio src=”musica.mp3”></áudio>

Os atributos autoplay, loop, controls mudam o player, sem necessidade de true ou false. Incluí-los os torna verdadeiros, excluí-los, falso.

Contudo, nem todos os navegadores suportam .mp3, então deve-se usar também .ogg e, para o Internet Explorer, o flash.

  • .ogg – Firefox 3.5, Opera 10.5, Chrome 3.0 e Safari 3.0
  • .mp3 – Chrome 3.0 e Safari 3.0.wav – Firefox 3.5, Opera 10.5, Chrome 3.0 e Safari 3.0

Vídeo

Funciona exatamente igual ao áudio:

1
<video src="filme.mp4" controls width="300" height"200"></video>

É bom definir tamanhos para o vídeo, já que normalmente ocupam mais espaço. E, claro, há variações de formato de acordo com o navegador:

  • H.264 – Safari e IE9
  • WebM ou codecs Theora – Chrome, Firefox e Opera
  • Flash para o IE, claro.

Formulários

Há vários atributos novos para formulários que simplificam e complementam o desenvolvimento com Javascript e CSS. Vejam só:

  • <input type=”text” placeholder=”stuff”> – texto cinza que desaparece quando em foco, por enquanto só funciona para Chrome e Safari
  • <input type=”text” autofocus> – automaticamente foca no campo
  • <input type=”text” required> – campo de preenchimento obrigatório
  • <input type=”text” autocomplete=”off”> – “on” por padrão, como medida de segurança.

Mais atributos para formulários

Estes são particularmente úteis para celulares, pois o teclado muda de acordo com o “type” especificado. Porém, eles aparecem como campos de texto normais. Veja:

1
2
3
4
5
<input type="tel">
<input type="url">
<input type="email">

Armazenamento local

Usar armazenamento local permite que aplicações web funcionem offline. Por exemplo, quando o usuário estiver usando a aplicação em um celular e perder o sinal, ele simplesmente continua utilizando e depois apenas atualiza os dados quando a conecção voltar. E os navegadores que suportam são: Opera, Firefox, Chrome, Safari e IE!

Como funciona

Funciona via Javascript, então os tipos de dados só poderão ser aqueles suportados por javascript: string, booleans e floats. Se for armazenar outro tipo de dado, terá que realizar parse.  É permitido armazenar 5mb localmente por navegador. O Gmail em smartphone já utiliza armazenamento local.

1
2
3
4
5
6
7
8
9
10
11
12
13
localStorage.key="value";
if (typeof(localStorage) == ‘undefined’ ) {
    alert(‘Your browser does not support HTML5 localStorage. Try upgrading.’);
} else {
    try {
        localStorage.setItem(“name”, “Hello World!”); //saves to the database, “key”, “value”
    } catch (e) {
        if (e == QUOTA_EXCEEDED_ERR) {
            alert(‘Quota exceeded!’); //data wasn’t saved due to quota exceed, error
        }
    }
}


Saiba mais

Este artigo se propõe mais a ser um guia geral de HTML5, não se aprofundando em um tópico específico, mas servindo de um guia geral. Para estudar mais, consulte:

Retirado de FrontEnd Brasil.

Programador Pegador

julho 24, 2011
tags: ,

jQuery – Máscara em Campos

julho 22, 2011
tags: ,

Ao se desenvolver para web é válido utilizar boas soluções que já estão no mercado para economizar tempo, não é mesmo? E como sempre posto algo em jQuery por aqui, hoje vou apresentar um plugin que trabalha com máscaras em textbox e pode ser utilizado em muitos casos. Você pode fazer o download do plugin aqui.

Adicione o link para o jQuery e o plugin, como no exemplo abaixo:

<script language="javascript" type="text/javascript" src="jquery-1.5.2.js"></script>
<script src="plugins/jquery.maskedinput.js" type="text/javascript"></script>

Nunca se esqueça de fazer a chamada da biblioteca jQuery ANTES do plugin ou de seus scripts, caso contrário, eles não funcionarão.

Para criar uma máscara, utilize a regra abaixo:

a – Representa qualquer letra (A-Z,a-z)
9 – Representa qualquer número (0-9)
* – Representa qualquer caracter

 

Para criar as máscaras dentro de um bloco script, utilizando instruções jQuery que o plugin entenderá, criarei uma máscara para cada textbox, que está identificado com uma id.

	$(document).ready(function () {

		$('#telefone').mask("(99)9999-9999");
		$("#data").mask("99/99/9999");
   		$("#cep").mask("999-99999");
   		$("#cpf").mask("999.999.999-99");
   		$("#cnpj").mask("99.999.999/9999-99");
   		$("#valor").mask("R$9999.99");
   		$("#nome").mask("SR. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");
   		$("#empresa").mask("SR. ******************************************************");

	});
</script>

Lembre-se que, ao aplicar o código em um campo como o de id nome, esse receberá o número máximo de caracteres que lhe foi definido. Ao se utilizar  ‘a’, você não admitirá o uso de espaços, por exemplo.

Como padrão, é definido a utilização do _ para o local que o usuário irá preencher. Caso você queira que esse valor seja alterado, poderá trabalhar como no exemplo abaixo:

	$(document).ready(function () {

   		$("#empresa").mask("SR. ******************************************************",{placeholder:" "});

	});
</script>

É possível ainda definir que parte da máscara seja opcional, utilizando o caracter ?

	$(document).ready(function () {

   		$("#telefone").mask("(999) 999-9999? x99999");

	});
</script>

Ou ainda, executar uma função quando a pessoa atinge o limite de caracteres permitidos:

	$(document).ready(function () {

   		$("#nome").mask("SR. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", {completed:function(){alert("Limite de dígitos atingido");}});

	});
</script>

Vale a pena ter esse plugin na sua listinha de coisas úteis! Para conferir toda a documentação, acesse a página oficial, em inglês.

Para fazer o download da página de exemplo abaixo + plugin, clique nesse link.

%d blogueiros gostam disto: