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:
Até agora foram publicadas 17h 58min 11s em 33 aulas! E todas gratuitas!
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 (51:45 min)
- Windows (27:21 min)
- Criando Buttons (1:05:49 min)
- Criando Menus (36:18 min)
- Toolbars e como funciona o Dock Layout (37:48 min)
Layouts:
- Introdução (13:17 min)
- AutoLayout (14:36 min)
- Anchor Layout (12:30 min)
- Accordion Layout
- Absolute Layout
- Border Layout
- Card Layout
- Column Layout
- Fit Layout
- HBox Layout
- Table Layout
- VBox Layout
- Viewport e Layouts Complexos
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 disponível no livro Mastering Ext JS
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?
Update -Fevereiro 2013
Pessoal, não vou responder mais à perguntas sobre quando o curso vai voltar pois já respondi isso em outros posts do blog. No momento tenho outros projetos e estou sem tempo para gravar novos vídeos. Portanto, não tem previsão de novas aulas antes de maio de 2013. Mas o curso vai continuar sim, só não sei quando.
Livros de Apoio
As aulas são baseadas nesses dois livros, ambos de minha autoria:
Comments (272)
Links to this Post
- Curso ExtJs, Apache2, Sublime Text 2 « @tgmarinho | 18/12/2011
- Brasileiro na Sencha | ExtDesenv | 22/12/2011
- Curso Online de ExtJS 4 – Gratuito! | Profissionais TI - Pra quem respira informação | 05/01/2012
- [Oportunidade] Curso Online de ExtJS 4 Gratuito | FGR* Blog | 06/01/2012
- Curso Online de ExtJS 4 – Gratuito! | 07/01/2012
- Imersão ExtJS 4 - Blog de desenvolvimento da Milfont Consulting, Client e Server-side | 10/01/2012
- e-Genial – Simplesmente Notável » Novo curso! Imersão ExtJS 4 | 10/01/2012
- Curso Online Gratuito de ExtJS4 | Eu Faço Programas | 12/01/2012
- Dicas de Cursos Online de Programação em Inglês e Português | Loiane Groner | 06/02/2012
- Curso Online: CSS3 com Sass e Compass – Gratuito! | Loiane Groner | 01/03/2012
- Curso Online Gratuito de ExtJS4 | .: Eu Faço Programas :. | 27/03/2012
- Curso de ExtJS 4 – Gratuito! - Loiane Groner | José Malcher Jr. | 11/07/2012
- [Curso de Sencha Touch 2] Aula 03: Primeira App com Deploy no iOS e Android : Loiane Groner | 29/08/2012
- Criando uma Aplicação CRUD com ExtJS 4 MVC: Parte 1 : Loiane Groner | 10/09/2012
- Criando uma Aplicação CRUD com ExtJS 4 MVC: Parte 2 : Loiane Groner | 17/09/2012
- Curso de ExtJS 4 – Gratuito! | Quero Workar | 23/10/2012
- Sencha EXT.JS 4.2 | Luis Filipe da Silva Teixeira | 11/05/2013











oi boa tarde, quero parabenizar pelas videos aulas e lembrar que hj ja é 3 de maio rsrsrsrs estamos todos anciosos.
para novas videos aulas.
Oi William,
Como já disse anteriormente, novas aulas apenas depois que terminar meu novo livro, que será em agosto de 2013.
Estava viajando a trabalho, por isso não podia responder aos comentários do blog! rs
Loiane, preciso muito de sua ajuda.
Tenho que desenvolver uma aplicação com Layout Responsivo usando ExtJS4 e qualquer outra coisa que sirva.
Como desenvolver Layout Responsivo no EXTJS ?
Tem material sobre isso ?
Oi Cristiano,
Ext JS já tem gerenciamento de layout nativo, então não importa o tamanho do seu browser, ele vai renderizar no tamanho que puder. Mas como extjs trabalha com componentes, alguns componentes tem um tamanho mínimo, então não fica 100%.
Se vc também quer usar extjs para mobile, esqueça, pois extjs não foi feito para isso.
Se você quer uma aplicação 100% responsiva, sugiro procurar outra tecnologia, pois extjs não vai atender 100%.
Bem, essa é apenas a minha opinião pessoal, e se eu tivesse que fazer uma aplicação responsiva, não escolheria extjs para fazer.
[]s