Curso de ExtJS 4 – Gratuito!
Ei pessoal,
Decidi lançar uma série de screencasts/vídeo aulas sobre ExtJS 4 que no final todo o conteúdo apresentado formará um curso completo sobre ExtJS 4.
Conteúdo Programático
Segue então o conteúdo do curso:
Introdução:
- Introdução ao Ext JS 4 (review da ementa do curso e overview do framework) (35:19 min)
- Instalando o Ext JS 4 – Instalação e Hello World (32:58 min)
- Trabalhando com arquivos Locale (Pt-BR) (16:45 min)
- Ext JS 4 + JQuery (e outros frameworks e bibliotecas JS) (10:20 min)
Sistema de Classes:
- Criação de Classes (30:57 min)
- Herança Simples (21:17 min)
- Herança Múltipla (Mixins) (20:17 min)
- Definição de Alias e XType (17:41 min)
- Configurações, Statics e Singletons (28:13 min)
Loader:
- Carregamento Dinâmico de Classes e arquivos (49:38 min)
Pacote de Dados – Data Package:
- Model (40:36 min)
- Validations (20:38 min)
- Carregando/Salvando Models (23:26 min)
- Associations (HasMany, BelongsTo e HasOne) (25:28 min)
- Store + ArrayStore (33:46 min)
- Proxy Local Storage (HTML 5) (28:18 min)
- Proxy Session Storage (HTML 5) (14:10 min)
- Proxy Memory (11:20 min)
- Proxy Ajax (13:11 min)
- Readers – JSON e XML (30:02 min)
- Writers – CRUD Completo (1:40:25 min)
- Proxy REST (42:53 min)
- Proxy JsonP (52:19 min)
- Sorters, Filters (Ordenação, Filtros) (40:57 min)
Panels, Janelas, Menus, Toolbars e Buttons:
- MessageBox/Dialogs(1:17:32 min)
- Panels
- Windows
- Criando Buttons
- Como funciona o Dock Layout
- Toolbars
- Criando Menus
Layouts:
- Absolute Layout
- Accordion Layout
- Anchor Layout
- Border Layout
- Card Layout
- Column Layout
- Fit Layout
- HBox Layout
- Table Layout
- VBox Layout
- Criando um Viewport
Arquitetura MVC:
- Entendendo o MVC + estrutura de uma aplicação
- Ext.ComponentQuery
- Como criar uma aplicação MVC
- Criando Models, Views e Controllers
Forms:
- Criando um Form
- Form Fields
- Validação automática de Forms
- Salvando dados no servidor
- Carregando dados do servidor
- Upload de Arquivos
DataGrids:
- Criando um grid simples
- Tipos de colunas
- Grid com Paginação
- Utilizando Filtros
- Recursos Extras (Features):
- Grouping
- Grouping Summary
- Summary
- RowBody
- Editando um Grid – RowEditor
- Editando um Grid – CellEditor
- Salvando dados no servidor
- RowExpander
- Fazendo bind de um Form com um Grid
Trees:
- Criando um Tree Panel
- Tree com checkbox: Check Tree
- Tree em forma de Grid
- Sorting : Ordenação
- Usando drag-and-drop
Charts – Gráficos:
- Pacote draw
- Entendendo um chart: gráfico
- Bar Chart + Grouped Bar Chart + Stacked Bar Chart
- Column Chart
- Line Chart + Grouped Line Chart
- Area Chart + Grouped Area Chart
- Scatter Chart + Grouped Scatter Chart
- Pie Chart + Donut Chart
- Radar Chart + Grouped Radar Chart
- Gauge Chart
- Customizando um Gráfico
Customização de Temas:
- Entendendo o Sass e Compass
- Criando um tema com 5 minutos
- Criando novas UIs para componentes do ExtJS
- Suporte a browsers legados
Construção de uma Aplicação Completa
Conteúdo a ser definido
Outros Exemplos
- Web Desktop
- Plugins
Material
Todo o conteúdo do curso será publicado GRATUITAMENTE.
Os posts e/ou vídeos serão publicados aqui no blog, e à medida que serão publicados, vou atualizando esse post para referência a todo o curso.
Todas as aulas estão disponíveis no Vimeo para download gratuitamente. Basta ter uma conta no Vimeo para conseguir fazer o download do arquivo original.
Os vídeos (caso tenha vídeo) serão publicados nos meus canais do Vimeo e/ou Youtube. Os slides (caso tenha slide) serão publicados no meu Slideshare e todo o código estará disponível nos meus repositórios do GitHub e/ou Bitbucket.
Quando um novo post do curso for postado, anunciarei no meu twitter e facebook. Ou você também pode assinar o RSS do blog para se manter atualizado!
A grade do curso pode sofrer alterações. Também estou aberta a sugestões! 
Então, o que acharam desse novo projeto?
Olá gostaria de saber quando continuara o curso. e claro, muito bom. e aprendi muito com o curso.
Sou do paraguai
parabéns
Loiane, parabéns pela excelente iniciativa!!
Quando o módulo de Data Package estará disponível?rs
Bjs.
————-
Olá Loiane…
Quero parabenizar pela iniciativa do curso, e que o mesmo está muito bom.
Estou iniciando um projeto meu pessoal e gostaria de saber sua opnião sobre as tecnologias (framework)usados junto com a linguagem java.
- Hibernate.
- Struts.
- Spring.
- EJB (Enterprise JavaBeans).
- HQL(Hibernate Query Language).
- IReport com Jasper Report.
Todas essas tecnologias eu posso usar junto com extjs e java… claro não usamos tudo de um vez vai depender do projeto, mais tipo eu posso usar esses carinhas ai.?
Grande abraço e sucesso.
Olá Simão, pode sim.
Qual a versão so Struts que vai usar? 1 ou 2?
O spring vc vai usar apenas para injeção de dependência? Pq não usa ele no lugar do Struts? O Spring 3 tem um ótimo suporte para extjs.
No mais, a lista de frameworks parece ser bem atual e não vejo problema nenhum em usar tudo junto!
[]‘s
Olá Eduardo,
Postei uma nova aula hoje! A idéia é ter uma aula por semana.
Gracias!
Olá Aliel,
Postei uma nova aula hoje. Devo fechar o data package em março com todas as aulas, uma por semana.
[]‘s
Caraca, muito bom velho! Excelente contribuição!
Boa noite, Loiane. Estou sem palavras, simplesmente fantástico. Agradeço no fundo do coração pela sua iniciativa em passar seus conhecimentos desse maravilhoso Framework!
Muito obrigado mesmo, super foda!
Bom dia.
Loiane creio que não usarei o Struts, no futuro poderiamos ter no blog tutoriais usando algumas dessas tecnologias.
Obj pela atenção, e mais uma ve parabéns pelo grande trabalho…. sucesso.
Parabéns pela iniciativa, estou iniciando nessa área e está sendo de grande serventia. Excelente trabalho.
Olá Loiane,
Quero dizer que suas vídeo aulas são ótimas. Estou aprendendo muito sobre EXT JS, pois trabalho com jquery e quando vi o EXT na hora fiquei empolgado para aprender e suas aulas tem me ajudado bastante.
vlw.
Curso de ótima qualidade !
Lá para frente tem a construção de uma aplicação completa que está para ser definida.
No site do mysql tem uma definição completa de um banco de dados. ( Caso de uma Locadora de vídeo )
http://dev.mysql.com/doc/sakila/en/sakila.html
http://dev.mysql.com/doc/sakila/en/images/sakila-schema.png
Tem varios cadastros , aonde daria para encaixar por exemplo cadastro master/detail , entre outros !
Olá Loiane!
Primeiramente, parabenizar pela iniciativa. Faço as minhas palavras a de todos os que comentaram aqui. Nunca vi alguém ministrar vídeo aula com uma didática tão excelente como você e devemos valorizá-las ao extremo por compartilhar. Quisera que os dirigentes de nosso país tivesse apenas uma parte de sua iniciativa. O objetivo não é ficar rasgando seda, é dar meus sinceros parabéns a você e alguns outros grandes ícones da iniciativa free knowledge.
É do altruísmo de alguns, que nasce uma sociedade mais competente e justa.
Grande abraço.
Olá Anderson,
Obrigada pela dica! É muito valiosa!
[]‘s
Primeiramente gostaria de agradecer por essas excelentes video aulas. Gostaria de saber qual linguagem será usada na video aula de uma aplicação completa, por exemplo, php, java… Obrigado!
Olá Carlos Junior,
Ainda não sei, mas provavelmente será java. Mas não vou focar no server side, vou explicar apenas a lógica e focar no retorno que o extjs espera.
[]‘s
Muito bom seus videos.
Parabéns Loraine, excelente iniciativa.
Parabéns, Loiane … ótimo material, fiquei sabendo em uma lista de discussão do RailsOnBr que participo, parece que tem um pessoal que está tentando fazer a interface(as views) em Ext usando o Rails.
Parabéns sempre quis saber sobre esse Framework mas nunca tinha visto material bom e grátis como esse! Obrigado.
Cara ainda n assisti, mas assim q chegar em casa vou assisti. Parabéns pela iniciativa.
Loiane, queria saber se você tem algum exemplo de viewport com menu lateral utilizando mvc, extjs 4 e carregando o conteudo em abas no centro…
Oi Luiz Marcelo,
EU ainda não fiz um exemplo assim, mas me lembro que no fórum de extjs brasileiro alguém já postou um exemplo completo assim. Dá uma procurada lá!
[]‘s
Primeiramente agradecer por você estar compartilhando o seu conhecimento conosco. O extjs é uma ferramenta muito poderosa mas vim percebendo que apesar da Sencha ter adotado o MVC na versão 4, ainda se encontra muita pouco material sobre o assunto. Além de compartilhar a dúvida do Luiz Marcelo(http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/comment-page-2/#comment-2112), como seria para carregar um menu lateral(accordion) dinamicamente? através de um json.
Parabéns pela iniciativa e ansioso pelos novos episódios.
No se si me entenderas, pero con google traslate, solo queria darte las gracias por compartir tus conocimientos.Tienes unos ojos muy Hermosa, un beso, bye
Olá Loiane, estou acompanhando as aulas e gostaria de agradecer em nome de toda a comunidade de web developers pela excelente iniciativa e portanto, já sou seu fã… rsrs
Só estou na expectativa das próximas aulas do módulo Data Package
Muchas gracias Nelson!
Meus parabéns por está ajudando a comunidade de desenvolvedores… acho que todos deveriam ter atitudes desse tipo colaborando com o aprendizado de alguma forma.
Loiane parabens pela qualidade do material e também por sua iniciativa … Já sou se ~fã , e admiro seu potencial , novamente parabens e continue com as video-aulas (:
Não tenho palavras para agradecer… Parabéns pelo desprendimento! Pelo que pude ver até então o conteúdo está excelente. Sigamos firmes e juntos!
Poxa, Loiane, uma das coisas que estava esperando nas aulas de proxies era a questão da configuração da api. As aulas estão um pouco mais superficiais que as primeiras… Mas ainda continua um excelente material, e mais uma vez, obrigado pelo conhecimento compartilhado!!! Valeu mesmo…
Olá Cacio,
Obrigada pelo feedback.
Acho que vc ainda não viu todas as aulas.
As configurações do proxy são muitas, e não dá pra passar tudo de uma vez, por isso dividi em 4 aulas. Esse módulo de data package é para abordar mais a teoria tb, vou entrar em detalhes quando for abordar grids e forms, pois aí é que as stores realmente entram em prática de exemplos reais.
as de qualquer forma, obrigada pelo comentário!
[]‘s
Parabéns e muito obrigado pela iniciativa de compartilhar seu conhecimento, e, além de tudo fazer isso com muita excelência.
Já assisti até o vídeo 20 e só tenho a elogiar.
Não vejo a hora da publicação os próximos.
Que Deus te abençoe em abundância.
Olá Loiane,
Seu curso está ficando muito bom, posso dizer com certeza que o mesmo está ajudando muita gente!
E mais, ao concluir o curso tenha certeza que de minha parte você irá ganhar um cafezinho pelo pagSeguro!!!
Abraço!
Boa tarde
Gostei das suas aulas agradeço a iniciativa. Gostaria de saber se vc conhece Dojo Toolkit e o que vc acha dele em relação ao ExtJs.
Parabéns. Este curso é excelente. Eu te amo Loiane.
Olá Loiane,
Parabéns por sua iniciativa em compartilhar seus conhecimentos fazendo-os com muita excelência e profissionalismo onde estou admirado com a ementa proposta para o curso e principalmente pelo prazer em ouvir sua narração tão suave nos screencasts.
Sucesso!
Deus te abençoe
Excelente, Loiane! Muito boa as explicações e as aulas. Parabéns pela iniciativa. Acompanhando e aguardando as próximas aulas ansiosamente.
Achei notável, ficou show de bola , parabens estou gostando do Curso !!!
Abraçoss
Olá Loiane,
Baixei todas as aulas, logo irei assistir com mais calma, parabéns!!!
Loiane, sou muito grato por estar compartilhando seus conhecimentos é muito raro hoje encontrar pessoas assim, parabéns e continue assim, estou aprendendo muito já encomendei seu livro que sei que sera de grande valia para meu aprendizado.
Loiane estou apaixonado por vc
rsrsrsr vc é muito inteligente
Loiane,
o mercado de TI está repleto de “trabalhadores”, mas de “PROFISSIONAIS” capacitados ainda está escasso. Você não só demonstra que é uma EXCELENTE profissional, como também muito generosa em promover uma iniciativa como essa, multiplicando conhecimentos e com uma didática digna das melhores TEACHERS…rsrs. Parabéns e muito sucesso para você.
Loiane,
Uma outra sugestão para aula do Curso ExtJS4:
————————————————————-
Faça um exemplo simples com eventos utilizando 2 metodologias:
a)Utilizando programação manual; e
b)Utilizando a ferramenta Sencha Architect (ExtDesigner)
Felicidades.
Obrigada pela dica warleyalex!
Oi Mariolando,
Sim, já usei o Dojo.
Particularmente, em termos de componentes do UI, acho o ExtJS superior, mas tudo depende da sua necessidade.
Para aplicações comerciais, por exemplo, o Ext é pago. Precisa analisar se vale pagar o preço da licença para fazer o que você precisa.
[]‘s
Boa dia Loiane tudo bem?
Na empresa em que trabalho(que inclusive fica no mesmo bloco que você trabalha), quer que eu crie um sistema interno de gerenciamento de projetos, que até o momento é em DOTNET, queria usar o ExtJs mais ele também é pago para utilização interna?
Obrigado e vamos tomar um café na Starbucks um dia desses.
Te devo vários cafés, pelo que conheço de ExtJs .
att.
Boa dia Loiane tudo bem?
Na empresa em que trabalho(que inclusive fica no mesmo bloco que você trabalha), quer que eu crie um sistema interno de gerenciamento de projetos, que até o momento é em DOTNET, queria usar o ExtJs mais ele também é pago para utilização interna?
Obrigado e vamos tomar um café na Starbucks um dia desses.
Te devo vários cafés, pelo que conheço de ExtJs .
att.
Prezada Loiane,
Ontem a noite, quando estava assistindo o National Geographic – sobre a vida das onças. Acessei o site do curso gratuito ExtJS, parei e pensei: “Putz, Loiane parece com uma onça”. hahahahaha
Loiane, não fique enfurecida!
Nas duas vídeos-aulas que assisti, percebi o seguinte: V.Sa. fala com propriedade, com naturalidade,
com tranquilidade, com clareza e entonação. tem uma boa dicção da língua portuguesa e ainda não negligencia
o domínio da inglesa. Você é onça ou é fera?
________________
DICA VÍDEO AULA:
Poderia explicar um pouco melhor quando utilizar Overrides e Extends?
———————————————————————-
Ext.extend: cria uma nova classe baseando-se em uma já existente.
Ext.override: modifica uma classe existente sem criar uma nova.
warleyalex
Seu livro trata de todos os assuntos que você está postando neste curso?