En 2013, Facebook lanzó una nueva librería llamada React para competir contra Google y su framework Angular. Ambos están basados en Javascript y teóricamente están hechos para desarrollar páginas web. Sin embargo, con el paso del tiempo, sobre todo Angular, se han ido utilizando para hacer aplicaciones móviles cross-platform. Por eso, hacía falta ver qué nos ofrece Angular comparado con React y ver si se podría aprovechar una combinación de los dos para poder hacer proyectos aprovechando los beneficios de ambos.
Visión de una principiante de Ruby on Rails, que expone su visión sobre el framework tras un mes de experiencia. La presentación se centra en los conceptos básicos de Rails, cómo afrontar la curva de aprendizaje y comprender cuál es su estructura de ficheros y flujo de aplicación.
En 2013, Facebook lanzó una nueva librería llamada React para competir contra Google y su framework Angular. Ambos están basados en Javascript y teóricamente están hechos para desarrollar páginas web. Sin embargo, con el paso del tiempo, sobre todo Angular, se han ido utilizando para hacer aplicaciones móviles cross-platform. Por eso, hacía falta ver qué nos ofrece Angular comparado con React y ver si se podría aprovechar una combinación de los dos para poder hacer proyectos aprovechando los beneficios de ambos.
Visión de una principiante de Ruby on Rails, que expone su visión sobre el framework tras un mes de experiencia. La presentación se centra en los conceptos básicos de Rails, cómo afrontar la curva de aprendizaje y comprender cuál es su estructura de ficheros y flujo de aplicación.
Vistazo a React (la librería JavaScript para UI), la arquitectura Flux y React Native. Se cuentan los fundamentos del "One Direction Data Flow": Como pensar como React y Flux y una introducción a React Native: la versión de React que permite crear aplicaciones Android y iOS usando JavaScript
Presentación utilizada en el webinar de ASPgems sobre por qué Ruby on Rails es una buena opción. El webinar entero está aquí http://www.youtube.com/watch?v=oSlTXNjnp_M
Presentacion Ruby on Rails en Universidad Autónoma 2009Nelson Rojas Núñez
Diapositivas de la presentación del fabuloso framework de desarollo Ruby On Rails usando la versión 2. Exposición realizada en el encuentro de Software Libre realizado por la Universidad Autónoma en Talca, Chile
Presentación realizada para la asignatura de Aplicaciones y Servicios Web del curso 2013-2014 en la FIB-UPC.
Da unas pinceladas muy básicas sobre el framework de desarrollo web Ruby on Rails.
El contenido de la presentación se rige en base a la rúbrica de evaluación de la asignatura, de ahí que salgan quizás demasiados datos históricos y de perspectivas
El desarrollo de aplicaciones web ha evolucionado muchísimo en los últimos años. Las interfaces de usuario que queremos diseñar son cada vez más avanzadas y requieren del uso de nuevas técnicas de desarrollo (y escribir mucho código en la capa correspondiente al navegador, principalmente en JavaScript). Conceptos como SPA, Ajax, patrones MV* están alcanzando el top en los stacks de desarrollo habituales.
Por suerte existen innumerables frameworks y herramientas para facilitarnos el trabajo, pero hay tantas que cuando nos enfrentamos a un nuevo proyecto, nos surgen una serie de inevitables preguntas…
http://dotnetters.es/evento/desarrollo-moderno-aplicaciones-web/
Slides for the presentation done in DotnetMalaga 2016 where I compared the three famous JavaScript frameworks Angular 1, React and Angular2. Video of the presentation can be found in: https://www.youtube.com/watch?v=Pc_sAc2q5qI.
Source code can be found in: https://github.com/epeicher/Hypotheke
Frameworks y herramientas para la web del futuroBBVA API Market
El futuro de la web está más vivo que nunca. Si quieres conocer las librerías y herramientas esenciales para crear la web del futuro, descárgate este ebook. Más información en http://bbva.info/2t1NEv7
Es un framework o conjunto de subsistemas de software para el desarrollo de aplicaciones, y páginas web dinámicas, que están basadas, cada una de estas en el popular lenguaje de programación conocido como JavaScript. Gracias a esta característica el conjunto se integra exitosamente en una plataforma auto-suficiente.
Cada subsistema del Mean stack es de código abierto y de uso gratuito.
Vistazo a React (la librería JavaScript para UI), la arquitectura Flux y React Native. Se cuentan los fundamentos del "One Direction Data Flow": Como pensar como React y Flux y una introducción a React Native: la versión de React que permite crear aplicaciones Android y iOS usando JavaScript
Presentación utilizada en el webinar de ASPgems sobre por qué Ruby on Rails es una buena opción. El webinar entero está aquí http://www.youtube.com/watch?v=oSlTXNjnp_M
Presentacion Ruby on Rails en Universidad Autónoma 2009Nelson Rojas Núñez
Diapositivas de la presentación del fabuloso framework de desarollo Ruby On Rails usando la versión 2. Exposición realizada en el encuentro de Software Libre realizado por la Universidad Autónoma en Talca, Chile
Presentación realizada para la asignatura de Aplicaciones y Servicios Web del curso 2013-2014 en la FIB-UPC.
Da unas pinceladas muy básicas sobre el framework de desarrollo web Ruby on Rails.
El contenido de la presentación se rige en base a la rúbrica de evaluación de la asignatura, de ahí que salgan quizás demasiados datos históricos y de perspectivas
El desarrollo de aplicaciones web ha evolucionado muchísimo en los últimos años. Las interfaces de usuario que queremos diseñar son cada vez más avanzadas y requieren del uso de nuevas técnicas de desarrollo (y escribir mucho código en la capa correspondiente al navegador, principalmente en JavaScript). Conceptos como SPA, Ajax, patrones MV* están alcanzando el top en los stacks de desarrollo habituales.
Por suerte existen innumerables frameworks y herramientas para facilitarnos el trabajo, pero hay tantas que cuando nos enfrentamos a un nuevo proyecto, nos surgen una serie de inevitables preguntas…
http://dotnetters.es/evento/desarrollo-moderno-aplicaciones-web/
Slides for the presentation done in DotnetMalaga 2016 where I compared the three famous JavaScript frameworks Angular 1, React and Angular2. Video of the presentation can be found in: https://www.youtube.com/watch?v=Pc_sAc2q5qI.
Source code can be found in: https://github.com/epeicher/Hypotheke
Frameworks y herramientas para la web del futuroBBVA API Market
El futuro de la web está más vivo que nunca. Si quieres conocer las librerías y herramientas esenciales para crear la web del futuro, descárgate este ebook. Más información en http://bbva.info/2t1NEv7
Es un framework o conjunto de subsistemas de software para el desarrollo de aplicaciones, y páginas web dinámicas, que están basadas, cada una de estas en el popular lenguaje de programación conocido como JavaScript. Gracias a esta característica el conjunto se integra exitosamente en una plataforma auto-suficiente.
Cada subsistema del Mean stack es de código abierto y de uso gratuito.
3. Característica Angular 2 React
DOM Regular DOM Virtual DOM
Diseño de código JS en HTML Centrado en JS
Herramientas Muchas Muchas
Curva de aprendizaje Media Baja
Packaging Medio Fuerte
Debugging Bien HTML / Bien JS Mal HTML / Bien JS
CL debugger No Sí
¿Falla cuándo? Compilación Compilación
Binding 2 vías Una dirección
Templating TypeScript JSX
Móvil Ionic Framework React Native
MVC Sí Solo vista
Renderizado Servidor Servidor
4. Pros Contras
Fácil de aprender No se lleva bien con bibliotecas de manipulación de
DOM como jQuery
Componentes individuales son más fáciles de
mantener
Al principio es puede tomar algo de tiempo
acostumbrarse al flujo de datos en una sola
dirección.
Capacidad de rápido re renderizado mejora la
experiencia del usuario
En ocasiones el re renderizado puede tomar más
tiempo del estimado si hay grandes volúmenes de
datos involucrados, y la aplicación puede sufrir en
rendimiento.
Flux es una buena alternativa a MVC, el flujo de
datos en una sola dirección ayuda a la
mantenibilidad de la aplicación y mantiene los
datos de los elementos del DOM consistentes.
5. Pros Contras
Orientado a componentes. Problemas de rendimiento, el data
binding bidireccional debe revisar si hay cambios
en el modelo, e interpretar el HTML, por lo que en
aplicaciones complejas esto puede tomar más
tiempo.
Buena documentación y tutoriales. Distribuir lógica de negocios en HTML y en
JavaScript puede causar que el código sea más
difícil de entender, mantener y depurar.
El data binding bidireccional facilita la
implementación de funcionalidades.
La llegada de Angular 2 producirá que el código de
Angular 1.x sea obsoleto.
7. Versiones tentativas
• Angular 4 Marzo 2017
• Angular 5 Septiembre/Octubre 2017
• Angular 6 Marzo 2018
• Angular 7 Septiembre/Octubre 2018
• Semantic versions
• Cambios retrocompatibles
• Tranquis, ya es versión estable
• It’s just ANGULAR
8. ¿Para qué Angular/React?
Repensar cómo hacemos las cosas
hasta ahora con Extjs y Klay
¿De qué me sirve incorporar una
tecnología que actúe idéntico a lo
que ya uso?
No esperes resultados diferentes si siempre haces lo mismo
9. + Klay = ?
+ Klay = ?
• Escalabilidad y modularización
• Mantenimiento
• Reutilización de código
• Programadores capacitados
• Tiempo de vida de la tecnología