SlideShare una empresa de Scribd logo
AngularJS
Introducción
Álvaro Alonso
Contenidos del curso
 Introducción
 Patrón MVC
 Tecnologías de cliente
 AngularJS
 Conceptos básicos
 Templates
 Two- way data binding
 Directivas
 Expresiones
 Módulos y controladores
 Dependency Injection
 Filtros y servicios
 Rutas
 Conexión con servidores de
backend
 Formularios
 Validación de campos
 Temas avanzados
2
Contenidos
 Patrón Model View Controller
 Variantes
 Cliente vs Servidor
 Tecnologías cliente
 AngularJS
3
Patrón MVC
4
 Model – View – Controller
 Separa la lógica de negocio de los datos y la presentación
 Model
 Mantiene el estado de la aplicación (datos)
 View
 Muestra los datos al usuario
 Controller
 Gestiona la interacción con el usuario actualizando el modelo
Patrón MVC
5
View
Model
Controller
Patrón MVC
 MVP: Model – View - Presenter
Variantes
6
View ModelPresenter
Patrón MVC
 PAC: Presentation – Abstraction - Control
Variantes
7
Patrón MVC
 MVVM: Model – View -ViewModel
Variantes
8
View Model
View
Modeldata
binding
Patrón MVC En servidor
9
ServerBrowser
View
Model
Controller
DB
Patrón MVC En cliente
10
Server
Browser
View
Model
Controller
DB
Server
Browser
View
Model
Controller
DB
Server
Browser
View
Model
Controller
DB
Patrón MVC
11
Patrón MVC
 Factores a tener en cuenta
 Tipo de procesamiento
 Reutilización de tareas
 Características de los servidores
 Tipo de usuarios / dispositivos
 Seguridad
 Desarrollador del servicio
12
Patrón MVC Tecnologías cliente
13
Patrón MVC Tecnologías cliente
14
AngularJS
 Nace en 2009
 Mantenido por Google desde 2012
 Versión actual: 1.5.8
 Nuevo Angular 2
 Funcionalidades destacadas
 Two-way data binding
 Directives
 Inyección de dependencias
 Desarrollo modular
 MEAN
 Mongo – Express – Angular – Node
15
Documentación
 AngularJS
 https://angularjs.org/
 Developers Guide
 https://docs.angularjs.org/guide
 API Reference
 https://docs.angularjs.org/api
 Tutorials
 https://docs.angularjs.org/tutorial
 https://www.youtube.com/user/angularjs
16
AngularJS
Introducción
Álvaro Alonso

Más contenido relacionado

PPTX
Curso AngularJS - 6. formularios
PPTX
Curso AngularJS - 2. conceptos básicos
PPTX
Curso AngularJS - 4. filtros y servicios
PPTX
Validación de formularios
PPTX
Introducción a Knockout
PPTX
PPTX
Servicios web
Curso AngularJS - 6. formularios
Curso AngularJS - 2. conceptos básicos
Curso AngularJS - 4. filtros y servicios
Validación de formularios
Introducción a Knockout
Servicios web

La actualidad más candente (20)

PPTX
El patrón MVC
PDF
Calculadora Gráfica Java implementando el Patrón MVC
PPTX
Curso AngularJS - 7. temas avanzados
PPTX
Modelo vista controlador
ODP
Arquitectura Mvc
PDF
MODELO VISTA CONTROLADOR EN PHP
PPT
Patrón MVC
PPTX
Introduccion a AngularJS
PPTX
JQuery Deferred
PDF
Modelo, vista, controlador
PPTX
Curso AngularJS - 3. módulos y controladores
PPTX
patron-mvc
PPTX
Introducción a Backbone
PPTX
Javascript + Angular Sesion 3
PDF
JavaFX 2
PDF
Angular js
PDF
Taller MVC
PPTX
Modelo vistacontrolador
DOCX
Modelo vista controlador
El patrón MVC
Calculadora Gráfica Java implementando el Patrón MVC
Curso AngularJS - 7. temas avanzados
Modelo vista controlador
Arquitectura Mvc
MODELO VISTA CONTROLADOR EN PHP
Patrón MVC
Introduccion a AngularJS
JQuery Deferred
Modelo, vista, controlador
Curso AngularJS - 3. módulos y controladores
patron-mvc
Introducción a Backbone
Javascript + Angular Sesion 3
JavaFX 2
Angular js
Taller MVC
Modelo vistacontrolador
Modelo vista controlador
Publicidad

Destacado (20)

PDF
Aplicaciones web
PPT
Iniciando com jQuery
PPTX
Introdução ao AngularJS!
PDF
Tutorial AngularJS - episódio 5 - diretivas
PPTX
JavaScript - Date
PDF
O Poderoso AngularJS
PPTX
AngularJS - 10 passos para aprender a criar suas directivas
PDF
Angular js
PPTX
Aplicando filtros com AngularJS
PPTX
Scope AngularJS
PPTX
Criando Filtros com AngularJS
PPTX
Automação de Testes com AngularJS
PDF
HTTP Interceptors com AngularJS
PDF
AngularJS Abraçando o MVC Client-Side
PPTX
JavaScript - Expressões Regulares
PPTX
Angular js tutorial slides
PPTX
Utilizando diretivas com AngularJS
PPTX
Criando aplicações Single-Page com AngularJS
PDF
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...
PPTX
Introdução ao desenvolvimento front end usando bootstrap e angular js
Aplicaciones web
Iniciando com jQuery
Introdução ao AngularJS!
Tutorial AngularJS - episódio 5 - diretivas
JavaScript - Date
O Poderoso AngularJS
AngularJS - 10 passos para aprender a criar suas directivas
Angular js
Aplicando filtros com AngularJS
Scope AngularJS
Criando Filtros com AngularJS
Automação de Testes com AngularJS
HTTP Interceptors com AngularJS
AngularJS Abraçando o MVC Client-Side
JavaScript - Expressões Regulares
Angular js tutorial slides
Utilizando diretivas com AngularJS
Criando aplicações Single-Page com AngularJS
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...
Introdução ao desenvolvimento front end usando bootstrap e angular js
Publicidad

Similar a Curso AngularJS - 1. introducción (20)

PDF
Modelo-Vista-Controlador(Arquitectura) (MVC)
PDF
Arquitectura Cliente-Servidor
PDF
Modelo vista controlador
PPTX
Asp.net mvc
PPTX
Desarrollo de Aplicaciones Web con ASP.NET MVC5
PPTX
Modelo vistacontrolador
PPTX
MODELO VISTA CONTROLADOR
PPTX
MVC - (Spanish)
PPTX
Patron y Arquitectura para las grandes empresas
ODP
Spring Mvc Final
DOCX
Arquitectura3 capas
PPTX
SESION 8(1).pptxytrjrjyrjyrjyrtj4ryhbrbrjnhryj
PPTX
Presentación MVC
PDF
Introducción a ASP.NET MVC
PPTX
Arquitectura cliente
PPT
Struts en Java
PDF
Organizador modelos asp.net
PDF
ASP.NET MVC - Introducción a ASP.NET MVC
PPTX
Clase_MVC_I.pptx
Modelo-Vista-Controlador(Arquitectura) (MVC)
Arquitectura Cliente-Servidor
Modelo vista controlador
Asp.net mvc
Desarrollo de Aplicaciones Web con ASP.NET MVC5
Modelo vistacontrolador
MODELO VISTA CONTROLADOR
MVC - (Spanish)
Patron y Arquitectura para las grandes empresas
Spring Mvc Final
Arquitectura3 capas
SESION 8(1).pptxytrjrjyrjyrjyrtj4ryhbrbrjnhryj
Presentación MVC
Introducción a ASP.NET MVC
Arquitectura cliente
Struts en Java
Organizador modelos asp.net
ASP.NET MVC - Introducción a ASP.NET MVC
Clase_MVC_I.pptx

Más de Álvaro Alonso González (17)

PPTX
Adding identity management and access control to your app
PPTX
KeyRock and Wilma - Openstack-based Identity Management in FIWARE
PPTX
Curso AngularJS - 5. rutas
PPTX
Lesson 6 - How to register your sensors in account portal
PPTX
Lesson 5 - Installing Keyrock in your own infrastructure
PPTX
Keyrock - Lesson 3. Applications. How to create OAuth2 tokens.
PPTX
Keyrock - Lesson 1. Introduction
PPTX
Cloud Portal - Lesson 5. Advanced tasks
PPTX
Cloud Portal - Lesson 4. Managing Storage
PPTX
Cloud Portal - Lesson 2. Cloud Portal Overview
PPTX
Cloud Portal - Lesson 1. Introduction
PPTX
Cloud Portal - Lesson 3. Launching an Instance
PPTX
Primeros pasos con Docker
PDF
Introducción al Protocolo OAuth 2.0
PPTX
Adding Identity Management and Access Control to your Application
PPTX
Adding Identity Management and Access Control to your Application - Exersices
PPTX
Setting Up your Cloud Environment using the FIWARE Lab Cloud Portal
Adding identity management and access control to your app
KeyRock and Wilma - Openstack-based Identity Management in FIWARE
Curso AngularJS - 5. rutas
Lesson 6 - How to register your sensors in account portal
Lesson 5 - Installing Keyrock in your own infrastructure
Keyrock - Lesson 3. Applications. How to create OAuth2 tokens.
Keyrock - Lesson 1. Introduction
Cloud Portal - Lesson 5. Advanced tasks
Cloud Portal - Lesson 4. Managing Storage
Cloud Portal - Lesson 2. Cloud Portal Overview
Cloud Portal - Lesson 1. Introduction
Cloud Portal - Lesson 3. Launching an Instance
Primeros pasos con Docker
Introducción al Protocolo OAuth 2.0
Adding Identity Management and Access Control to your Application
Adding Identity Management and Access Control to your Application - Exersices
Setting Up your Cloud Environment using the FIWARE Lab Cloud Portal

Último (20)

PDF
clase auditoria informatica 2025.........
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PPTX
Presentación de Redes de Datos modelo osi
PDF
informe_fichas1y2_corregido.docx (2) (1).pdf
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PDF
Influencia-del-uso-de-redes-sociales.pdf
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPTX
Curso de generación de energía mediante sistemas solares
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PDF
SAP Transportation Management para LSP, TM140 Col18
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PDF
Diapositiva proyecto de vida, materia catedra
PDF
Maste clas de estructura metálica y arquitectura
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PDF
CyberOps Associate - Cisco Networking Academy
clase auditoria informatica 2025.........
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
Presentación de Redes de Datos modelo osi
informe_fichas1y2_corregido.docx (2) (1).pdf
TRABAJO DE TECNOLOGIA.pdf...........................
Zarate Quispe Alex aldayir aplicaciones de internet .docx
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Presentación PASANTIAS AuditorioOO..pptx
Influencia-del-uso-de-redes-sociales.pdf
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Curso de generación de energía mediante sistemas solares
Power Point Nicolás Carrasco (disertación Roblox).pptx
SAP Transportation Management para LSP, TM140 Col18
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Diapositiva proyecto de vida, materia catedra
Maste clas de estructura metálica y arquitectura
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
CyberOps Associate - Cisco Networking Academy

Curso AngularJS - 1. introducción

Notas del editor

  • #13: Sabe Javascript el tio que lo programa??
  • #15: Angular más antiguo que backbone pero empezó a subir cuando lo empezó a mantener google