[2-4-2-4] Sencha Architect 2

INCAPROG ONLINE
Online

CO$570.000 - ($124.661)
IVA inc.
¿O prefieres llamar ahora al centro?
+57 6... Ver más
Compara este curso con otros similares
Ver más cursos similares

Información importante

  • Curso
  • Online
  • 24 horas de dedicación
  • Duración:
    12 Días
Descripción

Objetivo del curso: Sencha es una plataforma basada en javascript, cuyo fin es el desarrollo de aplicaciones Web enriquecidas a nivel de presentación.
Dirigido a: Estudiantes y Profesionales de Ingeniería Informática, los cuales tengan deseo de mejorar de manera sustancial la presentación y/o interface de usuario gráfica de sus respectivas aplicaciones web mediante el uso de esta tecnología.

Información importante

Temario

  • 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.
    • 1.6. (6) Visor de Imágenes : DataView y el ejemplo que demuestra TreePanel arrastrar elementos de datos de un DataView en una TreePanel.
    • 1.7. (7) Visor de Temas : Ver y probar todos los componentes Ext. contra el paquete de temas ext.
  • 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.
    • 3.6. (15) Conectores para grilla : Las grillas de múltiples personalizado a través de plugins: filas de expansión, la selección de casilla y numeración de las filas.
    • 3.7. (16) Filtramiento de Grilla : Característica de la red proporcionando los datos de filtrado personalizado menús que soportan varios tipos de datos.
    • 3.8. (17) Enlace de datos en grillas : El enlace de datos una cuadrícula a un panel de vista previa de los detalles a través de RowSelectionModel de la cuadrícula.
    • 3.9. (18) Enlace de datos en grillas ( avanzando ) : Refactorización de los datos básicos ejemplo obligatorio utilizar un modelo de aplicación basado en la clase de diseño.
    • 3.10. (19) Ordenamiento múltiple : Un ejemplo que muestra a varios niveles de clasificación en un panel de cuadrícula.
    • 3.11. (20) Edición de una celda : Un ejemplo que muestra la edición de células en un panel de cuadrícula.
    • 3.12. (21) Encabezados de grillas agrupadas : Una grillade agrupación básica que muestre grupos de datos plegables que se pueden personalizar a través del "Grupo A" del menú de cabecera.
    • 3.13. (22) Agrupamiento de grillas con resumen : La grilla de agrupación avanzada que permite edición de la celda e incluye cálculos de resumen personalizado dinámico.
    • 3.14. (23) Grillas con 50,000 filas : Muestra que la grilla de forma dinámica las cargas de 50.000 filas.
    • 3.15. (24) Grillas con capacidad de búsqueda : La grillacon capacidad de búsqueda en vivo.
    • 3.16. (25) Grillas con capacidad de bloqueo : Una extensión de ejemplo, que introduce la posibilidad de añadir columnas de bloqueo en la GridPanel.
    • 3.17. (26) Agrupamiento con resumen remoto : Red de agrupación avanzada que permite edición de la celda e incluye de forma remota cargada cálculos resumen dinámico.
    • 3.18. (27) Edición de una fila en una grilla : Una rejilla editable que permite al usuario realizar modificaciones a un registro completo de una vez.
    • 3.19. (28) RESTful almacen con panel de grilla y editor de fila : Una tienda REST con JsonWriter que genera automáticamente CRUD peticiones al servidor.
    • 3.20. (29) Grilla editable con almacenamiento escribible : Esta tienda utiliza escritor datos para generar automáticamente CRUD peticiones al servidor a través de un HttpProxy estándar.
    • 3.21. (30) Buffered Scrolling : La nueva grilla utiliza un sistema de desplazamiento virtuales para gestionar conjuntos de datos potencialmente infinito sin ningún tipo de impacto en el rendimiento del lado del cliente.
    • 3.22. (31) Vista de Lista : Ext. 4 sustituye Ext.ListView con la Ext.grid.Panel por defecto.
    • 3.23. (32) Paginador de barra de progreso : Barra de progreso Pager extensión.
    • 3.24. (33) Propiedades de grilla : Crear una cuadrícula de propiedades de un objeto.
    • 3.25. (34) Marca desde grilla : Crear una red con de una tabla existente, HTML sin formato.
  • 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
    • 4.11. (45) Gráfico de la serie mixta :
      Pantalla de 3 conjuntos de datos aleatorios usando una línea, un bar, y una serie de dispersión. Actualizar los datos al azar a generar un nuevo conjunto de datos en la tienda.
    • 4.12. (46) Gráficos circulares :
      Mostrar 5 conjuntos de datos aleatorios con un gráfico circular. Actualizar los datos al azar a generar un nuevo conjunto de datos en la tienda.
    • 4.13. (47) Cartas personalizadas Pie :
      Mostrar 5 conjuntos de datos aleatorios con un gráfico circular. Un procesador se ha creado a cambiar de forma dinámica la longitud y el color de cada sector sobre la base de los datos.
    • 4.14. (48) Los gráficos radiales :
      Pantalla de 3 conjuntos de datos aleatorios en una serie de radar. Tenga en cuenta este ejemplo se utiliza un eje radial.
    • 4.15. (49) Lleno de gráficos de radar :
      Pantalla de 3 conjuntos de datos aleatorios de una serie radial relleno. Haga clic o flotar sobre los elementos de leyenda para poner de relieve y eliminarlos de la tabla.
    • 4.16. (50) Gráficos de dispersión :
      Pantalla de 2 conjuntos de datos aleatorios en una serie de dispersión. Un procesador se ha creado a cambiar dinámicamente el tamaño y el color de los elementos de base de datos sobre ella.
    • 4.17. (51) Gráficos de barras apiladas :
      Mostrando películas por género tomando como muestra un gráfico de barras apiladas. Filtro de las pilas, haga clic en los elementos de leyenda.
    • 4.18. (52) Vivir gráfico actualizado :
      Mostrando una serie de acuerdo con los datos de actualización a intervalos regulares.
    • 4.19. (53) Vivir Gráfico animado :
      Que muestra una serie de líneas con transiciones suaves en los datos de actualización a intervalos regulares.
    • 4.20. (54) Medidor Gráfico :
      Mostrar tres cartas de calibre personalizado obligado a diferentes almacenes de datos con diferentes opciones de configuración y easings.
    • 4.21. (55) Bar agrupados :
      Pantalla de 3 conjuntos de datos aleatorios en una serie de columnas agrupadas.
    • 4.22. (56) Actualizar Gráfico :
      Visualizar un ejemplo gráfico de columnas que anima al actualizar el conjunto de datos
  • 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
  • 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.
  • 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.
  • 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.6. (73) Columna Diseño :
      Un ejemplo de los paneles administrados por un diseño de columna.
    • 8.7. (74) Tabla de diseño :
      Un ejemplo de los paneles administrados por un diseño de tabla.
    • 8.8. (75) HBox Diseño :
      Diseño interactivo que ilustra la capacidad del diseño de caja horizontal.
    • 8.9. (76) VBox Diseño :
      Diseño interactivo que ilustra la capacidad del diseño VBox.
    • 8.10. (77) Diseño complejo :
      Un ejemplo de diseño complejo.
  • 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.
  • 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
  • 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.8. (93) La barra de estado (Avanzado)
      Personalización de la StatusBar a través de un plugin para proporcionar control automático de validación de formularios y el error de enlace.
    • 11.9. (94) Ext Acciones barra de herramientas :
      Obligar a la misma conducta de varios botones, barra de herramientas y elementos de menú utilizando la clase Ext.Action.
  • 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.
  • 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.

Compara este curso con otros similares
Ver más cursos similares