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
Loiane, Parabéns pela iniciativa!!!
Estou divulgando!!!
Legal, nao vejo a hora de começar, sempre é bom aprender algo novo
Muito legal… Parabéns pela iniciativa! Gostei muito… estarei acompanhando sempre!
Parabéns, Loiane!
Ótima iniciativa. Talvez você não tenha ideia do quanto estará ajudando a muitos que sempre quiseram aprender Ext JS 4 e que não tinha um guia bacana como a grade deste curso que você resolveu disponibilizar.
Parabéns pela iniciativa!
Ansioso por novas aulas!
Tks!
Muito bom cara! Parabéns. Vou aproveitar o máximo.
Ótima iniciativa vou divulgar.
Muito bom Loiane, estou ansioso por novas aulas, q pelo q vi são ótimas assim como seus posts.
Parabéns
Que ótimo!
Parabéns, estou ansioso : )
Se puder ajudar em algo estou as ordens, grande abraço.
Encotrei seu blog , através dos comentários em um post do guj,
Fantástico seu trabalho e parabéns pelo curso.
abraço.
Anderson de Oliveira Morais.
Loiane, parabéns pelo Blog,
concerteza vou acompanhar a sequencia de screencasts
parabéns
Excelente screencast!
adorei a sua primeira explicação e vou acompanhar a suas video aulas.
os meus Parabéns
Bom dia!
Quando será disponibilizado o segundo vídeo?
Parabéns pela iniciativa!
Achei muito legal a sua iniciativa de compartilhar seu conhecimento com a galera, através deste curso…. gostei bastante do primeiro screencast.
Parabéns!!!
Parbéns Loiane,
estamos todos aguardando enciosos cada vídeo.
será muito útil.
abraço
Parabéns por mais essa iniciativa, ficou muito bom o primeiro vídeo! Estou ansioso pelos próximos… Você é uma grande referência para quem está começando ou já trabalha com o framework! =]
#add
Muito legal sua iniciativa. Quero muito comprar seu livro. Pena que a Packt adiou o lançamento.
Maravilha isso!
Na espera pela terceira aula
Na espera pela terceira aula [2]
Bela iniciativa! Parabéns… Você acaba de mudar minha vida…
Esperando a terceira aula….
Hehe, galera está esperando esse cursos como se fossem uma série nova do Steven Spielberg =D ohh ^^
Muito bom mesmo, parabéns @loiane
parabéns pela iniciativa, fiquei muito feliz hoje ao encontrar suas aulas…valeu mesmo…ansioso pelas próximas..um grande abraço!!
Parabéns mais uma vez Loiane, espero que esta sua iniciativa seja captada por todos que como eu vinha estudando o ExtJS e quando a sencha assumiu pensei que seria o fim, fui trabalhar com Flez e para minha surpresa o fim foi do Flash enquanto isso a secha melhorou e muito este Frame. Agora é recuperar o tempo perdido e pessoas como você são muito importantes nesta caminhada.
Ja venho há algum tempo tentando “começar” a estudar ExtJS e sem dúvidas esta foi a melhor explicação introdutória das outras que eu “tentei” entender.
Simples, clara e objetiva =)
Estarei aguardando pelo próximo módulo.
Parabéns pela iniciativa
@luizreginaldo
Não esquece de nós não
Aula 6
No aguardo das próximas aulas e feliz ano novo! \o/
Vlw!
Feliz ano novo, Loiane !!!
O curso é muito bom. No meu caso, ajudou a esclarecer algumas dúvidas e acabar com vicios que eu tinha no desenvolvimento no extjs 3, pois tive que aprender na marra, ou seja, não tive orientações desse tipo e nem impresso. Já estou esperando a próxima etapa.
Parabéns.
Muito bom!! perfeito… se possivel faz um backend com Zend, precisar de ajuda com zend, posso dar uma mãozinha
Loiane, Bom Dia!!!
Parabéns pela iniciativa é difícil encontrar material nesta qualidade, gostaria de saber se tem previsão para as próximas aulas.
Novamente parabéns e Feliz Ano novo!!!
Muito show! Obrigado pela oportunidade Loiane!
Abraço e sucesso pra você!
poxa massa d+ a comunidade do EXTJS tava precisando disso
gostei gostei *__*
parabénspela iniciativa
Exelente, parabéns.
Dúvidas: seu livro vai ser vendido por você ou so direto na amazon?
Olá Rogerio,
por enquanto apenas pelo site da editora e pela amazon.
Vou tentar negociar com a editora para pegar algumas cópias para passar para o pessoal daqui.
[]‘s
quando sai a aula 7, está muito bom o curso
Oi Nino,
A idéia é ter publicar uma aula por semana, porém essa segunda semana de janeiro estou com a garganta inflamada e rouca, e aí não tenho condições de gravar as aulas.
Mas assim que melhorar vou publicar as aulas que faltam.
[]‘s
Oi Loiane!
Comecei o curso hoje e já estou na aula 2, excelente!!!
Parabéns e sucesso em seus projetos para 2012!
Loiane , Parabéns pelo seu trabalho !
Estou acompanhando as video aulas e já divulguei também para meus amigos e professores .
Sucesso!
(Acompanhando)
Parabéns, Loiane!!! Já assisti muitas vídeoaulas, e foi bom ouvir a voz de uma mulher apresentando o conteúdo, já que a grande maioria é homem… Muito bom ver o universo feminino consolidando seu espaço no mundo da computação.
Obrigado pelo conteúdo disponibilizado, pois é de primeira
. Sucesso para você…
Gostaria de parabenizar a você Loiane por esta iniciativa incrível. Muito bom ter uma pessoa com tamanho conhecimento onde a mesma tem o prazer em compartilha-los com outros. Obrigado pelas video aulas e sucesso para você.
Só tenho a agradecer esse grandioso trabalho!!! Obrigado.
Muito bacana. Excelente iniciativa, e digo mais; de qualidade!! Já trabalhei com Ext JS, mas atrelado ao GWT, mas tendo a visão “javaScript” da coisa, torna o EXT muito mais interessante.
Parabéns
Loiane primeiramente quero agradecer as aulas me ajudaram muito, meus parabéns pela iniciativa, espero que continue postando novas video aulas quero aprender mais sobre extjs
Primeiramente gostaria de agradecer…mto obrigado…Show de bola…Parabéns pela iniciativa…Estou aprendendo bastante com as aulas…Não vejo a hora de chegar na parte de Form e MVC…
Muito legal a iniciativa. Falta material de apoio para essa execelente ferramenta.
Muito bom! Está sendo de muita utilidade. Sou programador Flex e recentemente me vi obrigado a ter uma segunda opção. ExtJS 4 me pareceu bastante completo e um pouco confuso no começo. Mas você com certeza está mudando isso pra mim. Pena que que os dois blocos de conteúdo que mais me interessam são os seguintes (ainda não realizados) =P.
Vou ter que aguardar! Mas obrigado pela iniciativa!
Excelentes video aulas, parabens e obrigado por compartilhar o conhecimento.
Muito sucesso p vc.
Boa noite Loiane,
Sou o Luiz Marcelo Schmitt trabalho com desenvolvimento web e a pouco
mais de 4 meses com extjs 3, na verdade estou com uma duvida como
estou vendo seus vídeos de extjs 4, estou aproveitando para fazer esta
pergunta.
Tenho um sistema legado (utilizando extjs e jquery) viewport com um
de 3 regions (south, center, north) com um menu treepanel, onde o carregamento era feito via
ajax pelo método $post() do jquery, onde tinha um fonte como callback
e apenas incluía um conteúdo com métodos e o
Ext.onReady da extjs conforme era selecionado o menu, ate ai td blz, porem como a jquery e utilizada
apenas para executar esse carregamento e jogar o conteúdo em um
$(‘#content’).html(data), queria ver se você tem algum exemplo desta
implementacao com extjs, pois estou procurando para adicionar isso ao
sistema.
Muito Obrigado.