[2-4-2-2] Ext. JS 4
Curso
Virtual
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Descripción
-
Tipología
Curso
-
Nivel
Nivel avanzado
-
Metodología
Virtual
-
Horas lectivas
24h
-
Duración
12 Días
Con Ext JS, puede desarrollar píxel-perfect, aplicaciones web multiplataforma con facilidad. Tanto si eres un desarrollador individual o un grupo de desarrollo, el modelo de Ext JS componente mantiene su código bien estructurado por lo que incluso las aplicaciones más.
Opiniones
Materias
- Java
- Javascript
Programa académico
- Capítulo 1 : Temas Varios
- 1.1. (1) Visor de feeds : Lector de feeds RSS ejemplo de aplicación que cuenta con un diseño de panel lector intercambiables.
- 1.2. (2) Escritorio web : Muestra cómo se puede construir una computadora de escritorio en el navegador utilizando componentes de Ext incluyendo un sistema de plugins módulo.
- 1.3. (3) Portal demo : Un diseño de página con varias extensiones personalizadas para proporcionar una interfaz de portal web.
- 1.4. (4) Ext JS 3 y 4 en una sola pagina : Este ejemplo demuestra Ext JS 4 el comportamiento de caja de arena que le permite ejecutar Ext JS 3 y 4 en la misma página.
- 1.5. (5) Forum Browser : Foro aplicación de navegación para los foros Sencha.
- Capítulo 2 : Accesibilidad
- 2.1. (8) Vista de alimentador desde el teclado : Muestra Ext JS 4 de soporte de teclado completo para usuarios que tienen dificultades para utilizar un dispositivo señalador
- 2.2. (9) Enlazando una grilla con un formulario : Una red incrustado dentro de un FormPanel que utiliza el tema de accesibilidad.
- Capítulo 3 : Grillas
- 3.1. (10) Grilla Básica basada en arreglos : Una base de sólo lectura cuadrícula repleta de datos de la matriz local que demuestra el uso de la costumbre columna funciones de render.
- 3.2. (11) Grilla XML : Una simple lectura única red de carga de datos XML.
- 3.3. (12) Paginamiento : Una grillacon la paginación, entre dominios de carga de datos y la costumbre-hizo fila cuerpos ampliable.
- 3.4. (13) Paginador deslizante : Una demostración de la integración de los Slider con la barra de herramientas de paginación con un complemento personalizado.
- 3.5. (14) Agrupador : Una grilla de agrupación básica que muestre grupos de datos plegables que se pueden personalizar a través del "Grupo A" del menú de cabecera.
- Capítulo 4 : Gráficas estadísticas
- 4.1. (35) Gráficos de áreas :Pantalla de 7 conjuntos de datos aleatorios en una serie de la zona. Actualizar los datos al azar a generar un nuevo conjunto de datos en la tienda.
- 4.2. (36) Cartas personalizadas Area :
Mostrar las tendencias de uso del navegador en una serie de la zona. Este gráfico utiliza degradados personalizados para los colores y la leyenda es interactivo. - 4.3. (37) Gráficos de barras :Mostrar un conjunto de datos al azar de una serie de barras. Actualizar los datos al azar a generar un nuevo conjunto de datos en la tienda.
- 4.4. (38) Cartas personalizadas Bar :
Mostrando una serie de barras horizontales con un procesador de barras que modifica el color de cada barra. - 4.5. (39) Panel de complejos :
Se muestra información las empresas en un tablero de instrumentos complejos. Editar la información de cada registro en el formulario para ver actualizaciones en vivo en los gráficos y la red. - 4.6. (40) Consejos ricos :
Que muestra una serie de líneas con puntas de ricos. Consejos para mostrar información dinámica en la tabla de componentes Grid y Pie. - 4.7. (41) Cartas temáticas de línea :
Con el tema de 3.x. La visualización de gráficos múltiples y gráficos mezclados con el ratón sobre y haga clic en la interacción. - 4.8. (42) Gráficos de columnas :
Mostrar un conjunto de datos al azar de una serie de columnas. Actualizar los datos al azar a generar un nuevo conjunto de datos en la tienda. - 4.9. (43) Gráficos de líneas :
Pantalla de 2 conjuntos de datos aleatorios en una serie de líneas. Actualizar los datos al azar a generar un nuevo conjunto de datos en la tienda. - 4.10. (44) Columna de fondo personalizadas :
Un gráfico de columnas con el tema personalizado y transiciones de animación
- Capítulo 5 : Tabuladores
- 5.1. (57) Tabuladores básicos :
La funcionalidad de la ficha Básico incluyendo autoHeight, las fichas de marcado, la carga de Ajax y eventos ficha. - 5.2. (58) Tabuladores avanzados :
Las características avanzadas incluyendo la ficha desplazamiento de las etiquetas, fichas de programación y la adición de un plug-in del menú contextual. - 5.3. (59) Pestaña del menú de desbordamiento :
Demuestra el desbordamiento TabPanel extensión del menú, lo que hace que la gestión de un gran número de pestañas más fácil
- 5.1. (57) Tabuladores básicos :
- Capítulo 6 : Ventanas
- 6.1. (60) Variaciones ventana :
Una colección de Windows en configuraciones diferentes, que muestran los encabezados de adjuntar a cualquier lado de la ventana. - 6.2. (61) Diseño de la ventana :
Una ventana que contiene un BorderLayout básicas con anidadas TabPanel. - 6.3. (62) De mensaje :
Diferentes estilos incluyen confirmar, el progreso de alerta, del sistema, y esperar y también apoyar los iconos personalizados.
- 6.1. (60) Variaciones ventana :
- Capítulo 7 : Arboles :
- 7.1. (63) Arrastrar y soltar Reordenamiento :
A TreePanel carga de forma asíncrona a través de un TreeLoader JSON que muestra arrastrar y soltar con el desplazamiento de contenedores. - 7.2. (64) Varios árboles :
Arrastrar y soltar entre dos diferentes TreePanels ordenados. - 7.3. (65) TreeGrid :
El componente TreeGrid - 7.4. (66) Compruebe árbol :
Un ejemplo que muestra la selección simple casilla en un árbol. - 7.5. (67) Árbol XML :
Una implementación TreeLoader personalizado que muestra la carga de un árbol de un documento XML.
- 7.1. (63) Arrastrar y soltar Reordenamiento :
- Capítulo 8 : Gestores de Esquemas
- 8.1. (68) Diseño Browser :
Completo escaparate de los administradores de diseño estándar, así como la costumbre de varios diseños y combinación y ejemplos de combinación. - 8.2. (69) Diseño de la frontera :
Una implementación BorderLayout complejo que muestra anidación de múltiples componentes y sub-diseños. - 8.3. (70) Diseño de acordeón :
Un diseño de acordeón básicos dentro de un BorderLayout. - 8.4. (71) Diseño de anclaje (formulario)
Un simple ejemplo de campos de formulario que utiliza un diseño de anclaje en una ventana para cambiar el tamaño de forma flexible. - 8.5. (72) Diseño de anclaje (Panel) :
Un ejemplo de los paneles anclados en la ventana del navegador.
- 8.1. (68) Diseño Browser :
- Capítulo 9 : Dibujo
- 9.1. (78) Puede cambiar el tamaño del logotipo Sencha :
Independiente de la resolución Sencha logo en un componente de tamaño variable. - 9.2. (79) Logos navegador :
Independiente de resolución de los logotipos de todos los navegadores populares. - 9.3. (80) Tigre :
El clásico de SVG Tiger en un componente flotante, que pueden arrastrarse. Escalable a cualquier tamaño, totalmente independiente de la resolución. - 9.4. (81) Girar el texto :
Crear un texto en un componente de dibujar que se puede girar fácilmente en cualquier navegador.
- 9.1. (78) Puede cambiar el tamaño del logotipo Sencha :
- Capítulo 10 : Arrastrar y soltar
- 10.1. (82) La red de Grid DnD :
Muestra el número de filas puede ser fácilmente arrastrar y soltar entre dos o más redes - 10.2. (83) La red de forma DnD :
Permite al usuario arrastrar un registro de la red y colocarlo en un formulario, donde se pueden editar - 10.3. (84) Campo a la cuadrícula DnD :
Demuestra arrastrando un valor de un campo a una celda de la cuadrícula - 10.4. (85) Arrastrar y soltar personalizado :
Un ejemplo de arrastrar y soltar completamente personalizado que muestra DnD entre un DataView y una cuadrícula
- 10.1. (82) La red de Grid DnD :
- Capítulo 11 : Barras de herramientas y menús
- 11.1. (86) Barra de herramientas básicas :
Barra de herramientas y menús que contienen varios componentes como selectores de fecha, selectores de color, sub-menús y mucho más. - 11.2. (87) Grupos Botón de la barra :
Botones se agrupan en la barra de herramientas. - 11.3. (88) Barras de herramientas verticales :
Barras de herramientas vertical a la izquierda y la derecha. Combinado vertical y horizontal barras de herramientas. - 11.4. (89) Ext Grid Acciones :
Obligar a la misma conducta de varios botones, barra de herramientas y elementos de menú utilizando la clase Ext.Action. - 11.5. (90) Barra de herramientas reorderable :
Elementos dentro de una barra de herramientas se pueden reordenar uso de este plugin. - 11.6. (91) Desbordamiento de la barra de herramientas :
Elementos dentro de una barra de herramientas se colocará en un menú de desbordamiento si la barra de herramientas es demasiado estrecha. - 11.7. (92) La barra de estado :
A StatusBar simple que se puede caer en la parte inferior de un panel para mostrar el texto de estado e iconos.
- 11.1. (86) Barra de herramientas básicas :
- Capítulo 12 : Cuadros combinados
- 12.1. (95) ComboBox básicas :
Combos básicos, combos prestados a partir de marcado y trazado lista personalizada para proporcionar información sobre herramientas elemento. - 12.2. (96) Plantillas ComboBox :
Combo personalizado con la representación de la lista basada en plantillas, carga remota y la paginación.
- 12.1. (95) ComboBox básicas :
- Capítulo 13 : Vista de datos
- 13.1. (97) DataView :
Este ejemplo muestra cómo utilizar un Ext.view.View - 13.2. (98) Animados DataView :
Plugin transición de la animación aplicada a un objeto DataView estándar - 13.3. (99) Multi-clase DataView :
Ejemplo que demuestra la capacidad de ordenar un DataView por clasificadores múltiples. - 13.4. (100) Avanzada DataView :
DataView que permite filtrar y ordenar las imágenes.
- 13.1. (97) DataView :
- Capítulo 14 : Formas
- 14.1. (101) Formularios dinámicos :
Diversas formas ejemplo que muestra fieldsets plegables, diseño de la columna, tabpanels anidados y mucho más. - 14.2. (102) Ajax con formularios XML :
Ajax-cargados los campos del formulario de forma remota los datos XML y la validación de campos remotos en enviar. - 14.3. (103) Formulario de Contacto :
Un ejemplo de un contacto común con nosotros la forma emergente. - 14.4. (104) Buscar campos personalizados :
Una extensión de la búsqueda TriggerField combinado con un XTemplate para la representación de resultados personalizados. - 14.5. (105) La vinculación de un Grid en un formulario :
Una red incrustado dentro de un FormPanel que se carga automáticamente los registros en la forma de selección de filas. - 14.6. (106) Tipos de campo :
Este ejemplo muestra todos los tipos de campo disponibles en Ext JS en un montón de configuraciones diferentes. - 14.7. (107) Casilla de verificación / Radio Grupos :
Ejemplos que muestran la casilla de verificación y diferentes configuraciones de grupo de radio. - 14.8. (108) Carga de archivos de campo :
Una demostración de cómo dar de archivos subidos por el usuario estándar de un poco de estilo Ext. utilizar una clase personalizada. - 14.9. (109) Número de campo :
Un ejemplo del campo de número, con y sin una ruleta. - 14.10. (110) MultiSelect y ItemSelector :
Ejemplo de controles para seleccionar una lista de elementos en las formas. - 14.11. (111) Formulario de inscripción :
Un formulario de registro de la cuenta, con la costumbre de mostrar un mensaje de error global. - 14.12. (112) Compras Realizar Pedido :
Un ejemplo de un carrito de la compra común forma de pago. - 14.13. (113) Slider de campo :
Ejemplo del uso de un Ext.Slider para seleccionar un valor numérico en un formulario.
- 14.1. (101) Formularios dinámicos :
- Capítulo 15 : Direct
- 15.1. (119) Directo :
Un ejemplo que demuestra Remoting y sondeo del servidor - 15.2. (120) Forma directa :
Ext.Direct Remoting con un formulario - 15.3. (121) Directa a red :
Ext.Direct Remoting con un Grid - 15.4. (122) TreeLoader directa :
Ext.Direct Remoting con un árbol - 15.5. (123) Directa los argumentos con nombre :
Ext.Direct argumentos con nombre
- 15.1. (119) Directo :
- Capítulo 16 : MVC
- 16.1. (124) Feed Visor :
Una versión de la aplicación de la MVC ejemplo Visor de alimentación. Esta práctica mejor muestra de una pequeña aplicación - 16.2. (125) Cargando anidadas :
Un ejemplo MVC que muestra una navegación sencilla y la carga anidadas con el paquete de datos
- 16.1. (124) Feed Visor :
- Capítulo 17 : Miscelanea
- 17.1. (126) Historia :
Un gerente de la Historia que permite al usuario navegar una interfaz de usuario a través del navegador Ext. atrás / adelante. - 17.2. (127) Google Maps :
Una clase de Google Maps que permite visualizar envoltorio fácil de mapas dinámicos en los paneles y ventanas ext. - 17.3. (128) Editor :
Un ejemplo que demuestra la facilidad de uso de la clase Ext.editor para modificar los elementos DOM - 17.4. (129) Slider :
Un componente deslizante que soporta el modo vertical, ajuste, información sobre herramientas, estilos personalizados y los pulgares múltiples. - 17.5. (130) QuickTips :
Información sobre herramientas diversas y rápidas opciones de configuración de punta, incluida la carga Ajax y el seguimiento del ratón. - 17.6. (131) Barra de progreso :
Uno de los componentes básicos de la barra de progreso se muestra en varias configuraciones y estilos personalizados. - 17.7. (132) Paneles :
Un ejemplo básico panel plegable. - 17.8. (133) De tamaño variable :
Ejemplos de lo que cualquier elemento puede cambiar de tamaño, con diferentes opciones de configuración. - 17.9. (134) Botones :
Muestra los botones en muchas de sus configuraciones posibles - 17.10. (135) Foco :
Una utilidad para enmascarar todo excepto un solo elemento de la página para resaltar visualmente.
- 17.1. (126) Historia :
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
[2-4-2-2] Ext. JS 4