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?
Posts Similares
Comments (129)
Links to this Post
- Curso ExtJs, Apache2, Sublime Text 2 « @tgmarinho | 18 de December de 2011
- Brasileiro na Sencha | ExtDesenv | 22 de December de 2011
- Curso Online de ExtJS 4 – Gratuito! | Profissionais TI - Pra quem respira informação | 5 de January de 2012
- [Oportunidade] Curso Online de ExtJS 4 Gratuito | FGR* Blog | 6 de January de 2012
- Curso Online de ExtJS 4 – Gratuito! | 7 de January de 2012
- Imersão ExtJS 4 - Blog de desenvolvimento da Milfont Consulting, Client e Server-side | 10 de January de 2012
- e-Genial – Simplesmente Notável » Novo curso! Imersão ExtJS 4 | 10 de January de 2012
- Curso Online Gratuito de ExtJS4 | Eu Faço Programas | 12 de January de 2012
- Dicas de Cursos Online de Programação em Inglês e Português | Loiane Groner | 6 de February de 2012
- Curso Online: CSS3 com Sass e Compass – Gratuito! | Loiane Groner | 1 de March de 2012
- Curso Online Gratuito de ExtJS4 | .: Eu Faço Programas :. | 27 de March de 2012
Olá Carlos,
Sim, mas de maneira mais superficial.
Na verdade nenhum livro de extjs no mercado tem todos os detalhes que estou trabalhando no curso!
Olá Loiane,
Sou um velho programador que ainda desenvolve para desktops, há algum tempo venho olhando por um framework e desenvolvimento web, tenho um pequeno projeto para começar a linguagem vai ser php mesmo, agora estou em dúvida entre 3 frameworks Extjs, Dojo e jquery o jquery é muito poderoso tem milhares de componentes, só que o problema é que seu UI é pobre e os milhões de componentes são feitos pela comunidade alguns desistem e a gente fica na mão, dojo é um framework muito poderoso dá uma boa queda de braço com o extjs, mas a comunidade dojo tenho impressão que é pequena tem pouco material para estudo.
Agora com seu curso penso que vou entender a comunicação entre browser e host como recuperar e gravar dados. Ainda não assisti suas aulas, apenas dei uma passada nesta aqui que encontrei no vimeo e está excelente muito bem explicada vc faz uma explicação do processo como funciona com riqueza de detalhes que ainda não vi em nenhum outro tutorial, muitos fazem tutoriais pra demonstrar o quanto sabem não se preocupando se a pessoa vai aprender ou não querem apenas fazer um marketing pessoal, você é diferente se preocupa em realmente ensinar quem está do outro lado, com isso você demonstra que é bem conhecedora do assunto.
Eu vou iniciar do zero nas minhas férias no mes junho provavelmente até lá o curso esteja bem adiantado.
Penso que vou aprender mais aqui com suas video-aulas do que com seu livro, então farei uma doação no PagSeguro ao invés de comprar o livro, pois um trabalho tão maravilhoso tem que ser recompesado não apenas com elogios mas também com uma remuneração.
Parabéns,
Cláudio.
Olá Loiane, acompanho sempre o seu blog e até estou desenvolvendo alguns projetos com ExtJs 4 + Java, ja consegui superar alguns desafios pra mim, mas ainda não consegui uma maneira de imprimir os charts, você já passou por isso? Existe alguma maneira de imprimir um gráfico do ExtJs mesclado em um relatorio pdf tipo o JasperReport ou outra solução Java? Talvez com o Ext enviando algo como um SVG se o Ext tiver essa possibilidade e isso resolver, rsrsrsrs. Muito obrigado antecipadamente e parabéns pelo blog e pelo livro.
Obrigada Claudioprv!
hahahaha warleyalex,
valeu pelo comentário!
Vou fazer um aula sobre isso mais pro final do curso!
Oi Marcos,
Acredito que para utilização interna não tem problema em usar a versão open source.
Opa, só chamar pra ir na Starbucks que corro pra lá! rs
Olá Loiane,
Não sei se estou fazendo a pergunta no lugar certo, mas vamos lá. O tema que está em um dos demos do extjs 4.1 é default ou foi desenvolvido por alguém: http://docs.sencha.com/ext-js/4-1/#!/example/kitchensink/index.html
Ele é muito bacana!
Boa noite Loiane, primeiro parabéns pela sua iniciativa. Apenas uma pergunta, é o seu livro que a SON estará dando para quem se matricular no curso de ExtJS e Sencha? Pois eu estava com grande dúvida se eu iria me matricular ou não no curso, mas quando observei o livro como um baita brinde, deu-me mais vontade de me inscrever.
Oi Rafael,
É sim, mas é o ebook. Tem que ver com eles como o esquema funciona.
[]‘s
Bom dia Loiane, para o mundo dos aplicativos móveis, Android e iOS, ExtJs se torna melhor para essas aplicações junto com o Sencha do que o jquery + Sencha?
Oi Loiane bom dia!
vc tem alguma previsão de qdo vai sair sua proxima video aula do curso de extJs 4 ?, porque estou ansioso para contianuar aprendendo
Oi Americo, sai amanhã – 8 de maio!
Adorei seu trabalho, e estou acompanhando os seus videos
por favor não demore muito para postar outros.
Um abração!
Seu Livro é Inglês, porque não há uma versão português.
acredito que uma versão em português irá ajuda muitas pessoas que não conhece o inglês tão bem quanto outras pessoas. Parabéns pelo seu trabalho!
Porque o público que sabe inglês é muito maior, na área de TI principalmente o desenvolvedor não deveria e não deve ter esta deficiência que é não saber o inglês, o livro está bem didático e com uma linguagem técnica bem fácil de compreender, assim como as aulas práticas em vídeo da Loiane.
Parabens pela iniciativa ! seus videos estão sendo muito úteis !
Olá Loiane, suas aulas são ótimas. Você poderia me ajudar com a propriedade collapsible. estou criando um window e colocando um panel accordion dentro, e preciso que o window já apareça contraido por default. já tentei de tudo. obrigado! ah estou usando EXT-JS 3.0 ainda pois estou tomando um curso.
você esta perfeitamente certo Antonio Carlos.
mais sem dúvida nemhuma uma versão português seria muito legal.
o livro em sim é otimo, mais deixo minha sugestão uma versão em português seria nada mal.