Linux, Informática, Vida, Amigos, Fotos, Família, Futebol
Continuando uma série de posts sobre o ExtJS, vou falar agora sobre uma feature existente em algumas linguagens também, que é o “namespace”.
Pela wikipedia “namespace” é: “In general, a namespace is an abstract container providing context for the items (names, or technical terms, or words) it holds and allowing disambiguation of homonym items having the same name (residing in different namespaces).” Continuar lendo ‘ExtJS – Namespaces’
Já cheguei a comentar algo aqui no blog sobre o ExtJS. Porém nunca fiz uma apresentação formal do mesmo !
Então lá vai:
O que é o ExtJS ?
O ExtJS é um framework de javascript, feito para criar aplicações na web. Com ele conseguimos criar interfaces que se parecem muito com aplicações desktop. Ele nos disponibiliza muitos componentes e funções que facilitam e muito a nossa vida.
Para se ter uma idéia de como trabalhar ( veja bem, uma idéia ! ) podemos comparar a criação de uma tela em ext com a criação de uma tela em GTK, onde vamos criando, adicionando e alinhando os itens da tela, tudo dentro de containers e layouts, mas com a facilidade de que podemos facilmente alterar seus CSS para mudar algo. Com o Ext podemos por exemplo criar uma aplicação voltada ao Adobe AIR, que roda localmente, uma aplicação completamente em Ext ou com inserido em nossa página, interagindo com nosso HTML. Continuar lendo ‘ExtJS – Framework Javascript’
O Adobe Air (Adobe Integrated Runtime) é um SDK para desenvolvimento de aplicativos de internet, que utilizem Ajax, Flash, Flex ou HTML/Javascript, mas que rodem como um simples aplicativo desktop.
Isto mesmo !
O Air tem um SDK que podemos utilizar para desenvolver os aplicativos direcionados para esta ferramenta, e com ela podemos criar inúmeros tipos de aplicativos.
O interessante é que, o aplicativo fica como se fosse um simples executável no seu PC, independentemente do sistema operacional !
Eu, sinceramente, ainda nao criei nada para Air, mas sei que tem várias aplicações disponíveis no próprio site da adobe, para baixar-mos e utilizarmos de graça.
Por exemplo:
Todas estas aplicações, e muitas outras mais, rodam sob o Adobe Air, e estão disponíveis free no site.
Eu tenho trabalhado com a biblioteca java script ExtJS e ela tem suas classes e ferramentas para utilizarmos na integração com o Adobe AIR, assim podemos criar uma bela interface em javascript para desktop, facilmente !
Bom, fica ai a dica, se por ventura eu conseguir montar algo em ExtJS para o AIR, eu posto aqui !
Como, se tem utilizado muito esta historia de ajax, acho interessante não deixar todos os scripts JS carregados em nossa pagina quando a carregamos a primeira vez…
E se você nao quer ficar recarregando a pagina todas as vezes que precisa buscar um novo JS ou algum dado novo, pode se utilizar de uma tatica, um tanto interessante: carregar os arquivos JavaScript “on-demand”, ou seja, somente quando necessário.
Assim você pode muito bem repartir e organizar mais ainda suas funcoes JS e, deixar a pagina principal beeeemmm mais rapida para carregar, do que se estivesse com muitas tags scripts no inicio…
Segue, abaixo, uma funçãozinha JavaScript que montei juntando dados de scripts da internet.
A moral é que ela recebe o caminho de um arquivo JS para carregar na pagina, mas porém, retira a tag onde o mesmo JS já foi carregado anteriormente, assim não deixando ficar tags apontadoras para o mesmo arquivo repetidas, e não deixa ficar um monte de lixo desnecessário na pagina, o que pode ocasionar uma lentidão demasiada do browser…
function dhtmlLoadScript(url){
var e = document.createElement("script"); //Cria o objeto para inserir na pagina..
e.language = 'JavsScript';
e.src = url;
e.type="text/javascript";
var hdEl = document.getElementsByTagName("head")[0];
if (hdEl.childNodes.length > 1) { //Se tem filhos..
for ( var i = 0; i -1 ){
hdEl.removeChild(ch);
}
}
}
}
hdEl.appendChild(e);
}
Um exemplo completo segue no meu wiki…
Para quem não quer perder tempo criando sua interface em Ext tem disponível ( on-line e para download ) o Ext Gui Designer, que é uma interface criada em Ext mesmo para criar interfaces em Ext ! ( que redundante heim ! hehe )
Bom, o post no fórum para acompanhar isto é : http://extjs.com/forum/showthread.php?t=28133
E o site onde o gui designer está disponível on-line é: http://www.projectspace.nl/
Valeu ai pessoal … e perabéns pelo trabalho no Gui Designer !
Muitas vezes precisamos de uma maneira de gerar logs no nosso codigo JScript. Mas como nao temos acesso direto ao disco nao podemos criar um arquivo de log por exemplo, o que nos leva a executar muitos “alert”s, causando uma imensa canseira qo debugar um codigo js qualquer, fora o monte de ‘bips’ do computador… :-/
Mas com o ext temos uma saída bastante interessante à este problema: um console de log.
Basta chamar ( sabendo-se que você utiliza o Ext em sua aplicação ) Ext.log(‘minha linha de debug’) que será aberta uma janela ext no na janela do seu browser, fixada abaixo, onde se tem uma seção das msg de log geradas pela aplicação, uma janela onde podemos rodar codigos jscripts escritos na hora ( ótimo isto ! ) e um DOM Inspector, que nos mostra como nossa pagina está definida, este só para ver mesmo, ficando bem longe do DOM Inspector do Firebug para Firefox. Mas já ajuda e muito nosso trabalho …..
Algumas funcionalidades do debugger do ext:
// mostra as propriedades de um obj jscript
Ext.dump(obj); // imprime um texto qq no console
Ext.log(msg) ;
// mostra o tempo que levou de 'time' a 'timeEnd' com mesmo identificador
Ext.time('tempo 1') ;
// trecho de codigo qq...
Ext.timeEnd('tempo 1') ;
*\o/*
Segue abaixo o link para o tal debug console do Ext, que não sei pq nao aparece na documentação de maneira fácil, tive que dar uma googlada para achar esta feature…
http://extjs.com/deploy/ext/examples/debug/debug-console.html
E seguindo o assunto do Ext, achei também a pagina onde são listados vários Extensions para sua aplicação que utiliza Ext:
http://extjs.com/learn/Ext_Extensions
Conversando com um colega de trabalho, obtive algumas informações sobre o Spring Framework.
Dentre estas informações, estavam uma que dizia que este fw era o que realmente podemos chamar de framework, onde o mesmo tinha tudo que
necessitávamos para construir uma aplicação do zero facil e rapidamente.
Ou seja, com o Spring fw, temos muitas facilidades, desde nossas classes de negocio, transações, classes de acesso a dados, model-view-controller, etc…
Podemos ler aqui (http://www.theserverside.com/tt/articles/article.tss?l=IntrotoSpring25) com mais detalhes o que o Spring tem a nos oferecer.
Eu sinceramente estou começando agora a aprender a trabalhar com Spring, mas já estou fascinado com tamanha produtividade oferecida por este fw.
E ainda mais quando entro no seu site, na seção de documentação e me deparo com uma documentação vasta, detalhada e muito bem organizada de
todas as suas funcionalidades e características ( http://static.springframework.org/spring/docs/2.5.x/reference/index.html ).
Na real, eu chequei até aqui através do aprendizado do JPA (Java Persistence API), e fiquei bem contente.
Agora, para complpetar o desenvolvimento de uma bela aplicação, basta aprender a programar o ext (http://www.extjs.com), uma biblioteca
java script que é muito completa, para objetos visuais, efeitos de páginas, ajax, e outras cositas mas !
Esta função é para centralizar uma div html no meio do browser.
Para funcionar ela deve estas visible.
Continuar lendo ‘Centralizar div em javascript’
Programador Java, Python e Pl/SQL, entusiasta do Linux, usuário de ArchLinux atualmente, headbanger, churrasqueiro ( assador ), marido e pai, natural de Gravataí/RS !
