Arquivo mensal: maio 2015

Padrão

Publicado por

Postado no

29 de maio de 2015

Publicado em

Javascript, Linguagens

comentários

1 comentário

SdevLab – Tutorial | JavaScript Try Catch

Eae galera,

Vamos na onda do JavaScript, neste post com um recurso muito bacana, o try catch.

Boa leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Try Catch em JavaScript

O Try…Catch permite que você teste um bloco de códigos (try). Se algum erro for encontrado, podemos tratá-lo em um outro bloco de códigos (catch).

Exemplo:

try
{
alertaa("Mensagem!");
}
catch(err)
{
alert("Erro!");
}


No exemplo acima, dentro do try eu tento dar uma mensagem alert, porém, como não escrevi alert da maneira correta, a instrução dentro do meu bloco try não será executada, e o bloco catch será executado.

Podemos utilizar o throw para adicionar uma exceção ao erro, como no exemplo abaixo:

var x=prompt("Entre com o número de vezes que o Flamengo ganhou o campeonato brasileiro:");
try
{
if(x 6)
{
throw "Err2";
}
}
catch(er)
{
if(er=="Err1")
{
alert("Erro! Muito pouco, o mengão é melhor que isso!");
}
if(er=="Err2")
{
alert("Erro! Ainda não, mas chegaremos lá!");
}
}


No próximo post veremos como o JavaScript trabalha com eventos.

Até a próxima!
xD

Fonte: w3schools.com

Padrão

Publicado por

Postado no

27 de maio de 2015

Publicado em

Javascript, Linguagens

comentários

Deixe um comentário

SdevLab – Tutorial | JavaScript Funções

Eae Galera,

Dando continuidade aos posts de JavaScript, hoje veremos como trabalhar com funções.

Boa leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Funções em JavaScript

Funções são blocos de códigos agrupados para serem executados quando um evento é disparado, ou quando há uma chamada de função dentro de outro bloco de script.

A sintaxe de uma função javascript é dada abaixo:

function nome(parametro1,parametro2)
{
//codigo da função
return x
}

Veja que podemos passar parâmetros, e utilizar retorno de alguma variável como em qualquer outra linguagem de programação.

Por convenção e boas práticas de programação, uma função deve ficar dentro das tags <head> ou em um arquivo externo .js, porém não há nada que impeça você de escrever uma função entre as tags <body> por exemplo.

Exemplo de função:

<html>
<head>

function produto(a,b)
{
return a*b;
}

</head>
<body>

document.write(produto(4,3));

</body>
</html>

No próximo post veremos como utilizar um recurso de programação bastante útil, o Try … catch.

Até a próxima!
xD

Fonte: w3schools.com

Padrão

Publicado por

Postado no

22 de maio de 2015

Publicado em

Javascript, Linguagens

comentários

1 comentário

SdevLab – Tutorial | JavaScript Popup Box

Fala Galera!

Dando continuação aos posts de JavaScript, hoje veremos como utilizar os diferentes Popup Box que a linguagem possui.

Boa Leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Popup Box em JavaScript

O JavaScript possui 3 tipos de box popup, que são o Alert, Confirm e o Prompt.

O alert somente mostra alguma informação ao usuário, já o confirm é utilizado para confirmar alguma coisa, e o prompt para colher informações.

Segue abaixo exemplo dos popus

Alert

alert("I am an alert box!");


Confirm

<html>
<head>

function confirmBox()
{
var r=confirm("Pressione um dos botões");
if (r==true)
{
alert("Confirmado!");
}
else
{
alert("Você não confirmou!");
}
}

</head>
<body>
<input type="button" onclick="confirmBox()" value="Confirme o valor" />
</body>
</html>

Prompt

<html>
<head>

function promptBox()
{
var name=prompt("Por favor digite seu nome","Visitante");
if (name!=null && name!="")
{
document.write("Olá " + name + "! Como vai você?");
}
}

</head>
<body>
<input type="button" onclick="promptBox()" value="Prompt" />
</body>
</html>

No próximo post veremos como trabalhar com funções em JavaScript.

Até a próxima!
xD

Fonte: w3schools.com

Padrão

Publicado por

Postado no

20 de maio de 2015

Publicado em

Javascript, Linguagens

comentários

1 comentário

SdevLab – Tutorial | JavaScript Loops de Repetição

Eae Galera!

Seguindo o conceito iniciado no post anterior, sobre estruturas condicionais, vamos ver agora como trabalhar com Loops de Repetição em JavaScript.

Boa Leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Loops de Repetição em JavaScript

For

O for repete as instruções dentro de seu escopo um número específico de vezes. Segue abaixo um exemplo:

var i=0;
for (i=0;i");
}


While

O while repete as instruções dentro de seu escopo enquanto sua condição for verdadeira.
Exemplo:

var i=0;
while (i");
i++;
}


O break, assim como no php para a execução tanto do while quanto do for. Exemplo:

var i=0;
for (i=0;i");
}


O continue, para a execução do loop atual e vai para o próximo valor. Segue um exemplo para ilustrar melhor esta ideia:

var i=0;
for (i=0;i");
}


For…In

O loop For In passa pelas propriedades de um objeto. Exemplo:

var pessoa={nome:"João",sobrenome:"da Silva",idade:25};
for (x in pessoa)
{
document.write(pessoa[x] + " ");
}


No próximo post o assunto será popup box.

Até a próxima!
xD

Fonte: w3schools.com

Padrão

Publicado por

Postado no

15 de maio de 2015

Publicado em

Javascript, Linguagens

comentários

1 comentário

SdevLab – Tutorial | JavaScript Estruturas de Condição

Fala Galera!

Conforme explicado no último post (sobre operadores em javascript) eu acabei postergando o assunto estruturas de condição e de repetição. Sem mais delongas, vamos voltar ao assunto!

boa leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Estruturas de Condição em JavaScript

If Else

O if executa um código somente se a condição for verdadeira. Podemos usar o else para que algo seja executado caso a condição for falsa.

var d = new Date();
var time = d.getHours();
if (time Good morning");
}
else
{
document.write("Good day");
}

Switch case

O switch verifica uma condição e executa um bloco baseado no resultado do teste.

var d=new Date();
var theDay=d.getDay();
switch (theDay)
{
case 5:
document.write("Finalmente sexta-feira!");
break;
case 6:
document.write("Sabadão, dia da cerveja!");
break;
case 0:
document.write("Domingão!");
break;
default:
document.write("Esta semana não passa nunca!");
}


No próximo post o assunto será loops de repetição.

Até a próxima!
xD

Fonte: w3schools.com
// ]]>