El documento describe las principales tecnologías para el desarrollo web ágil como Symfony, Bootstrap y Angular. Explica que Symfony es un framework PHP que sigue el patrón MVC, Bootstrap provee componentes front-end para diseños responsivos y Angular es un framework JavaScript que permite crear aplicaciones web dinámicas. También habla sobre metodologías ágiles como Scrum y XP y cómo estas tecnologías pueden usarse de forma conjunta.
CRUD básico con Symfony. Esta presentación es una continuación de lo contado en la II Symfony Zaragoza. Explica un ejemplo sencillo de un CRUD para mostrar como realizar modelos, controladores, vistas, formularios, etc.
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...Pablo Godel
AngularJS es un framework Javascript relativamente nuevo, patrocinado por Google, que está ganando mucha popularidad gracias a su potencia, flexibilidad y simplicidad.
En esta charla haremos una introducción de sus caulidades más importantes, veremos como se acopla con Symfony para la creación de aplicaciones web con interfaz ricas y complejas, incluyendo consejos prácticos de como diseñar nuestra aplicación establecer su estructura.
Por último, mostraremos una aplicación escrita en AngularJS que se conecta a servidores REST y WebSockets creados con Symfony.
Las buenas prácticas oficiales para aplicaciones Symfonysymfony_bcn
La primera versión del framework Symfony2 se publicó hace más de tres años. Durante este tiempo, la comunidad de programadores Symfony ha originado una serie de buenas prácticas oficiosas que han sido adoptadas por la mayoría de aplicaciones.
Lamentablemente muchas de estas prácticas tienen poco que ver con la visión original de los creadores de Symfony y complican en exceso el desarrollo de las aplicaciones.
En esta sesión se presentarán muchas de las buenas prácticas oficiales recomendadas por Fabien Potencier, creador de Symfony. Sorpréndete con una visión totalmente renovada y pragmática del desarrollo de aplicaciones Symfony profesionales.
Composer es un administrador de paquetes flexible, simple y que se encarga de la administración de dependencias de nuestro proyecto. Está inspirado en npm de node.js y Bundler de Ruby.
Composer ha cambiado la comunidad PHP y está reinventado la forma de trabajar con PHP.
Gracias a Composer la comunidad PHP es más feliz y podrá dejar de reinventar la rueda una y otra vez.
Documento Formativo de Symfony2 en el que explica desde qué es Symfony hasta los primeros pasos básicos: instalación, configuración, entidades, Twig, YAML...
CRUD básico con Symfony. Esta presentación es una continuación de lo contado en la II Symfony Zaragoza. Explica un ejemplo sencillo de un CRUD para mostrar como realizar modelos, controladores, vistas, formularios, etc.
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...Pablo Godel
AngularJS es un framework Javascript relativamente nuevo, patrocinado por Google, que está ganando mucha popularidad gracias a su potencia, flexibilidad y simplicidad.
En esta charla haremos una introducción de sus caulidades más importantes, veremos como se acopla con Symfony para la creación de aplicaciones web con interfaz ricas y complejas, incluyendo consejos prácticos de como diseñar nuestra aplicación establecer su estructura.
Por último, mostraremos una aplicación escrita en AngularJS que se conecta a servidores REST y WebSockets creados con Symfony.
Las buenas prácticas oficiales para aplicaciones Symfonysymfony_bcn
La primera versión del framework Symfony2 se publicó hace más de tres años. Durante este tiempo, la comunidad de programadores Symfony ha originado una serie de buenas prácticas oficiosas que han sido adoptadas por la mayoría de aplicaciones.
Lamentablemente muchas de estas prácticas tienen poco que ver con la visión original de los creadores de Symfony y complican en exceso el desarrollo de las aplicaciones.
En esta sesión se presentarán muchas de las buenas prácticas oficiales recomendadas por Fabien Potencier, creador de Symfony. Sorpréndete con una visión totalmente renovada y pragmática del desarrollo de aplicaciones Symfony profesionales.
Composer es un administrador de paquetes flexible, simple y que se encarga de la administración de dependencias de nuestro proyecto. Está inspirado en npm de node.js y Bundler de Ruby.
Composer ha cambiado la comunidad PHP y está reinventado la forma de trabajar con PHP.
Gracias a Composer la comunidad PHP es más feliz y podrá dejar de reinventar la rueda una y otra vez.
Documento Formativo de Symfony2 en el que explica desde qué es Symfony hasta los primeros pasos básicos: instalación, configuración, entidades, Twig, YAML...
PHP es un lenguaje de scripting orientado al desarrollo de aplicaciones web. En una primera parte se explica los principios del lenguaje, algunas herramientas y un esbozo de una aplicación web escrita en PHP. En una segunda parte se presenta Symfony, un framework PHP que reúne las mejores prácticas de desarrollo de aplicaciones web.
Las Jornadas Symfony 2011 comenzaron con una breve introducción a Symfony2.
Durante la presentación se muestran algunas de las características más destacadas de Symfony2 a través de diez palabras clave.
Desymfony 2011 - Tutorial #1: Instalacion y primeros pasosJavier Eguiluz
Instalación y primeros pasos fue la primera ponencia impartida durante las Jornadas Symfony 2011. Se trata de la primera parte de las seis que forman el tutorial de desarrollo de la aplicación github.com/desymfony.
Durante la misma se explIca cómo instalar y configurar Symfony2, cómo instalar el proyecto deSymfony, cómo crear los bundles con el generador interactivo y también se introduce el funcionamiento de la arquitectura MVC en Symfony2 mediante la programación de la parte dedicada a mostrar las páginas estáticas de la aplicación.
Introducción a Laravel 5, un framework PHP para artesanos web.
Características generales, ventajas comparativas y algunos ejemplos de cómo éste framework te ayuda a desarrollar aplicaciones web de forma rápida y segura.
Primefaces es una implementación de JSF de código libre.
En el 2015 es la implementación de JSF mas popular.
Soporta AJAX basado en la especificación JSF2.0
Fácil de configurar.
Cuenta con Mobil UI Kit
Diego Armando Gomez
"Twig, cuando Django encontró a Symfony" fue la primera ponencia impartida durante el segundo día de las Jornadas Symfony 2011.
Durante la misma, se explican las características más destacadas del motor de plantillas Twig, empezando con las más adecuadas para diseñadores/maquetadores y siguiendo después con las características para desarrolladores.
También se mencionan brevemente las ventajas de la integración de Twig en Symfony2 y se concluye con un ejemplo práctico del uso de Twig en proyectos PHP propios.
Symfony es un framework de PHP que nos permite crear aplicaciones web y que está construido usando como base más de 30 componentes reutilizables y desacoplados.
En esta charla hablaremos sobre la última versión de este framework, su filosofía, su funcionamiento en general, repasaremos algunos de sus componentes y expondremos algunas de las buenas prácticas, todo ello acompañado de ejemplos.
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
Trabajo de Investigación sobre el Framework de MilkZoft: ZanPHP, para la materia de Programación Web de la carrera ISC-2010
Instituto Tecnologico de Tehuacan.
These are my slide from talk at PHPDay in Verona 20014.
Forget about classic website where UX is not so important. We are living in time where usability is one of the important thing if you are building some business client oriented web service. In locastic we are working on CRM that is based on Symfony2 as backend and AngularJS as frontend solution.
How to connect this two frameworks? What are best practices? What are disadvantageous? How to take best from both worlds? These are topics I will cover in my talk with real examples.
Building Single Page Application (SPA) with Symfony2 and AngularJSAntonio Peric-Mazar
Forget about classic website where UX is not so important. We are living in time where usability is one of the important thing if you are building some business client oriented web service. How to connect Symfony2 as backend and AngularJS as frontend solution? What are best practices? What are disadvantageous? How to take best from both worlds? These are topics I will cover in my talk with real examples.
PHP es un lenguaje de scripting orientado al desarrollo de aplicaciones web. En una primera parte se explica los principios del lenguaje, algunas herramientas y un esbozo de una aplicación web escrita en PHP. En una segunda parte se presenta Symfony, un framework PHP que reúne las mejores prácticas de desarrollo de aplicaciones web.
Las Jornadas Symfony 2011 comenzaron con una breve introducción a Symfony2.
Durante la presentación se muestran algunas de las características más destacadas de Symfony2 a través de diez palabras clave.
Desymfony 2011 - Tutorial #1: Instalacion y primeros pasosJavier Eguiluz
Instalación y primeros pasos fue la primera ponencia impartida durante las Jornadas Symfony 2011. Se trata de la primera parte de las seis que forman el tutorial de desarrollo de la aplicación github.com/desymfony.
Durante la misma se explIca cómo instalar y configurar Symfony2, cómo instalar el proyecto deSymfony, cómo crear los bundles con el generador interactivo y también se introduce el funcionamiento de la arquitectura MVC en Symfony2 mediante la programación de la parte dedicada a mostrar las páginas estáticas de la aplicación.
Introducción a Laravel 5, un framework PHP para artesanos web.
Características generales, ventajas comparativas y algunos ejemplos de cómo éste framework te ayuda a desarrollar aplicaciones web de forma rápida y segura.
Primefaces es una implementación de JSF de código libre.
En el 2015 es la implementación de JSF mas popular.
Soporta AJAX basado en la especificación JSF2.0
Fácil de configurar.
Cuenta con Mobil UI Kit
Diego Armando Gomez
"Twig, cuando Django encontró a Symfony" fue la primera ponencia impartida durante el segundo día de las Jornadas Symfony 2011.
Durante la misma, se explican las características más destacadas del motor de plantillas Twig, empezando con las más adecuadas para diseñadores/maquetadores y siguiendo después con las características para desarrolladores.
También se mencionan brevemente las ventajas de la integración de Twig en Symfony2 y se concluye con un ejemplo práctico del uso de Twig en proyectos PHP propios.
Symfony es un framework de PHP que nos permite crear aplicaciones web y que está construido usando como base más de 30 componentes reutilizables y desacoplados.
En esta charla hablaremos sobre la última versión de este framework, su filosofía, su funcionamiento en general, repasaremos algunos de sus componentes y expondremos algunas de las buenas prácticas, todo ello acompañado de ejemplos.
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
Trabajo de Investigación sobre el Framework de MilkZoft: ZanPHP, para la materia de Programación Web de la carrera ISC-2010
Instituto Tecnologico de Tehuacan.
These are my slide from talk at PHPDay in Verona 20014.
Forget about classic website where UX is not so important. We are living in time where usability is one of the important thing if you are building some business client oriented web service. In locastic we are working on CRM that is based on Symfony2 as backend and AngularJS as frontend solution.
How to connect this two frameworks? What are best practices? What are disadvantageous? How to take best from both worlds? These are topics I will cover in my talk with real examples.
Building Single Page Application (SPA) with Symfony2 and AngularJSAntonio Peric-Mazar
Forget about classic website where UX is not so important. We are living in time where usability is one of the important thing if you are building some business client oriented web service. How to connect Symfony2 as backend and AngularJS as frontend solution? What are best practices? What are disadvantageous? How to take best from both worlds? These are topics I will cover in my talk with real examples.
Un vistazo al ecosistema JavaScript, sus frameworks, librerías, herramientas, etc...
Presentación utilizada en la charla "Game of Framework" dentro de la CodeWeek organizada por GDG Cáceres (España)
Metodologia agil para el diseño de aplicaciones multimedias movilescristopherf
Esta es una guia documental basada en la metodologia MADAMDM (Meotologia Agil para el Diseño de Aplicaciones Multimedias de Dispositivos Moviles), la cual puede servir de ayuda a los desarrolladores de aplicaciones bajo cualquier tipo de sistema operativo movil.
Repasaremos conceptos y principios para que una arquitectura sea RESTfull, se explicará cómo se ha plateado el framework Leophard para seguir estos y otros principios.
Slides de la charla que di cobre como montar tu propio Centro Multimedia en una Raspberry Pi paso a paso.
http://www.cyliconvalley.es/2015/03/04/charla-monta-tu-centro-multimedia-con-rapsberry-pi/
Seminario Spring Roo. Monitorización con Spring InsightParadigma Digital
Seminario sobre Spring Roo y monitorización con Spring Insight organizado por Paradigma Tecnologico y Javahispano, impartido en Madrid el 14 de octubre de 2010 por Federico Caro
Laravel, es el framework PHP de código abierto de mayor aceptación actualmente para este lenguaje, y su simplicidad en la sintaxis, su elegancia en la escritura, su motor de plantillas incorporado, la potencia de composer y de artisan para su manejo y los complementos con los que cuenta, hacen que PHP que para muchos estaba empezando a quedarse en el olvido, vuelva a ser rescatado y sea ahora un lenguaje moderno, rápido, eficiente y profesional trabajado desde Laravel.
Cómo integrar AngularJS con una instalación de Drupal 7 a través de views y services o cómo agregarle a una web estándar las características de una aplicación HTML5.
API REST FOR THE BD2 DATABASE WITHIN THE IBM I SYSTEMS, USING THE PHP FRAMEWO...Héctor Curbelo Barrios
Con el desarrollo de las tecnologías y su arquitectura han surgido nuevas formas para las interacciones de las aplicaciones. Con el decurso del tiempo la separación de las aplicaciones y la gestión de Base de Datos se han ido separando en modelos y conceptos diferentes, hoy día podemos encontrar que la mayoría de sistemas crean APIS para el consumo de sus servicios tanto de las aplicaciones propias del sistema, tanto como para aplicaciones externas.
Si bien los hospitales conjuntan a profesionales de salud que atienden a la población, existe un equipo de organización, coordinación y administración que permite que los cuidados clínicos se otorguen de manera constante y sin obstáculos.
Mario García Baltazar, director del área de Tecnología (TI) del Hospital Victoria La Salle, relató la manera en la que el departamento que él lidera, apoyado en Cirrus y Estela, brinda servicio a los clientes internos de la institución e impulsa una experiencia positiva en el paciente.
Conoce el Hospital Victoria La Salle
Ubicado en Ciudad Victoria, Tamaulipas, México
Inició operaciones en el 2016
Forma parte del Consorcio Mexicanos de Hospitales
Hospital de segundo nivel
21 habitaciones para estancia
31 camas censables
13 camillas
2 quirófanos
+174 integrantes en su plantilla
+120 equipos médicos de alta tecnología
+900 pacientes atendidos
Servicios de +20 especialidades
Módulos utilizados de Cirrus
HIS
EHR
ERP
Estela - Business Intelligence
Los desafíos de calidad de software que nos trae la IA y los LLMsFederico Toledo
En esta charla, nos sumergiremos en los desafíos emergentes que la inteligencia artificial (IA) y los Large Language Models (LLMs) traen al mundo de la calidad del software y el testing. Exploraremos cómo la integración, uso o diseño de modelos de IA plantean nuevos retos, incluyendo la calidad de datos y detección de sesgos, sumando la complejidad de probar algo no determinístico. Revisaremos algunas propuestas que se están llevando adelante para ajustar nuestras tareas de testing al desarrollo de este tipo de sistemas, incluyendo enfoques de pruebas automatizadas y observabilidad.
Escaneo y eliminación de malware en el equiponicromante2000
El malware tiene muchas caras, y es que los programas maliciosos se reproducen en los ordenadores de diferentes formas. Ya se trate de virus, de programas espía o de troyanos, la presencia de software malicioso en los sistemas informáticos siempre debería evitarse. Aquí te muestro como trabaja un anti malware a la hora de analizar tu equipo
infografia del sena para analisis y desarrollo de software
Desarrollo Web Ágil con Symfony, Bootstrap y Angular
1. Desarrollo Web Ágil con Symfony,
Bootstrap y Angular
Bayron Guevara
Investigador Independiente
FLISOL 2014
2. Contenido
● Principios del Desarrollo Ágil
● Metodologías y componentes del Desarrollo Ágil
● Scrum y XP: Metodologías ágiles más difundidas
● Symfony como framework de desarrollo Server-Side
● Bootstrap: Framework para Front-end
● Angular: Framework Javascript
● Colocando todo junto
3. Principios del Desarrollo Ágil
El desarrollo ágil o agile development en inglés es un
conjunto de metodologías de desarrollo de software
orientadas a agilizar o acelerar su lanzamiento inicial y
mejoramiento continuo.
Se fundamenta en tres (3) principios:
1. Ciclo corto de desarrollo (generalmente de 2 a 4
semanas).
Opuesto al enfoque tradicional donde el lanzamiento del
software se prolonga hasta satisfacer la mayoría de los
requerimientos del cliente, el desarrollo ágil promueve
ciclos cortos e incrementales -llamados iteraciones- que
permiten validar tempranamente la funcionalidad.
4. Principios del Desarrollo Ágil
2. Equipos auto-organizados y comunicación cara a cara.
Tratan de evitar demasiados formalismos y enfatizan la
comunicación directa entre los miembros del equipo de
desarrollo y el cliente.
3. Adaptabilidad y respuesta rápida a los cambios.
Se evalúan los resultados en cada iteración y se
mantiene un canal de comunicación constante con el
cliente para validar requerimientos y responder
oportunamente a los cambios que puedan surgir.
6. Metodologías y componentes del
Desarrollo Ágil
Se han desarrollado numerosas metodologías o
implementaciones prácticas del desarrollo ágil.
Siendo las más populares las siguientes:
1. Scrum. Es la metodología actualmente más
utilizada en el desarrollo web y define un equipo
de trabajo con 3 roles: ScrumMaster (facilitador
del proyecto), ProductOwner (representante del
cliente) y el Team (desarrolladores). Cada ciclo
se llama sprint durante el cual se desarrollan
mejoras potencialmente entregables o
utilizables.
7. Metodologías y componentes del
Desarrollo Ágil
2. Lean Software Development (LSD).
Inspirado en el modelo de producción LEAN, el
cual fue originado en la Toyota, se basa en los
siguientes principios:
● Eliminar los desperdicios
● Ampliar el aprendizaje
● Decidir lo más tarde posible
● Reaccionar tan rápido como sea posible
● Potenciar el equipo
● Véase todo el conjunto
8. Metodologías y componentes del
Desarrollo Ágil
3. Programación Extrema (XP). Considera el
cambio de requerimientos como un aspecto
natural del desarrollo de software, además de
dar mayor importancia a las relaciones
interpersonales del equipo de trabajo.
9. Scrum y XP: Metodologías ágiles
más difundidas
Comprende varias reuniones que van desde obtener retro-
alimentación hasta definir los requerimientos.
● Scrum diario o stand-up meeting.
● Reunion de planificacion del Sprint
● Reunion de revision del Sprint
● Retrospectiva del Sprint
El Scrum mantiene una serie de documentos que le
permiten conocer el estado actual y futuro del proyecto:
Product Backlog, Sprint Backlog, Burn down Chart.
Scrum
10. Scrum y XP: Metodologías ágiles
más difundidas
11. Scrum y XP: Metodologías ágiles
más difundidas
Sus características fundamentales son:
● Entregas pequeñas
● Historias de usuario para documentar requerimientos
● El Cliente debe estar presente continuamente.
● Diseño simple para facilitar su comprensión por el equipo
● Pruebas unitarias continuas. Por ejemplo, el Desarrollo
Guiado por Pruebas (TDD)
● Refactorización del código (Refactoring).
● Programación en Parejas
● Propiedad compartida del código
Programación Extrema (XP)
12. Symfony como framework de
desarrollo Server-Side
Symfony es un framework para el desarrollo de
aplicaciones web en PHP. Con framework me refiero a
un conjunto de herramientas y a una metodología de
desarrollo. Alrededor de Symfony existe una
comunidad y una filosofía basada en el software libre
y de código abierto.
Symfony esta inspirado en otro framework llamado
Ruby on Rails que comparte el mismo patrón de
diseño de apps llamado Modelo-Vista-Controlador.
13. Symfony como framework de
desarrollo Server-Side
Los requests (solicitudes web) siguen el siguiente
flujo a través de Symfony.
14. Symfony como framework de
desarrollo Server-Side
Symfony posee una arquitectura orientada a
componentes llamados Bundles. Cada bundle puede
hacer uso de los servicios expuestos por otros
bundles a través de un mecanismo llamado Inyección
de Dependencias.
Arquitectura
Esta flexibilidad permite desarrollar
componentes con mayor facilidad.
Prueba de ello son los miles de
componentes de terceros que se pueden
encontrar en el repositorio KnpBundles
(http://knpbundles.com).
15. Symfony como framework de
desarrollo Server-Side
Symfony utiliza un administrador de dependencias para
aplicaciones PHP llamado Composer, el cual es similar
a YUM o APT para Linux, o a Bundler para Ruby.
"require": {
"monolog/monolog": "1.2.*"
}
Se le considera el sucesor de Pear ya que es
más completo y sencillo de utilizar. Por ejemplo
para indicar que la librería monolog es una
dependencia de nuestro proyecto, basta con
usar el siguiente código:
16. Symfony como framework de
desarrollo Server-Side
El patrón de diseño MVC es muy práctico en las
aplicaciones web, ya que permite dividirlas en tres
componentes: Modelo de datos, Vista del contenido
y Controlador de la lógica de la aplicación.
Twig como motor
de plantillas
Doctrine o Propel
para modelar la
base de datos
17. Symfony como framework de
desarrollo Server-Side
Una de las características más útiles que poseen
los frameworks modernos, y que es parte de la
filosofía RAD, es la capacidad de generar código
fuente y prototipos funcionales de manera
automática a partir de simples comandos.
Symfony posee generadores para crear Bundles,
Controladores CRUD (Create-Read-Update-
Delete) a partir de modelos de datos, crear
entidades de datos a partir de una BD, etc.
Generadores (Scaffolding)
18. Bootstrap: Framework para
Front-end
Es un framework para el desarrollo de interfaces de
usuario de aplicaciones web (front-end). Podemos
usarlo tanto por medio de CSS puro o mediante
extensiones del lenguaje como Less o Sass.
Esta fundamentado sobre la tendencia actual en web
respecto a diseñar primero para las pantallas móviles
(mobile-first) y en crear diseños responsivos
(responsive-design); de manera que nos permite
desarrollar aplicaciones web que luzcan y funcionen
bien tanto en móviles como en computadoras de
escritorio o laptops.
19. Bootstrap: Framework para
Front-end
Consta de los siguientes componentes prefabricados
que nos permitirán embellecer automáticamente
nuestros elementos web:
Componentes Principales
● Menú desplegable
● Grupos de botones
● Input Groups
● Barras de Navegación
22. Bootstrap: Framework para
Front-end
Sistema de Grillas (Grid System)
Bootstrap se basa en un sistema de cuadricula de 12
columnas para crear el layout de una página web. Usa
la técnica de CSS conocida como media queries para
ajustar automáticamente el ancho de cada columna de
acuerdo al tamaño/resolución de la pantalla.
Además dispone de una serie de clases que nos
permiten especificar si un conjunto de grids (celdas)
continuas se mostrarán horizontalmente o por el
contrario se apilaran unas debajo de otras.
24. Bootstrap: Framework para
Front-end
Organización de la grilla en pantallas mayores a 992px (md: medium devices)
La misma grillla se apila automáticamente en resoluciones de pantalla pequeñas
(menores a 992px, ej: iPhone, Windows Phone)
25. AngularJS: Framework Javascript
Angular es un framework javascript para el
desarrollo de aplicaciones web dinámicas
mediante una arquitectura MVW (Model-View-
Whatever). A diferencia de otros, Angular extiende
el lenguaje HTML introduciendo etiquetas que
permiten controlar el comportamiento y agregar
dinamismo a una página web.
Fue desarrollado inicialmente por Google y esta
bajo la licencia MIT, que es una licencia permisiva
de software libre.
26. AngularJS: Framework Javascript
Veamos un sencillo ejemplo práctico en Angular
usando el clásico Hello World!, donde lo que
escribimos en el campo de texto se refleja
inmediatamente en el encabezado de abajo.
27. AngularJS: Framework Javascript
Este ejemplo consta básicamente de cuatro pasos:
1. Activar Angular dentro de una porción de
nuestra página: directiva ng-app
2. Incluir el código fuente de la librería:
angular.min.js
3. Declarar un modelo de datos y enlazarlo a un
formulario: directiva ng-model
4. Utilizar una referencia al modelo declarado
previamente: sintaxis {{modelName}}
28. AngularJS: Framework Javascript
● Data Binding. Permite actualizar la vista
automáticamente cuando el modelo cambia y
viceversa.
● Controlador. Permite definir acciones al interactuar
con los elementos del DOM (click, enviar un form).
● Deep Linking. Una forma de generar links (URIs)
que llevan a una ubicación especifica de la app.
● Validación de formularios. Podemos definir
validación client-side de formularios de manera
automática y declarativa.
Características principales
29. AngularJs: Framework Javascript
● Comunicación con el servidor. Posee servicios pre-
fabricados de comunicación basados en AJAX,
facilitando la integración con sistemas de terceros.
● Componentes reutilizables. Similar a los componentes
de Bootstrap pero usando nuevos tags o directivas
HTML.
● Exportable. Permite integrarlo fácilmente a otras
tecnologías.
● Inyectable. Las dependencias se definen de forma
declarativa y cualquier componente se puede
reemplazar por uno propio.
Características principales
30. Colocando todo junto
Hemos visto a grandes rasgos algunas de las
metodologías y tecnologías más populares para
el desarrollo web. Ahora vamos a aplicarlo todo
junto en un solo ejemplo.
Aunque por defecto Bootstrap emplea jQuery
como framework javascript para lograr la
interactividad de sus componentes,
alternativamente existen ports del mismo
implementados en otros frameworks. Para
AngularJS se encuentran: UI Bootstrap y Mobile
Angular UI.
31. Colocando todo junto
Por otra parte gracias a estas tecnologías de frontend,
ahora el desarrollo de backends -Symfony en nuestro
caso- se centra en proveer al frontend de los datos en
bruto para generar y almacenar dinámicamente el
contenido del sitio. Esto usualmente significa
desarrollar un webservice bajo los principios de la
arquitectura REST y usando JSON o XML como
formato de datos.
La ventaja de este enfoque es que el
mismo servicio de datos se puede
reutilizar en otras plataformas como son
apps móviles nativas, Smart TVs, etc. Emblema de
JSON
32. Colocando todo junto
Es un framework para el desarrollo web móvil
basado en Bootstrap y Angular. Se integra como
un módulo y adicionalmente provee funciones
para el reconocimiento de gestos propios de
pantallas táctiles entre los que se encuentran:
tap, fast-click, swipe, etc.
Podemos ver una demo en acción a través del
siguiente enlace:
http://mobileangularui.com/demo
Mobile Angular UI
33. Gracias por su atención.
Desarrollo Web Ágil con Symfony,
Bootstrap y Angular