[Curso de ExtJS 4] Aula 04: Trabalhando com ExtJS e JQuery
Vídeo/Screencast de hoje: quarta aula do curso gratuito de Ext JS 4!
![curso extjs4 aula04 loiane [Curso de ExtJS 4] Aula 04: Trabalhando com ExtJS e JQuery](http://www.loiane.com/wp-content/uploads/2011/12/curso-extjs4-aula04-loiane.png "curso-extjs4-aula04-loiane")
Na aula de hoje vamos aprender como usar código ExtJS com código JQuery juntos ou vice-versa! Com essa aula fechamos o primeiro módulo, que é uma introdução ao framework.
Quem quiser ver todas as aulas já publicadas, é só clicar aqui.
Espero que gostem dessa aula e fico no aguardo do feedback de vocês! ![icon smile [Curso de ExtJS 4] Aula 04: Trabalhando com ExtJS e JQuery](http://www.loiane.com/wp-includes/images/smilies/icon_smile.gif "[Curso de ExtJS 4] Aula 04: Trabalhando com ExtJS e JQuery"){kind=icon}
Requerimentos:
- Ext JS 4 SDK
- JQuery
- Servidor Apache (não é obrigatório, mas recomendado ter instalado na máquina) – vai nos ajudar a executar alguns exemplos mais pra frente no curso.
- Editor de Texto (qualquer um de sua preferência). No vídeo usei o Sublime Text 2 (tem pra Mac OS, Windows e Linux – a versão shareware não expira!)
- Browser (de preferência Firefox ou Chrome - vai nos ajudar a debugar código js mais para frente do curso).
Vídeo:
Vimeo: http://vimeo.com/loiane/curso-extjs4-aula04
YouTube: http://youtu.be/4znz8rNy2y8
Código: https://github.com/loiane/curso-extjs4
Slides:
Curso ExtJS 4 – Aula 04 – ExtJS + JQuery
View more presentations from Loiane Groner
Até a próxima aula!
Comments (26)
Links to this Post
- Curso de ExtJS 4 - Gratuito! | Loiane Groner | 19/12/2011
Olá Loiane,
parabéns pelo curso, ta ficando muito legal.
Uma pergunta: Seu livro será editado em português também ?
Olá Leonardo,
Obrigada!
Por enquanto não tem previsão do livro sair em português.
[]‘s
Parabéns Loiane.
Estou no aguardo da continuação. Assistindo todas.
Muito bom Loiane, aguardando as próximas aulas!! Você não tem ideia do quanto está ajudando!
Olá Loiane !
Não tem o que dizer, parabéns mais uma vez !
Abraços e obrigado
Muito bom mesmo, simples mas q acaba tirando uma enorme dúvida em apenas 10min. Obrigado e estou assistindo e já pensando “esta acabando os vídeos, qdo será q sairá mais”, mas é isso, força e boa sorte.
Abs
Muito boa sua aula Loiane, funcionou tudo corretamente localmente. Só uma coisa que observei, quando se utiliza o ready do jQuery o painel do ETXJS desalinha um pouco, não fica correto como a chamada ready do Ext. Achei que era aqui, mas verifiquei em sua vídeo-aula e também acontece o mesmo, inclusive o lipsum ultrapassa o tamanho da div. Parabens pela iniciativa!
Olá Loiane.. muito boa suas aulas.. Você está ajudando bastante a comunidade com essa introdução ao Extjs.. Espero que continue com seu cronograma de aulas.. Não perco uma se quer. Obrigado
Então Loiane parabéns pelas aulas, fora o comentário do Rodnei, queria que você me explicasse qual a diferença do ready do Jquery e o ready do ExtJs.
Tipo posso chamar as duas no uma após a outra?
Ou, exsite uma melhor que a outra?
Desde valeu pelas aulas.
Boa noite Loiane, vai uma pergunta de quem está se interessando pelo ExtJs agora.
O ExtJs é pago para uso comercial, devido a isso apareceu uma dúvida, esse uso comercial é se por acaso eu construir um aplicativo e vendo o mesmo como um produto (produto acabado) ou também entra nesse barco se eu faço um site para alguém (serviço). Exemplo do serviço: Faço um e-commerce utilizando HTML, EXtJs, PHP e Mysql para alguém, eu tenho que comprar a licença de uso por esse serviço que vou fazer, ou a pessoa que contratou o serviço terá que comprar a licença ou nenhuma das duas coisas?
Oi Rafael,
Depende de como vc vai negociar com o seu cliente.
Geralmente quem faz muito freelance compra a licença e repassa parte do preço nos trabalhos que faz, já que nesse caso a escolha da tecnologia a ser usada no projeto é sua.
Se o cliente escolher a tecnologia, aí é ele quem deve comprar, ou se vc já tiver, pode passar parte do preço da licença pra ele.
Geralmente é isso que faço nos meus trabalhos, mas a decisão é sua mesmo.
Se vc tem muitos trabalhos, às vezes compensa vc comprar e repassar o preço pra frente. Se for algo muuuuito grande, vale a pena pedir pro cliente comprar.
[]‘s
Excellent blog…!!
I am a beginer in extJs 4.0 but I did an small sample to test this framework and the results are amazing.
I would like you to post some samples with php and mysql.
Muito bom o curso!
Você tem algum tipo de feed para acompanhar o site?
@Fabio: http://www.loiane.com/feed/
Muito boa a aula!
O Panel abre, no entanto o conteudo que é carregado com jquery não está aparecendo.
Estou com o arquivo jquery tudo conforme na sua aula.
Saberia o que pode estar ocorrendo?
Obrigada
Nessa Aula na hora de aparecer o texto do content.html da uma erro nele assim:
XMLHttpRequest cannot load file:///home/renatosantos/Downloads/Ci%C3%AAncias%20da%20Computa%C3%A7%C3%A3o/Extjs/Aula4/content.html. Origin null is not allowed by Access-Control-Allow-Origin.
Saberia dizer o pq desse erro?
oi RenatoSantos,
Esse é um erro do browser dizendo que não pode acessar o conteúdo.
Você está acessando com o protocolo file. Faça o deploy da sua app no apache e execute-a pelo protocolo http.
[]‘s
Perfeito era exatamente isso mesmo. Obrigadão essas aulas estão ajudando muito!
Loiane,
Parabéns pelo post. Entretanto, não funcionou para o chrome quando referenciei o arquivo content no jquery… para todos os demais navegaores funcionou, inclusive o IE, … o que pode ter ocorrido… será algum bug…
Oi Cristiano,
Verifique novamente se todos os arquivos estão sendo carregados corretamente.
E funciona no chrome, pois esse exemplo foi testado apenas no chrome!
[]‘s
Loiane, realmente nos otros dois navegadores que testei (IE8 e Firefox 20.0.1) funcionou a chamada do JQuery, mas no Chrome (versão 28.0.1496.0 dev-m), não funcionou.
Ass.,
Clóvis
Estranho, pois usei o chrome como pode ver na aula!
Deve ser algo relacionado às versões usadas.
[]‘s
Loiane, acho que tem relação com as versões do Chrome, pois esta que estou usando parace que ainda é beta. Vamos esperar que a Google resolva este “bug”.
Ass.,
Clóvis
Valeuu Loiane, Ótima aula!