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.
Ementa do Curso
Segue então a ementa 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)
- Proxy Memory
- Proxy Ajax
- Proxy REST
- Proxy JsonP
- Readers
- Writers
- Sorters, Filters e Groupers (Ordenação, Filtros e Agrupamento)
Windows e Dialogs:
- Windows
- Dialogs
Panels, Menus, Toolbars e Buttons:
- Panels
- 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
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
Arquitetura MVC:
- Entendendo o MVC + estrutura de uma aplicação
- Ext.ComponentQuery
- Como criar uma aplicação MVC
- Criando Models, Views e Controllers
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
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.
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
Filed Under: Curso ExtJS 4 • Ext JS 4 • Tutoriais
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.
[...] Curso ExtJS 4 – curso que estou disponibilizando gratuitamente aqui no blog. [...]
Muito Obrigado.
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.