Introducción al framework Angular 2 para el desarrollo de aplicaciones Web. Revisión a sus conceptos principales y su alineación con el estándar Web Components.
Charla impartida el 26 de enero de 2017 para SevillaJS.
Node.js es una tecnología cada vez más popular para el desarrollo de servicios web. Grandes abanderados de Java como Netflix están usando cada vez más JavaScript para implementar parte de su backend. Pese a esta realidad, muchos javeros como yo no quieren tocar JavaScript ni con un palo, y cuando hay que hacerlo, sólo en el browser.
Si eres javero y no te gusta JavaScript, en esta presentación tendrás una visión general sobre cómo desarrollar servicios web con Node.js. Verás cómo con TypeScript, async/await y frameworks como Nest y TypeORM no echarás de menos a Spring y JPA. Pero lo mismo pasa al revés, verás cómo en Java también puedes implementar apps con los mismos principios reactivos y funcionales tan comunes en Node.js.
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4Rodolfo Finochietti
La nueva versión de Visual Studio incorpora funcionalidades, algunas de las cuales veremos en esta sesión, haciendo hincapié en el desarrollo Web. También veremos las nuevas características de ASP.NET MVC 4 que ayudan a desarrollar sitios Web de alta performance.
Cross development - React para desarrolladores de asp.netAlberto Diaz Martin
En esta sesión os contaremos la visión de React para el desarrollo de aplicaciones web desde el punto de vista de un desarrollador de ASP.NET que tiene que aprender a trabajar con estas nuevas tecnologías.
Introducción al framework Angular 2 para el desarrollo de aplicaciones Web. Revisión a sus conceptos principales y su alineación con el estándar Web Components.
Charla impartida el 26 de enero de 2017 para SevillaJS.
Node.js es una tecnología cada vez más popular para el desarrollo de servicios web. Grandes abanderados de Java como Netflix están usando cada vez más JavaScript para implementar parte de su backend. Pese a esta realidad, muchos javeros como yo no quieren tocar JavaScript ni con un palo, y cuando hay que hacerlo, sólo en el browser.
Si eres javero y no te gusta JavaScript, en esta presentación tendrás una visión general sobre cómo desarrollar servicios web con Node.js. Verás cómo con TypeScript, async/await y frameworks como Nest y TypeORM no echarás de menos a Spring y JPA. Pero lo mismo pasa al revés, verás cómo en Java también puedes implementar apps con los mismos principios reactivos y funcionales tan comunes en Node.js.
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4Rodolfo Finochietti
La nueva versión de Visual Studio incorpora funcionalidades, algunas de las cuales veremos en esta sesión, haciendo hincapié en el desarrollo Web. También veremos las nuevas características de ASP.NET MVC 4 que ayudan a desarrollar sitios Web de alta performance.
Cross development - React para desarrolladores de asp.netAlberto Diaz Martin
En esta sesión os contaremos la visión de React para el desarrollo de aplicaciones web desde el punto de vista de un desarrollador de ASP.NET que tiene que aprender a trabajar con estas nuevas tecnologías.
Curso de Angular 9 para desarrollo de aplicaciones SPA (Single Page Application).
● Tema 1: Introducción a Angular: TypeScript y herramientas
● Tema 2: Componentes
● Tema 3: REST y Servicios
● Tema 4: Aplicaciones multipágina: Router
● Tema 5: Librerías de componentes
● Tema 6: Publicación
TypeScript para Javeros. Por fin un lenguaje 'de verdad' en el browserMicael Gallego
Slides de la charla en el MadridJUG sobre TypeScript y su parecido con Java. Se presentan los parecidos entre estos dos lenguajes y sus diferencias más notables.
Dev Tools para Kubernetes - Codemotion 2019Micael Gallego
Charla impartida entre Pablo Chico y Micael Gallego en la que se muestran algunas herramientas para mejorar la experiencia de desarrollo de aplicaciones cloud native para Kubernetes. Concretamente, se presenta cómo okteto puede reducir el tiempo empleado en el ciclo de change, build, push, deploy de pods Java en Kubernetes usando la sincronización de ficheros.
Ejemplos de código en https://github.com/micaelgallego/k8s-dev-tools-codemo19
En esta presentación se describe la tecnología WebRTC y el servidor de media Kurento. Se ilustran diferentes tipos de aplicaciones que pueden desarrollarse con esta tecnología, como un espejo mágico y un completo sistema de videoconferencia en grupo.
This is the presentation we gave at Spring 2GX Madrid. It shows how Grails helped us to improve our productivity and why Grails is not that bounded to Groovy and how it can be an outstanding alternative if you are a 100% Java company.
Transparencias de la charla con la que participamos en las III Jornadas de Java de Alicante.
En las transparencias se muestran algunas herramientas para implantar metodologías ágiles en Java y se comentan algunas anécdotas e historias de diferentes implantaciones.
Presentación de mi charla en la #dotNetSpain2016 sobre ASP.NET Core.
Temas tratados:
Model Binding
Routing
Tag Helpers
View Components
Configuración
Localización
En este webinar profundizamos en el framework Javascript Angular, una de las alternativas más poderosas para crear aplicaciones frontend modernas y progressive web apps.
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
Curso de Angular 9 para desarrollo de aplicaciones SPA (Single Page Application).
● Tema 1: Introducción a Angular: TypeScript y herramientas
● Tema 2: Componentes
● Tema 3: REST y Servicios
● Tema 4: Aplicaciones multipágina: Router
● Tema 5: Librerías de componentes
● Tema 6: Publicación
TypeScript para Javeros. Por fin un lenguaje 'de verdad' en el browserMicael Gallego
Slides de la charla en el MadridJUG sobre TypeScript y su parecido con Java. Se presentan los parecidos entre estos dos lenguajes y sus diferencias más notables.
Dev Tools para Kubernetes - Codemotion 2019Micael Gallego
Charla impartida entre Pablo Chico y Micael Gallego en la que se muestran algunas herramientas para mejorar la experiencia de desarrollo de aplicaciones cloud native para Kubernetes. Concretamente, se presenta cómo okteto puede reducir el tiempo empleado en el ciclo de change, build, push, deploy de pods Java en Kubernetes usando la sincronización de ficheros.
Ejemplos de código en https://github.com/micaelgallego/k8s-dev-tools-codemo19
En esta presentación se describe la tecnología WebRTC y el servidor de media Kurento. Se ilustran diferentes tipos de aplicaciones que pueden desarrollarse con esta tecnología, como un espejo mágico y un completo sistema de videoconferencia en grupo.
This is the presentation we gave at Spring 2GX Madrid. It shows how Grails helped us to improve our productivity and why Grails is not that bounded to Groovy and how it can be an outstanding alternative if you are a 100% Java company.
Transparencias de la charla con la que participamos en las III Jornadas de Java de Alicante.
En las transparencias se muestran algunas herramientas para implantar metodologías ágiles en Java y se comentan algunas anécdotas e historias de diferentes implantaciones.
Presentación de mi charla en la #dotNetSpain2016 sobre ASP.NET Core.
Temas tratados:
Model Binding
Routing
Tag Helpers
View Components
Configuración
Localización
En este webinar profundizamos en el framework Javascript Angular, una de las alternativas más poderosas para crear aplicaciones frontend modernas y progressive web apps.
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
Taller evento TestingUY 2015 - Técnicas de Automatización Going from GOOD to ...TestingUy
Expositores: Federico Regueira, Diego Tortoriello y Gonzalo Ciosek Infocorp
Resumen:
Demostración del uso de un framework de automatización para interacción directa con objetos de una página web.
Se propone hacer una presentación teórica de la automatización de pruebas sobre Selenium, sus obstáculos típicos y cómo superarlos mediante el uso de otro framework; creando scripts de automatización más robustos y con mayor mantenibilidad.
Asimismo, se propone hacer una práctica en conjunto con los participantes, para que puedan ver y entender por un medio más tangible, la diferencia y ventajas que esta nueva estrategia nos brinda.
RoadShow-Azure-PartnersMicrosoft-Nov-2010-Caso de éxito de Softeng Portal Bul...SOFTENG
Presentación realizada durante el roadshow de Windows Azure que organiza Microsoft y en el que se presentó el caso de éxito de Softeng Portal Builder en la nube, en Windows Azure mediante modelo SaaS. Softeng Portal Builder es una evolución de los gestores de contenido web hacia una plataforma que ayuda a potenciar las empresas a través de la web.
Programación de apps multiplataforma con Apache Cordova
(parte 2 de 2).
Explicación de qué es y cómo desarrollar aplicaciones con AngularJS e Ionic Framework. Controllers, services, filters, directives, etc.
SPS Madrid 2019 - Eleva tu aplicaciones de PowerApps a otro nivelImanol Iza Martin
La evolución que está teniendo PowerApps dentro de la PowerPlatform es asombrosa. En esta sesión veras las últimas novedades que han aparecido en PowerApps los últimos meses. Aprenderás a crear aplicaciones responsive, optimizar tus desarrollos con la nueva característica de componentes reutilizables o crear tus propias visualizaciones personalizadas creando gráficos vectoriales con SVGs. A partir de ahora nunca volverás a ver PowerApps como antes!
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.
Evenge is an event management application, which allows us to create, notify and create reports based on the audience.
All this of course on a Cloud environment, ie an application entirely in the cloud, with all the advantages that entails.
Broadcast Social Networks, E-mail and Blogs.
Está implementado en Google App Engine y usa los framework Jinja, Webapp2 y Bootstrap
Actualmente, las compañías más innovadoras, tienen despliegues de software medido en términos de días, en vez de meses. Esta agilidad es permitida gracias al uso de Continuous Delivery, habilitando la automatización de procesos de Built, Test y Entrega de cambios de códigos, usando DevOps. Estas automatizaciones ayudan a identificar bugs mucho antes en el proceso, para así incrementar la productividad de los desarrolladores.
En este webinar, vamos a compartirles el proceso que los ingenieros de Amazon usan para la práctica de DevOps, también discutiremos cómo usted puede traer estos procesos a su compañía usando un nuevo grupo de herramientas disponibles en AWS (AWS CodeCommit, AWS CodePipeline and AWS CodeDeploy). Estos servicios fueron inspirados por las mismas herramientas internas y cultura de DevOps en Amazon.
Objetivo de aprendizaje:
- Aprender qué es Continuous Delivery, sus beneficios y cómo implementarlos.
- Aprender cómo aumentar la frecuencia y confiabilidad de las actualizaciones de su aplicación.
- Aprender a crear un flujo de despliegue de software automatizado en AWS.
- Entender los aspectos básicos de AWS CodePipeline y AWS CodeDeploy
CakePHP es un marco de desarrollo [framework] rápido para PHP, libre, de código abierto. Se trata
de una estructura que sirve de base a los programadores para que éstos puedan crear aplicaciones
Web. Nuestro principal objetivo es que puedas trabajar de forma estructurada y rápida, sin pérdida
de flexibilidad.
Con CakePHP el desarrollo web ya no es monótono porque ofrecemos las herramientas para que
empieces a escribir el código que realmente necesitas: la lógica específica de tu aplicación. Consigue
una copia de CakePHP, empieza con lo verdaderamente importante y no reinventes la rueda cada vez
que te incorpores a un nuevo proyecto.
3Redu: Responsabilidad, Resiliencia y Respetocdraco
¡Hola! Somos 3Redu, conformados por Juan Camilo y Cristian. Entendemos las dificultades que enfrentan muchos estudiantes al tratar de comprender conceptos matemáticos. Nuestro objetivo es brindar una solución inclusiva y accesible para todos.
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...espinozaernesto427
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta intensidad son un tipo de lámpara eléctrica de descarga de gas que produce luz por medio de un arco eléctrico entre electrodos de tungsteno alojados dentro de un tubo de alúmina o cuarzo moldeado translúcido o transparente.
lámparas más eficientes del mercado, debido a su menor consumo y por la cantidad de luz que emiten. Adquieren una vida útil de hasta 50.000 horas y no generan calor alguna. Si quieres cambiar la iluminación de tu hogar para hacerla mucho más eficiente, ¡esta es tu mejor opción!
Las nuevas lámparas de descarga de alta intensidad producen más luz visible por unidad de energía eléctrica consumida que las lámparas fluorescentes e incandescentes, ya que una mayor proporción de su radiación es luz visible, en contraste con la infrarroja. Sin embargo, la salida de lúmenes de la iluminación HID puede deteriorarse hasta en un 70% durante 10,000 horas de funcionamiento.
Muchos vehículos modernos usan bombillas HID para los principales sistemas de iluminación, aunque algunas aplicaciones ahora están pasando de bombillas HID a tecnología LED y láser.1 Modelos de lámparas van desde las típicas lámparas de 35 a 100 W de los autos, a las de más de 15 kW que se utilizan en los proyectores de cines IMAX.
Esta tecnología HID no es nueva y fue demostrada por primera vez por Francis Hauksbee en 1705. Lámpara de Nernst.
Lámpara incandescente.
Lámpara de descarga. Lámpara fluorescente. Lámpara fluorescente compacta. Lámpara de haluro metálico. Lámpara de vapor de sodio. Lámpara de vapor de mercurio. Lámpara de neón. Lámpara de deuterio. Lámpara xenón.
Lámpara LED.
Lámpara de plasma.
Flash (fotografía) Las lámparas de descarga de alta intensidad (HID) son un tipo de lámparas de descarga de gas muy utilizadas en la industria de la iluminación. Estas lámparas producen luz creando un arco eléctrico entre dos electrodos a través de un gas ionizado. Las lámparas HID son conocidas por su gran eficacia a la hora de convertir la electricidad en luz y por su larga vida útil.
A diferencia de las luces fluorescentes, que necesitan un recubrimiento de fósforo para emitir luz visible, las lámparas HID no necesitan ningún recubrimiento en el interior de sus tubos. El propio arco eléctrico emite luz visible. Sin embargo, algunas lámparas de halogenuros metálicos y muchas lámparas de vapor de mercurio tienen un recubrimiento de fósforo en el interior de la bombilla para mejorar el espectro luminoso y reproducción cromática. Las lámparas HID están disponibles en varias potencias, que van desde los 25 vatios de las lámparas de halogenuros metálicos autobalastradas y los 35 vatios de las lámparas de vapor de sodio de alta intensidad hasta los 1.000 vatios de las lámparas de vapor de mercurio y vapor de sodio de alta intensidad, e incluso hasta los 1.500 vatios de las lámparas de halogenuros metálicos.
Las lámparas HID requieren un equipo de control especial llamado balasto para funcionar
Catalogo general Ariston Amado Salvador distribuidor oficial ValenciaAMADO SALVADOR
Distribuidor Oficial Ariston en Valencia: Amado Salvador distribuidor autorizado de Ariston, una marca líder en soluciones de calefacción y agua caliente sanitaria. Amado Salvador pone a tu disposición el catálogo completo de Ariston, encontrarás una amplia gama de productos diseñados para satisfacer las necesidades de hogares y empresas.
Calderas de condensación: Ofrecemos calderas de alta eficiencia energética que aprovechan al máximo el calor residual. Estas calderas Ariston son ideales para reducir el consumo de gas y minimizar las emisiones de CO2.
Bombas de calor: Las bombas de calor Ariston son una opción sostenible para la producción de agua caliente. Utilizan energía renovable del aire o el suelo para calentar el agua, lo que las convierte en una alternativa ecológica.
Termos eléctricos: Los termos eléctricos, como el modelo VELIS TECH DRY (sustito de los modelos Duo de Fleck), ofrecen diseño moderno y conectividad WIFI. Son ideales para hogares donde se necesita agua caliente de forma rápida y eficiente.
Aerotermia: Si buscas una solución aún más sostenible, considera la aerotermia. Esta tecnología extrae energía del aire exterior para calentar tu hogar y agua. Además, puede ser elegible para subvenciones locales.
Amado Salvador es el distribuidor oficial de Ariston en Valencia. Explora el catálogo y descubre cómo mejorar la comodidad y la eficiencia en tu hogar o negocio.
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaAMADO SALVADOR
Descubra el catálogo completo de buzones BTV, una marca líder en la fabricación de buzones y cajas fuertes para los sectores de ferretería, bricolaje y seguridad. Como distribuidor oficial de BTV, Amado Salvador se enorgullece de presentar esta amplia selección de productos diseñados para satisfacer las necesidades de seguridad y funcionalidad en cualquier entorno.
Descubra una variedad de buzones residenciales, comerciales y corporativos, cada uno construido con los más altos estándares de calidad y durabilidad. Desde modelos clásicos hasta diseños modernos, los buzones BTV ofrecen una combinación perfecta de estilo y resistencia, garantizando la protección de su correspondencia en todo momento.
Amado Salvador, se compromete a ofrecer productos de primera clase respaldados por un servicio excepcional al cliente. Como distribuidor oficial de BTV, entendemos la importancia de la seguridad y la tranquilidad para nuestros clientes. Por eso, trabajamos en colaboración con BTV para brindarle acceso a los mejores productos del mercado.
Explore el catálogo de buzones ahora y encuentre la solución perfecta para sus necesidades de correo y seguridad. Confíe en Amado Salvador y BTV para proporcionarle buzones de calidad excepcional que cumplan y superen sus expectativas.
1. Semana del programa de becas en TIC.
26 y 27 de septiembre 2018.
L.I. Hugo G Cuéllar Martinez.
hugo.cuellar@comunidad.unam.mx
2. Framework de Javascript Desarrollado por
La finalidad de Angular es facilitarnos el desarrollo de
aplicaciones web SPA y además darnos herramientas
para trabajar con los elementos de una web de una
manera más sencilla y optima.
https://angular.io
3. SPA (Single Page Aplication)
◍ Web de una sola página
◍ Navegación entre secciones y páginas, la carga de
datos, se realiza de manera dinámica, asíncronamente
haciendo llamadas al servidor (backend) sin actualizar
la página en ningún momento.
◍ Lograr la mayor fluidez posible en UX
◍ La comunicación entre cliente y servidor se realiza de
forma transparente al usuario
◍ Da una sensación de no abandonar la página
◍ Busca asimilar a las app de escritorio
SPA
4. Características
TypeScript
◍ Lenguaje de programación desarrollado por Microsoft
◍ El código es predecible y fácil de depurar
◍ Hace fácil la organización del código en proyectos o
apps grandes ya que es un lenguaje OO
◍ Transpila a JS atrapando todo tipo de errores antes de
pasar a ejecución.
https://www.typescriptlang.org
5. Características
ECMAScript
◍ Especificación de lenguaje de programación publicada
por ECMA International.
◍ Actualmente está aceptado como el estándar ISO
16262.
http://www.ecma-international.org/publications/standards/Ecma-
262.htm
6. Características
Cross Platform
• Progressive
Web Apps.
• Native.
• Desktop.
Speed and
Performance
• Code
Generation.
• Universal.
• Code Splitting.
Productivity
• Templates.
• Angular CLI.
• IDEs.
Full Development
Story
• Testing.
• Animation.
• Accessibility.
7. Características
Data-Binding
◍ Vista y modelo en relación constante.
◍ Todo cambio visual se actualiza en tiempo real en el
modelo y viceversa.
◍ Evita que el desarrollador esté encargado de la
sincronía entre el modelo y la vista.
8. Características
Dependency Injection
◍ Es un patrón de diseño OO
◍ Nos dice que los objetos necesarios en una clase serán
suministrados y que por lo tanto no necesitamos que la
propia clase cree estos objetos.
◍ Ejemplo
Si necesitamos utilizar un servicio en un controlador, al
crearlo debemos especificar nuestra dependencia al
servicio y no crear un objeto del servicio.
10. Módulos
◍ Facilitan la inyección de dependencias
◍ Módulos de ES: exportar e importar
◍ ES6 http://ccoenraets.github.io/es6-tutorial/
11. Decoradores
◍ Son funciones que modifican las clase de JS
◍ Añaden metadatos
◍ Le dicen a las clases como deben de trabajar.
◍ Ejemplo -> @Component
13. Librerías
◍ Colección de librerías JS
◍ Sólo importas lo que necesitas
◍ Ejemplo
@angular/core
Para importar Component
import { Component } from ‘@angular/core’
14. Directivas
◍ Marcadores en un DOM que indican si un elemento
tiene un comportamiento específico
◍ Manipular atributos
◍ Pequeña funcionalidad en forma de atributo HTML
◍Ejemplo
*ngIf=""
(click)=""
17. ¡Listo! Ahora abre tu navegador en:
http://localhost:4200
http://127.0.0.1:4200
Creación de un proyecto
Crear un proyecto
Iniciar la app
ng new my-app
cd my-app
ng serve
npm start
Backend a utilizar en el taller:
http://www.omdbapi.com
18. Instalar un proyecto
Para instalar un proyecto que bajamos de cualquier sistema de
control de versiones o de la web y que no contenga la carpeta
node_modules ejecutamos el siguiente comando.
Con este comando descargara las dependencias que están descritas
en el archivo package.json
npm install
19. Comandos adicionales del CLI
https://cli.angular.io
ng new genera un nuevo proyecto
https://github.com/angular/angular-cli/wiki/new
ng serve inicia el servidor
https://github.com/angular/angular-cli/wiki/serve
ng generate genera componentes, rutas, servicios pipes.
https://github.com/angular/angular-cli/wiki/generate
ng generate component
--inline-style (-s) no genera un archivo css aparte.
--inline-template(-t) no genera un archivo html aparte.
--spec=true|false genera o no genera un archivo de prueba
unitaria karma. Por default es true.
20. Comandos adicionales del CLI
ng build compila la aplicación en un directorio.
https://github.com/angular/angular-cli/wiki/build
--base-href url base para la aplicación.
--prod configuración para producción. (Automáticamente
optimiza para aot)
--optimization habilita optimizaciones.
--build-optimizer –habilita @angular-devkit/build-optimizer
cuando se usa la opción aot
--aot compila usando Ahead of Time
Con AOT, el navegador descarga una versión precompilada de la
aplicación. El navegador carga el código ejecutable para que
pueda procesar la aplicación de inmediato, sin esperar a
compilar la aplicación primero.
https://angular.io/guide/aot-compiler
21. Gracias
L.I. Hugo G Cuéllar Martinez.
hugo.cuellar@comunidad.unam.mx
url del proyecto completo
https://gitlab.com/comandorb_132/taller_angular
https://bit.ly/2R4cFBJ