Este documento presenta una introducción a los conceptos básicos de AngularJS, incluyendo su filosofía, directivas comunes, controladores, servicios, routing y directivas. Explica que AngularJS es un framework para crear aplicaciones dinámicas que no requieren recargar la página, y cómo facilita el mantenimiento a través de enlaces de datos y manipulación del DOM.
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.
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.
Présentation de la dernière version d'Angular 2, le framework JavaScript de Google pour créer des applications monopages — http://angularfrance.com/
Thème abordés : Angular en chiffres. Principales fonctionnalités d'Angular 2. Comparaison entre Angular 1 et Angular 2. Outillage Angular 2. Angular 2 est une plateforme. Démarrer avec Angular 2. Migrer de Angular 1 à Angular 2. Faut-il passer à Angular 2 aujourd’hui ?
There are several JavaScript libraries available in the world of web programming. And, as the usage and complexity is increasing day by day, sometimes it becomes very difficult and confusing to understand and create modules using those libraries, especially for those having strong background of Object Oriented Languages.
So this one hour session will make an effort to go into the very basics of JavaScript and put a base for writing modular JavaScript code.
Présentation de la dernière version d'Angular 2, le framework JavaScript de Google pour créer des applications monopages — http://angularfrance.com/
Thème abordés : Angular en chiffres. Principales fonctionnalités d'Angular 2. Comparaison entre Angular 1 et Angular 2. Outillage Angular 2. Angular 2 est une plateforme. Démarrer avec Angular 2. Migrer de Angular 1 à Angular 2. Faut-il passer à Angular 2 aujourd’hui ?
There are several JavaScript libraries available in the world of web programming. And, as the usage and complexity is increasing day by day, sometimes it becomes very difficult and confusing to understand and create modules using those libraries, especially for those having strong background of Object Oriented Languages.
So this one hour session will make an effort to go into the very basics of JavaScript and put a base for writing modular JavaScript code.
Introducción al Framework de Google AngularJS que permite crear aplicaciones de rápida respuesta, del lado cliente, sobretodo del tipo SPA (Single Page Application).
Overview sobre AngularJS, componentes, comparación con otros frameworks y su variante a móviles.
AngularJS es un framework completo para el lado del frontend, y difícil de poder explicarlo en un solo slide, esta es una breve introducción a este maravilloso framework javascript que permite hacer cosas geniales.
Cualquier consulta estoy en twitter @feluis23
Slides de la charla "Carrera de fondo: la continuada lucha de AngularJS" realizada en el CodeMotion 2015 (Madrid). En ella se hace una introducción al desarrollo frontend, librerías más utilizadas y panorama actual.
Después de una breve introducción al funcionamiento de Backbone se realiza el desarrollo y la exposición de los conceptos del framework a nivel básico y medio.
Los ejemplos desarrollados para esta charla están alojados en github: https://github.com/semagarcia/angularjs-codemotion-2015
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.
Esta presentación muestra como aplicar el patrón MVC en el desarrollo de aplicaciones Java usando las librerías gráficas Swing.
Todo el código está escrito siguiendo un enfoque estricto de legibilidad que permita claridad y entendimiento para comodidad del lector.
0412 - 517 37 13
ignacio_345@hotmail.com
Venezuela - Yaracuy - San Felipe - Marín
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.
Corporación de Industrias Tecnológicas S.A. - Capacitaciones en Informática - Programación con CodeIgniter
www.CorpintecSA.com
contacto@CorpintecSA.com
Throughout this session we will see the fundamental elements of our new MVC Core Web framework. The changes made since the previous versions and the migration steps that we have. We will emphasize the new features and ways of working as well as everything related to the different models of deployment.
En esta charla se describe cuales son las actividades principales de un Software Developer Engineer.
Así mismo se trata de dar una breve introducción a algunos de los Principios de Liderazgo de Amazon
KAWARU CONSULTING presenta el projecte amb l'objectiu de permetre als ciutadans realitzar tràmits administratius de manera telemàtica, des de qualsevol lloc i dispositiu, amb seguretat jurídica. Aquesta plataforma redueix els desplaçaments físics i el temps invertit en tràmits, ja que es pot fer tot en línia. A més, proporciona evidències de la correcta realització dels tràmits, garantint-ne la validesa davant d'un jutge si cal. Inicialment concebuda per al Ministeri de Justícia, la plataforma s'ha expandit per adaptar-se a diverses organitzacions i països, oferint una solució flexible i fàcil de desplegar.
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaAMADO SALVADOR
Descubre el catálogo general de la gama de productos de refrigeración del fabricante de electrodomésticos Miele, presentado por Amado Salvador distribuidor oficial Miele en Valencia. Como distribuidor oficial de electrodomésticos Miele, Amado Salvador ofrece una amplia selección de refrigeradores, congeladores y soluciones de refrigeración de alta calidad, resistencia y diseño superior de esta marca.
La gama de productos de Miele se caracteriza por su innovación tecnológica y eficiencia energética, garantizando que cada electrodoméstico no solo cumpla con las expectativas, sino que las supere. Los refrigeradores Miele están diseñados para ofrecer un rendimiento óptimo y una conservación perfecta de los alimentos, con características avanzadas como la tecnología de enfriamiento Dynamic Cooling, sistemas de almacenamiento flexible y acabados premium.
En este catálogo, encontrarás detalles sobre los distintos modelos de refrigeradores y congeladores Miele, incluyendo sus especificaciones técnicas, características destacadas y beneficios para el usuario. Amado Salvador, como distribuidor oficial de electrodomésticos Miele, garantiza que todos los productos cumplen con los más altos estándares de calidad y durabilidad.
Explora el catálogo completo y encuentra el refrigerador Miele perfecto para tu hogar con Amado Salvador, el distribuidor oficial de electrodomésticos Miele.
En este documento analizamos ciertos conceptos relacionados con la ficha 1 y 2. Y concluimos, dando el porque es importante desarrollar nuestras habilidades de pensamiento.
Sara Sofia Bedoya Montezuma.
9-1.
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor OficialAMADO SALVADOR
Explora el catálogo completo de cajas fuertes BTV, disponible a través de Amado Salvador, distribuidor oficial de BTV. Este catálogo presenta una amplia variedad de cajas fuertes, cada una diseñada con la más alta calidad para ofrecer la máxima seguridad y satisfacer las diversas necesidades de protección de nuestros clientes.
En Amado Salvador, como distribuidor oficial de BTV, ofrecemos productos que destacan por su innovación, durabilidad y robustez. Las cajas fuertes BTV son reconocidas por su eficiencia en la protección contra robos, incendios y otros riesgos, lo que las convierte en una opción ideal tanto para uso doméstico como comercial.
Amado Salvador, distribuidor oficial BTV, asegura que cada producto cumpla con los más estrictos estándares de calidad y seguridad. Al adquirir una caja fuerte a través de Amado Salvador, distribuidor oficial BTV, los clientes pueden tener la tranquilidad de que están obteniendo una solución confiable y duradera para la protección de sus pertenencias.
Este catálogo incluye detalles técnicos, características y opciones de personalización de cada modelo de caja fuerte BTV. Desde cajas fuertes empotrables hasta modelos de alta seguridad, Amado Salvador, como distribuidor oficial de BTV, tiene la solución perfecta para cualquier necesidad de seguridad. No pierdas la oportunidad de conocer todos los beneficios y características de las cajas fuertes BTV y protege lo que más valoras con la calidad y seguridad que solo BTV y Amado Salvador, distribuidor oficial BTV, pueden ofrecerte.
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.
9.
HTML es genial para webs estáticas.
Las aplicaciones reales son dinámicas
Angular le enseña nuevos trucos a tu viejo
HTML
Controla muchos aspectos necesarios para
construir SPA‟s
9
14.
Framework para aplicaciones dinámicas.
Solución completa para el lado cliente.
Facilidad para el mantenimiento
Nunca mas ir y venir entre el DOM y el
modelo
14
18.
ng-app
◦ Inicial. Se puede indicar el modulo de la App
ng-show
◦ Muestra un elemento en base a una condición
ng-hide
◦ Oculta un elemento en base a una condición
ng-click
◦ Maneja el evento click sobre un elemento
http://docs.angularjs.org/api/
19.
Convertir la barra de menu estatica
◦ Seleccionar y cambiar el color del link seleccionado
◦ Mostrar en la parte inferior el vinculo seleccionado
◦ No usar nada de javascript
◦ Base:
http://jsfiddle.net/scyrizales/TzNhB/embedded/result/
◦ Final
http://jsfiddle.net/scyrizales/5ZxMm/embedded/result/
19
20.
21.
Un concepto de angular que maneja
interacciones del usuario
Controla la data que viene de los “modelos”
Uno de los “elementos” mas usados es
$scope
22.
Mediante el $scope se define el viewmodel
inicial
Las funciones del scope pueden ser usadas
como manejadores de eventos
22
23.
Este servicio sirve para unir la data a la vista
Contexto para las expresiones usadas en la
vista
Provee un metodo para “observar” los
cambios
Provee un método para recibir cambios desde
“afuera”.
23
25.
Controladoras para separar funciones
Para dar ámbito a las expresiones
Para organizar el paso de información desde
los servicios
Para responder a los eventos del usuario
25
26.
Realiza cambios en el DOM
Formatea el input (form controls)
Filtra el output (filters)
Comparte código con otras
26
28.
Las vistas sirven para mostrar el viewmodel.
Existen muchas directivas para lograr el
comportamiento requerido
Directivas en Angular:
◦ http://docs.angularjs.org/api/
28
32.
Los servicios son la mejor forma de compartir
información
Permiten encapsular funcionalidad
Gracias a la DI se pueden testear sin
problemas
Los servicios se manejan como Singletons
32
39. Parametro
Descripción
path
La ruta que se compara contra $location.path
route
Objeto con diversas propiedades que indican varios
tipos de configuraciones:
•controller: La controladora a usar.
•template: String que define el template a usar
•templateUrl: ruta fisica de donde cargar un
template
•redirectTo: manejar redirecciones dentro de
angular
39
40.
Define ruta por defecto.
Recibe como parametro un objeto route
(explicado en la anterior diapositiva)
40
50. Propiedad
Valor
restrict
Puede ser A,E,C y M que significan
attribute, element, class, o comment
scope
Cada subpropiedad puede tener cualquiera de estos 3
valores:
•@: el valor es de un solo sentido
•=: el valor es de dos sentidos
•&: guarda una referencia a una función o expresión
template
La base para escribir el código que usará la directiva
replace
Boolean que indica si se debe reemplazar el html
original por el html generado por el template
transclude
Indica si se debe preservar el contenido de la
declaración de la directiva en el html original, se usa
en conjunto con ng-transclude
controller
La controladora que se usara para darle ambito al
template, no siempre es necesario
50
51. Propiedad
Valor
requires
Indica si una directiva depende de otra
link
Función que realiza la configuración inicial de la
directiva. Recibe cuatro parametros:
function link(scope, iElement, iAttrs, controller)
•scope: indica el objeto creado por la propiedad
scope.
•iElement: se refiere al objeto base de la controladora.
Este vienen encapsulado en jqLite o Jquery (si es que
se incluyo en el proyecto)
•iAttrs: los atributos que se asignaron al html original
de la directiva declarada
•Controller: el controller de la directiva padre. Solo
cuando se ha establecido la propiedad requires
51
52.
Al usar directivas, se crean nuevos scopes, o
se heredan los scopes padres.
Si al definir la directiva, no se usa la
propiedad scope, la directiva crea un nuevo
scope que hereda todas las propiedades del
scope de la controladora que contiene a la
directiva.
Al momento de usar la propiedad scope, se
pierde toda conexión con el scope padre, y se
genera un scope independiente para la
directiva.
52
53.
El método $watch (forma parte del scope)
sirve para verificar cambios en alguna
propiedad del scope.
La sintaxis es:
◦ $scope.$watch(„propiedad‟, function(value){ });
◦ La funcion suscrita es la forma de realizar los
cambios necesarios ante un cambio en la propiedad
suscrita
Se puede usar para verificar cambios en
propiedades de la controladora padre
inclusive.
53