Ana Claudia

Programação e Design Web

Campus Party 2010

posted by Ana Claudia On janeiro - 27 - 2010 ADD COMMENTS

Olá pessoal

Ontem começou a maior festa de tecnologia do brasil, a campus party. O evento vai até domingo dia 31 de janeiro. Muita gente já está acampada lá para não perder nada. Eu como trabalho não poderei (infelizmente) participar todos os dias, mas estarei lá no sábado para conferir o que está rolando por lá. Se você, assim como eu, não pode ir, pode conferir os canais ao vivo abaixo do que acontece por la

Categories: Blog, Campus Party, HTML, PHP, TI, Telefonia

SMVP 2009

posted by Ana Claudia On novembro - 30 - 2009 ADD COMMENTS

SMVP 2009Durante os dias 27 e 28 de novembro, aconteceu o SMPV 2009, Social Media Vale do Paraíba, onde estive presente no primeiro dia do evento. O primeiro palestrante foi Julio Bitencourt, que deu uma mini oficina de API do Twitter. Ele falou sobre Mashups, as tecnologias utlizadas pelo Twitter (Javascript, API,XML, Json e widgets). Também falou das 2 tecnologias utilizadas pelo twitter para gerar APIs: o REST e o Search API. O primeiro é mais complexo e necessita de autenticação do usuário enquanto o segundo não. Durante sua apresentação ele mostrou o funcionamento de uma página que buscava todos os resultados com #smvp e mostrava os resultados a cada periodo de tempo usando o Search API com o framework Jquery e Ajax para não precisar de reload da página.
O segundo palestrante foi Luiz Renato Olivalves que falou sobre os canais de comunicação da Band e case de sucesso de promoções e conteúdo via SMS, do retorno que esse tipo de midia gera para a empresa.
O terceiro palestrante foi Marcio Okabe, que falou um pouco de SEO, da importância do meta title para indexação no Google. Ele também citou qual a maior relevância para indexação nas buscas do google: os links que apontam para seu site. Ele também disse que o uso exagerado dos meta tags description e keyword fez com que o Google parasse de indexar sites por esses elementos. Mas não pense que este itens deixam de ser importantes por causa disso: a description é utlizada para que você possa mostrar o conteúdo do site na descrição do resultado do google, assim você evita que o google monte a descrição do jeito que ele quiser.
Outro assunto abordado foi as urls amigáveis, também fundamentais para indexação de buscas do google. Ele também falou sobre CMS como o Joomla e o Wordpress, que já vem otimizados para SEO.
O quarto palestrante do dia foi Nilson Moyses, que apresentou o Canal Rural, um canal voltado para os agronegócios. Ele mostrou a visão distorcida que a imprensa tem desse tipo de canal, mostrando a imagem de um caipira na plantação. Na verdade a situação é outra, onde a agroindústria possui tecnologia de ponta e é uma das principais fontes de renda do país. Ele também mostrou o case de sucesso da promoção “Aposte no Canal Rural e vá para Las Vegas”, onde o ganhador iria assistir a final da PBR, que é uma espécie de Barretos por lá. A promoção consistia em quizes que poderia ser enviada via SMS, twitter ou facebook. Quem obtesse mais pontos seria o vencedor.
A ultima apresentação que assisti foi sobre a blogosfera do Vale do Paraíba. estavam presente os bloqueiros Alex (criativos na web), Kadufilms (videolog), Alex(publioucos), Robson(Criative) e o Mateus Nerosky (CCVP). Eles falaram da motivação para a criação dos blogs, seus projetos e a dificuldade de adotar novas tecnologias no Vale do Paraíba.
Enfim, todas as apresentações foram maravilhosas, e voltei para casa com mais conhecimento. Espero que o ano tenha mais, porque se tiver estarei lá novamente, dessa vez nos dois dias.

Categories: Blog, SMS, SMVP, TI, Twitter, facebook

Uma breve introdução sobre jQuery

posted by Ana Claudia On julho - 13 - 2009 6 COMMENTS

“Writre Less, do more”, em tradução livre:”Escreva menos, faça mais”, esse é o lema do jQuery. Esse poderoso e largamente utilizado frameworrk de Javascript pode realmente reduzir um código gigante de JS em apenas poucas linhas de uma forma extremamente simples, tudo o que você precisa é um pouco de conhecimento de Javascript. Se o assunto começou a lhe interessar , então continue lendo porquê vai ficar mais interessante.
O Jquery surgiu em janeiro de 2006, e embora seja razoalvelmente novo, possui funções que vem atraindo cada vez mais desenvolvedores do mundo inteiro. Além do framework padrão do jQuery, é possível extender suas funcionalidades através de plugins disponíveis no site oficial do Jquery. A atual versão é a 1.3 e já possui muitas melhorias em relação a versão anterior, dentre uma delas a de funcionalidades de plugins intríseca no framework.

Escrevendo as primeiras linhas

A primeira coisa a ser feita é baixar o framework jQuery para seu computador e em seguida devemos refereciar esse framework através de um include JS:

1
 <script src="jquery-1.3.min.js" type="text/javascript"></script>

Agora já podemos utilizar o JQuery. Todos os comandos JQuery devem começar com “jQuery” ou com “$” que é uma espécie de atalho.
EX:

1
2
3
4
5
<script type="text/javascript">
 $.(document).ready(function() {
 
}
</script>

A função acima é utilizada para carregar tudo que estiver dentro dela antes do carregamento do HTML.

Seletores

OS seletores são utilizados para referenciar objetos HTML de uma maneira mais simples que o Javascript convencional, como por exemplo objetos HTML com atributos id.

1
<div id="div1">Qualquer Texto</div>

Para manipular o exemplo acima com JS convencional ficaria da seguinte forma:

1
document.getelementById("div1");

Com o jQuery ficaria assim:

1
$("#div1");

Para exibir o texto dessa div num alert poderia ser feito da seguinte forma:

1
alert($("#div1).html());

E para classes seria da seguinte forma:

1
$(".classe");

E para objetos:

1
$("p");

Quem utliza o CSS vai perceber que a sintaxe para refereciar objetos e atributos id e class é bem semelhante, e na verdade é exatemente essa ideia do jQuery, padronizar atributos e objetos.

Confiltos do jQuery com outras biobliotecas

Algums frameworks JS, quando utlizados em conjunto com jQuery, como prototype, podem criar confiltos com jQuery devido ao uso de “$” nos framework utilizados. Existem algumas medidas que podem evitar esse conflito como o uso da palavra “jQuery” ao invés de “$” no inicio de funções ou a expressão noConflict() no final das funções.
Ex:

1
2
3
4
5
<script type="text/javascript">
 $.(document).ready(function() {
 
}.noConflict();
</script>

Com esses exemplos já vimos que o jQuery pode simplificar muito o código, e isso é só o começo. Para saber mais, acesse a documentação (em inglês) do jquery.

Site Oficail:

http://docs.jquery.com

Leitura Recomendada:

jQuery In action, de Bear Bibeault e Yehuda Katz

Categories: HTML, Javascript

Comentários Recentes

  • Hugo: conseguir peço desculpas pra vc an
  • Hugo: podemos falar no msn se vc poder é
  • Hugo: vc quer todos os codigos? ou basta
  • Hugo: cara ana claudia estou adorando aqu
  • Ana Claudia: Gente havia um erro no script,no ar
  • Hugo: certo relamente errei feio salvei o