SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
Que es angular.js?
AngularJS , Es un proyecto de
código abierto, realizado en
Javascript que contiene un
conjunto de librerías útiles para el
desarrollo de aplicaciones web y
propone una serie de patrones de
diseño para llevarlas a cabo. En
pocas palabras, es lo que se conoce
como un framework para el
desarrollo, en esta caso sobre el
lenguaje Javascript con
programación del lado del cliente.
Relacion de angular.js con html
Angular.js pretende que los programadores
mejoren el HTML que hacen. Que puedan
producir un HTML que, de manera
declarativa, genere aplicaciones que sean
fáciles de entender incluso para alguien
que no tiene conocimientos profundos de
informática. El objetivo es producir un
HTML altamente semántico, es decir, que
cuando lo leas entiendas de manera clara
qué es lo que hace o para qué sirve cada
cosa.
Patron de diseño de angular.js
Angular promueve y usa patrones de
diseño de software. En concreto
implementa lo que se llama MVC (Modelo
vista contrlador). Básicamente estos
patrones nos marcan la separación del
código de los programas dependiendo de
su responsabilidad. Eso permite repartir la
lógica de la aplicación por capas, lo que
resulta muy adecuado para aplicaciones de
negocio y para las aplicaciones SPA
(Single Page Aplication
Patron de diseño de angular.js
Angular.js frente a jQuery
jQuery y AngularJS son librerías bien
diferentes. El alcance y el tipo de cosas
que se hacen con una y otra librería son
distintos.
Angular.js frente a jQuery
jQuery es una librería que nos sirve para
acceder y modificar el estado de
cualquiera de los elementos de la página.
A través de jQuery y los selectores de CSS
eres capaz de llegar a los elementos de la
página, a cualquiera de ellos, y puedes leer
y modificar sus propiedades, suscribirte a
eventos que ocurran en esos elementos,
etc. Con jQuery podíamos manejar
cualquier cosa que ocurra en esos
elementos de una manera mucho más
cómoda que con Javascript puro y
compatible con la mayor gama de
navegadores.
Angular.js frente a jQuery
Angular no solo te permite una serie de
funciones y mecanismos para acceder a los
elementos de la página y modificarlos, sino
que también te ofrece una serie de
mecanismos por los cuales extender el
HTML, para hacerlo más semántico,
incluso ahorrarte muchas líneas de código
Javascript para hacer las mismas cosas que
antes hacías con jQuery. Pero la principal
diferencia y por la cual AngularJS toma la
denominación de "framework", es que te
marca una serie de normas y hábitos en la
programación, principalmente gracias al
patrón MVC implementado en AngularJS.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

6.angular js
6.angular js6.angular js
6.angular js
 
Despegar Tech Talk - AngularJS
Despegar Tech Talk - AngularJSDespegar Tech Talk - AngularJS
Despegar Tech Talk - AngularJS
 
Angular js
Angular jsAngular js
Angular js
 
Introducciòn a AngularJS
Introducciòn a AngularJSIntroducciòn a AngularJS
Introducciòn a AngularJS
 
Curso Básico de AngularJS
Curso Básico de AngularJSCurso Básico de AngularJS
Curso Básico de AngularJS
 
AngularJS
AngularJSAngularJS
AngularJS
 
Angularjs
AngularjsAngularjs
Angularjs
 
Introducción a AngularJS
Introducción a AngularJSIntroducción a AngularJS
Introducción a AngularJS
 
Angular js in mobile
Angular js in mobileAngular js in mobile
Angular js in mobile
 
Angular Conceptos Practicos 1
Angular Conceptos Practicos 1Angular Conceptos Practicos 1
Angular Conceptos Practicos 1
 
Hack2Progress - Desarrollando una aplicación web con AngularJS
Hack2Progress - Desarrollando una aplicación web con AngularJSHack2Progress - Desarrollando una aplicación web con AngularJS
Hack2Progress - Desarrollando una aplicación web con AngularJS
 
Curso de Responsive Design
Curso de Responsive DesignCurso de Responsive Design
Curso de Responsive Design
 
Angular 2 is Coming - GDG DevFest Cordoba 2015
Angular 2 is Coming - GDG DevFest Cordoba 2015Angular 2 is Coming - GDG DevFest Cordoba 2015
Angular 2 is Coming - GDG DevFest Cordoba 2015
 
Introducción a AngularJS
Introducción a AngularJS Introducción a AngularJS
Introducción a AngularJS
 
Login social con node.js
Login social con node.jsLogin social con node.js
Login social con node.js
 
Introducción a Knockout
Introducción a KnockoutIntroducción a Knockout
Introducción a Knockout
 
patron de diseño MVVMo.pptx
patron de diseño MVVMo.pptxpatron de diseño MVVMo.pptx
patron de diseño MVVMo.pptx
 
Presentacion wpf
Presentacion wpfPresentacion wpf
Presentacion wpf
 
Curso de Desarrollo Web de Platzi
Curso de Desarrollo Web de PlatziCurso de Desarrollo Web de Platzi
Curso de Desarrollo Web de Platzi
 
Advanced angular 1
Advanced angular 1Advanced angular 1
Advanced angular 1
 

Similar a Angular.js

APPSWEBI4.0.pptx
APPSWEBI4.0.pptxAPPSWEBI4.0.pptx
APPSWEBI4.0.pptx22040086
 
Herramientas de desarrollo.pptx
Herramientas de desarrollo.pptxHerramientas de desarrollo.pptx
Herramientas de desarrollo.pptxNicolasCBarrantes
 
Frameworks y herramientas para la web del futuro
Frameworks y herramientas para la web del futuroFrameworks y herramientas para la web del futuro
Frameworks y herramientas para la web del futuroBBVA API Market
 
Frameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroFrameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroDanielRosero23
 
Israel tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webIsrael tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webimei_02
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaverLuis Viteri
 
Desarrollo de aplicaciones .net
Desarrollo de aplicaciones .netDesarrollo de aplicaciones .net
Desarrollo de aplicaciones .netJefersonGuevara1
 
Desarrollo de aplicaciones .net
Desarrollo de aplicaciones .netDesarrollo de aplicaciones .net
Desarrollo de aplicaciones .netJefersonGuevara1
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBUNIV DE CIENCIAS Y ARTES
 
Trade-Off sobre Tecnologías Web
Trade-Off sobre Tecnologías WebTrade-Off sobre Tecnologías Web
Trade-Off sobre Tecnologías WebMiguel Angel Macias
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBUNIV DE CIENCIAS Y ARTES
 
Qué es Angular.pptx
Qué es Angular.pptxQué es Angular.pptx
Qué es Angular.pptxJuanPa119141
 

Similar a Angular.js (20)

APPSWEBI4.0.pptx
APPSWEBI4.0.pptxAPPSWEBI4.0.pptx
APPSWEBI4.0.pptx
 
Herramientas de desarrollo.pptx
Herramientas de desarrollo.pptxHerramientas de desarrollo.pptx
Herramientas de desarrollo.pptx
 
Frameworks y herramientas para la web del futuro
Frameworks y herramientas para la web del futuroFrameworks y herramientas para la web del futuro
Frameworks y herramientas para la web del futuro
 
JQUERY.pptx
JQUERY.pptxJQUERY.pptx
JQUERY.pptx
 
Frameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroFrameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-Rosero
 
5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web
 
Israel tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webIsrael tecnologias para desarrollo-web
Israel tecnologias para desarrollo-web
 
Programando en html
Programando en htmlProgramando en html
Programando en html
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 
Desarrollo de aplicaciones .net
Desarrollo de aplicaciones .netDesarrollo de aplicaciones .net
Desarrollo de aplicaciones .net
 
Desarrollo de aplicaciones .net
Desarrollo de aplicaciones .netDesarrollo de aplicaciones .net
Desarrollo de aplicaciones .net
 
Conceptos
ConceptosConceptos
Conceptos
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
LARAVEL-01-INTRODUCCION.pptx
LARAVEL-01-INTRODUCCION.pptxLARAVEL-01-INTRODUCCION.pptx
LARAVEL-01-INTRODUCCION.pptx
 
Trade-Off sobre Tecnologías Web
Trade-Off sobre Tecnologías WebTrade-Off sobre Tecnologías Web
Trade-Off sobre Tecnologías Web
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
EQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILASEQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILAS
 
Qué es Angular.pptx
Qué es Angular.pptxQué es Angular.pptx
Qué es Angular.pptx
 

Más de GDG Cali

APIs Mercado Libre
APIs Mercado LibreAPIs Mercado Libre
APIs Mercado LibreGDG Cali
 
Como crear y validar un MVP con Firebase
Como crear y validar un MVP con FirebaseComo crear y validar un MVP con Firebase
Como crear y validar un MVP con FirebaseGDG Cali
 
Menú Animado con Android Wear
Menú Animado con Android Wear Menú Animado con Android Wear
Menú Animado con Android Wear GDG Cali
 
Depuración de dispositivos Android Wear en android con adb
Depuración de dispositivos Android Wear en android con adbDepuración de dispositivos Android Wear en android con adb
Depuración de dispositivos Android Wear en android con adbGDG Cali
 
Mi primera vez con Android Wear
Mi primera vez con Android WearMi primera vez con Android Wear
Mi primera vez con Android WearGDG Cali
 
Ionic y angular.js
Ionic y angular.jsIonic y angular.js
Ionic y angular.jsGDG Cali
 
GdgCali - Realidad Aumentada Con Android - 2015-Sept-04
GdgCali -  Realidad Aumentada Con Android - 2015-Sept-04GdgCali -  Realidad Aumentada Con Android - 2015-Sept-04
GdgCali - Realidad Aumentada Con Android - 2015-Sept-04GDG Cali
 
Realidad virtual con Google Cardboard
Realidad virtual con Google CardboardRealidad virtual con Google Cardboard
Realidad virtual con Google CardboardGDG Cali
 
Keynote Google IO 2015
Keynote Google IO 2015Keynote Google IO 2015
Keynote Google IO 2015GDG Cali
 
Android y aplicaciones médicas
Android y aplicaciones médicasAndroid y aplicaciones médicas
Android y aplicaciones médicasGDG Cali
 
Técnicas ágiles para desarrollo móvil, prototipado y UX
Técnicas ágiles para desarrollo móvil, prototipado y UXTécnicas ágiles para desarrollo móvil, prototipado y UX
Técnicas ágiles para desarrollo móvil, prototipado y UXGDG Cali
 
Guía paso a paso de Arduino
Guía paso a paso de ArduinoGuía paso a paso de Arduino
Guía paso a paso de ArduinoGDG Cali
 
[2015] arduino gdg cali
[2015] arduino gdg cali[2015] arduino gdg cali
[2015] arduino gdg caliGDG Cali
 
Presentacion final drones
Presentacion final dronesPresentacion final drones
Presentacion final dronesGDG Cali
 
Mensajeria push
Mensajeria pushMensajeria push
Mensajeria pushGDG Cali
 
Interoperabilidad en android con APIs REST/JSON
Interoperabilidad en android con APIs REST/JSONInteroperabilidad en android con APIs REST/JSON
Interoperabilidad en android con APIs REST/JSONGDG Cali
 
Android y permisos de gestión
Android y permisos de gestiónAndroid y permisos de gestión
Android y permisos de gestiónGDG Cali
 
Comunidad GDG Cali
Comunidad GDG CaliComunidad GDG Cali
Comunidad GDG CaliGDG Cali
 
Primera App - Laboratorio Android
Primera App - Laboratorio AndroidPrimera App - Laboratorio Android
Primera App - Laboratorio AndroidGDG Cali
 
Segundo laboratorio de Android
Segundo laboratorio de AndroidSegundo laboratorio de Android
Segundo laboratorio de AndroidGDG Cali
 

Más de GDG Cali (20)

APIs Mercado Libre
APIs Mercado LibreAPIs Mercado Libre
APIs Mercado Libre
 
Como crear y validar un MVP con Firebase
Como crear y validar un MVP con FirebaseComo crear y validar un MVP con Firebase
Como crear y validar un MVP con Firebase
 
Menú Animado con Android Wear
Menú Animado con Android Wear Menú Animado con Android Wear
Menú Animado con Android Wear
 
Depuración de dispositivos Android Wear en android con adb
Depuración de dispositivos Android Wear en android con adbDepuración de dispositivos Android Wear en android con adb
Depuración de dispositivos Android Wear en android con adb
 
Mi primera vez con Android Wear
Mi primera vez con Android WearMi primera vez con Android Wear
Mi primera vez con Android Wear
 
Ionic y angular.js
Ionic y angular.jsIonic y angular.js
Ionic y angular.js
 
GdgCali - Realidad Aumentada Con Android - 2015-Sept-04
GdgCali -  Realidad Aumentada Con Android - 2015-Sept-04GdgCali -  Realidad Aumentada Con Android - 2015-Sept-04
GdgCali - Realidad Aumentada Con Android - 2015-Sept-04
 
Realidad virtual con Google Cardboard
Realidad virtual con Google CardboardRealidad virtual con Google Cardboard
Realidad virtual con Google Cardboard
 
Keynote Google IO 2015
Keynote Google IO 2015Keynote Google IO 2015
Keynote Google IO 2015
 
Android y aplicaciones médicas
Android y aplicaciones médicasAndroid y aplicaciones médicas
Android y aplicaciones médicas
 
Técnicas ágiles para desarrollo móvil, prototipado y UX
Técnicas ágiles para desarrollo móvil, prototipado y UXTécnicas ágiles para desarrollo móvil, prototipado y UX
Técnicas ágiles para desarrollo móvil, prototipado y UX
 
Guía paso a paso de Arduino
Guía paso a paso de ArduinoGuía paso a paso de Arduino
Guía paso a paso de Arduino
 
[2015] arduino gdg cali
[2015] arduino gdg cali[2015] arduino gdg cali
[2015] arduino gdg cali
 
Presentacion final drones
Presentacion final dronesPresentacion final drones
Presentacion final drones
 
Mensajeria push
Mensajeria pushMensajeria push
Mensajeria push
 
Interoperabilidad en android con APIs REST/JSON
Interoperabilidad en android con APIs REST/JSONInteroperabilidad en android con APIs REST/JSON
Interoperabilidad en android con APIs REST/JSON
 
Android y permisos de gestión
Android y permisos de gestiónAndroid y permisos de gestión
Android y permisos de gestión
 
Comunidad GDG Cali
Comunidad GDG CaliComunidad GDG Cali
Comunidad GDG Cali
 
Primera App - Laboratorio Android
Primera App - Laboratorio AndroidPrimera App - Laboratorio Android
Primera App - Laboratorio Android
 
Segundo laboratorio de Android
Segundo laboratorio de AndroidSegundo laboratorio de Android
Segundo laboratorio de Android
 

Angular.js

  • 1. Que es angular.js? AngularJS , Es un proyecto de código abierto, realizado en Javascript que contiene un conjunto de librerías útiles para el desarrollo de aplicaciones web y propone una serie de patrones de diseño para llevarlas a cabo. En pocas palabras, es lo que se conoce como un framework para el desarrollo, en esta caso sobre el lenguaje Javascript con programación del lado del cliente.
  • 2. Relacion de angular.js con html Angular.js pretende que los programadores mejoren el HTML que hacen. Que puedan producir un HTML que, de manera declarativa, genere aplicaciones que sean fáciles de entender incluso para alguien que no tiene conocimientos profundos de informática. El objetivo es producir un HTML altamente semántico, es decir, que cuando lo leas entiendas de manera clara qué es lo que hace o para qué sirve cada cosa.
  • 3. Patron de diseño de angular.js Angular promueve y usa patrones de diseño de software. En concreto implementa lo que se llama MVC (Modelo vista contrlador). Básicamente estos patrones nos marcan la separación del código de los programas dependiendo de su responsabilidad. Eso permite repartir la lógica de la aplicación por capas, lo que resulta muy adecuado para aplicaciones de negocio y para las aplicaciones SPA (Single Page Aplication
  • 4. Patron de diseño de angular.js
  • 5. Angular.js frente a jQuery jQuery y AngularJS son librerías bien diferentes. El alcance y el tipo de cosas que se hacen con una y otra librería son distintos.
  • 6. Angular.js frente a jQuery jQuery es una librería que nos sirve para acceder y modificar el estado de cualquiera de los elementos de la página. A través de jQuery y los selectores de CSS eres capaz de llegar a los elementos de la página, a cualquiera de ellos, y puedes leer y modificar sus propiedades, suscribirte a eventos que ocurran en esos elementos, etc. Con jQuery podíamos manejar cualquier cosa que ocurra en esos elementos de una manera mucho más cómoda que con Javascript puro y compatible con la mayor gama de navegadores.
  • 7. Angular.js frente a jQuery Angular no solo te permite una serie de funciones y mecanismos para acceder a los elementos de la página y modificarlos, sino que también te ofrece una serie de mecanismos por los cuales extender el HTML, para hacerlo más semántico, incluso ahorrarte muchas líneas de código Javascript para hacer las mismas cosas que antes hacías con jQuery. Pero la principal diferencia y por la cual AngularJS toma la denominación de "framework", es que te marca una serie de normas y hábitos en la programación, principalmente gracias al patrón MVC implementado en AngularJS.