Enviar pesquisa
Carregar
18 19 aplicaciones web modernas con javascript
•
0 gostou
•
4,563 visualizações
Software Guru
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 44
Baixar agora
Baixar para ler offline
Recomendados
De Forms a Oracle Fusion Middleware
De Forms a Oracle Fusion Middleware
JC_Diaz_Belmonte
Spring boot Introduction
Spring boot Introduction
Jeevesh Pandey
Como Documentar Casos De Uso
Como Documentar Casos De Uso
Universidad Nacional de Frontera
Sync - Async.pptx
Sync - Async.pptx
Arturo Guillén
Springboot Microservices
Springboot Microservices
NexThoughts Technologies
Soap vs rest
Soap vs rest
Antonio Severien
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
Germán Sánchez
JavaScript
JavaScript
Jorge Armando Rocha Mendoza
Recomendados
De Forms a Oracle Fusion Middleware
De Forms a Oracle Fusion Middleware
JC_Diaz_Belmonte
Spring boot Introduction
Spring boot Introduction
Jeevesh Pandey
Como Documentar Casos De Uso
Como Documentar Casos De Uso
Universidad Nacional de Frontera
Sync - Async.pptx
Sync - Async.pptx
Arturo Guillén
Springboot Microservices
Springboot Microservices
NexThoughts Technologies
Soap vs rest
Soap vs rest
Antonio Severien
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
Germán Sánchez
JavaScript
JavaScript
Jorge Armando Rocha Mendoza
Comparación awt y java swing
Comparación awt y java swing
sebastiangalindob
Selenium Handbook
Selenium Handbook
Suresh Thammishetty
Historia de java script
Historia de java script
Francisco Javier Arce Anguiano
Modelado, Ingenieria de Software
Modelado, Ingenieria de Software
Universidad Politecnica Territorial de Merida, Kleber Ramirez
Módulo 7–Programación Web con Java.pdf
Módulo 7–Programación Web con Java.pdf
tripfrap
Reactjs workshop (1)
Reactjs workshop (1)
Ahmed rebai
JShell: An Interactive Shell for the Java Platform
JShell: An Interactive Shell for the Java Platform
JavaDayUA
Why Should we use Microsoft's Playwright
Why Should we use Microsoft's Playwright
Knoldus Inc.
JMeter: Análisis de Resultados.
JMeter: Análisis de Resultados.
José Urbano González Fernández
Spring boot introduction
Spring boot introduction
Rasheed Waraich
Anatomy of a Modern Node.js Application Architecture
Anatomy of a Modern Node.js Application Architecture
AppDynamics
Del modelo del negocio al modelo de requisitos
Del modelo del negocio al modelo de requisitos
YAMILA GASCON
REST APIs with Spring
REST APIs with Spring
Joshua Long
Soap Vs Rest
Soap Vs Rest
sreekveturi
Java script
Java script
Carlos Solano
Java EE Introduction
Java EE Introduction
ejlp12
Angular 6 - The Complete Guide
Angular 6 - The Complete Guide
Sam Dias
Spring MVC
Spring MVC
Aaron Schram
Java spring framework
Java spring framework
Rajiv Gupta
Microservices with Java, Spring Boot and Spring Cloud
Microservices with Java, Spring Boot and Spring Cloud
Eberhard Wolff
Aplicaciones Web Modernas con Javascript
Aplicaciones Web Modernas con Javascript
Jesús M. García Torres
Concurso juvenil agora 2016
Concurso juvenil agora 2016
Alfonso Cortes Alegre
Mais conteúdo relacionado
Mais procurados
Comparación awt y java swing
Comparación awt y java swing
sebastiangalindob
Selenium Handbook
Selenium Handbook
Suresh Thammishetty
Historia de java script
Historia de java script
Francisco Javier Arce Anguiano
Modelado, Ingenieria de Software
Modelado, Ingenieria de Software
Universidad Politecnica Territorial de Merida, Kleber Ramirez
Módulo 7–Programación Web con Java.pdf
Módulo 7–Programación Web con Java.pdf
tripfrap
Reactjs workshop (1)
Reactjs workshop (1)
Ahmed rebai
JShell: An Interactive Shell for the Java Platform
JShell: An Interactive Shell for the Java Platform
JavaDayUA
Why Should we use Microsoft's Playwright
Why Should we use Microsoft's Playwright
Knoldus Inc.
JMeter: Análisis de Resultados.
JMeter: Análisis de Resultados.
José Urbano González Fernández
Spring boot introduction
Spring boot introduction
Rasheed Waraich
Anatomy of a Modern Node.js Application Architecture
Anatomy of a Modern Node.js Application Architecture
AppDynamics
Del modelo del negocio al modelo de requisitos
Del modelo del negocio al modelo de requisitos
YAMILA GASCON
REST APIs with Spring
REST APIs with Spring
Joshua Long
Soap Vs Rest
Soap Vs Rest
sreekveturi
Java script
Java script
Carlos Solano
Java EE Introduction
Java EE Introduction
ejlp12
Angular 6 - The Complete Guide
Angular 6 - The Complete Guide
Sam Dias
Spring MVC
Spring MVC
Aaron Schram
Java spring framework
Java spring framework
Rajiv Gupta
Microservices with Java, Spring Boot and Spring Cloud
Microservices with Java, Spring Boot and Spring Cloud
Eberhard Wolff
Mais procurados
(20)
Comparación awt y java swing
Comparación awt y java swing
Selenium Handbook
Selenium Handbook
Historia de java script
Historia de java script
Modelado, Ingenieria de Software
Modelado, Ingenieria de Software
Módulo 7–Programación Web con Java.pdf
Módulo 7–Programación Web con Java.pdf
Reactjs workshop (1)
Reactjs workshop (1)
JShell: An Interactive Shell for the Java Platform
JShell: An Interactive Shell for the Java Platform
Why Should we use Microsoft's Playwright
Why Should we use Microsoft's Playwright
JMeter: Análisis de Resultados.
JMeter: Análisis de Resultados.
Spring boot introduction
Spring boot introduction
Anatomy of a Modern Node.js Application Architecture
Anatomy of a Modern Node.js Application Architecture
Del modelo del negocio al modelo de requisitos
Del modelo del negocio al modelo de requisitos
REST APIs with Spring
REST APIs with Spring
Soap Vs Rest
Soap Vs Rest
Java script
Java script
Java EE Introduction
Java EE Introduction
Angular 6 - The Complete Guide
Angular 6 - The Complete Guide
Spring MVC
Spring MVC
Java spring framework
Java spring framework
Microservices with Java, Spring Boot and Spring Cloud
Microservices with Java, Spring Boot and Spring Cloud
Destaque
Aplicaciones Web Modernas con Javascript
Aplicaciones Web Modernas con Javascript
Jesús M. García Torres
Concurso juvenil agora 2016
Concurso juvenil agora 2016
Alfonso Cortes Alegre
MeteoSIX - Building a Meteorological SDI for the region of Galicia (Spain)
MeteoSIX - Building a Meteorological SDI for the region of Galicia (Spain)
Xurxo Mendez Perez
Curso OpenLayers Xeoinquedos
Curso OpenLayers Xeoinquedos
Xurxo Mendez Perez
Desarrollo de aplicaciones multiplataforma 2/2
Desarrollo de aplicaciones multiplataforma 2/2
Ignacio Muñoz Vicente
Qué es tecnoparque
Qué es tecnoparque
tatagritoandino
Destaque
(6)
Aplicaciones Web Modernas con Javascript
Aplicaciones Web Modernas con Javascript
Concurso juvenil agora 2016
Concurso juvenil agora 2016
MeteoSIX - Building a Meteorological SDI for the region of Galicia (Spain)
MeteoSIX - Building a Meteorological SDI for the region of Galicia (Spain)
Curso OpenLayers Xeoinquedos
Curso OpenLayers Xeoinquedos
Desarrollo de aplicaciones multiplataforma 2/2
Desarrollo de aplicaciones multiplataforma 2/2
Qué es tecnoparque
Qué es tecnoparque
Semelhante a 18 19 aplicaciones web modernas con javascript
AJAX
AJAX
AdrianaBuenao1
Ajax
Ajax
jeci666h
Ajax
Ajax
Alma Peralta Xocua
Conceptos Introductorios Del Web 2
Conceptos Introductorios Del Web 2
Michelle Aguirre
Introduccion Ajax V1.0
Introduccion Ajax V1.0
Arnulfo Gomez
ajax
ajax
ariel442
Ajax
Ajax
Karito Mora Vargas
Conceptos acerca de Ajax
Conceptos acerca de Ajax
Alvaro Castillo
Uts Lenguaje Ajax
Uts Lenguaje Ajax
cristian giovanny arciniegas
Uts Lenguaje Ajax
Uts Lenguaje Ajax
cristian giovanny arciniegas
Ajax
Ajax
Stoker Stokanz
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
Karsarmi
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo Web
Plain Concepts
Javascript
Javascript
angie barre
Ajax Atlas
Ajax Atlas
Vicente Ordonez
Ajax
Ajax
Edsel Barbosa González
Jc Web2.0 Java Ee5 Net Beans
Jc Web2.0 Java Ee5 Net Beans
vicosw
Curso ajax
Curso ajax
Angel Ruiz
TEMA Nº 1: INTRODUCCIÓN A J2EE
TEMA Nº 1: INTRODUCCIÓN A J2EE
anyeni
TEMA Nº 1: INTRODUCCIÓN A J2EE
TEMA Nº 1: INTRODUCCIÓN A J2EE
Anyeni Garay
Semelhante a 18 19 aplicaciones web modernas con javascript
(20)
AJAX
AJAX
Ajax
Ajax
Ajax
Ajax
Conceptos Introductorios Del Web 2
Conceptos Introductorios Del Web 2
Introduccion Ajax V1.0
Introduccion Ajax V1.0
ajax
ajax
Ajax
Ajax
Conceptos acerca de Ajax
Conceptos acerca de Ajax
Uts Lenguaje Ajax
Uts Lenguaje Ajax
Uts Lenguaje Ajax
Uts Lenguaje Ajax
Ajax
Ajax
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo Web
Javascript
Javascript
Ajax Atlas
Ajax Atlas
Ajax
Ajax
Jc Web2.0 Java Ee5 Net Beans
Jc Web2.0 Java Ee5 Net Beans
Curso ajax
Curso ajax
TEMA Nº 1: INTRODUCCIÓN A J2EE
TEMA Nº 1: INTRODUCCIÓN A J2EE
TEMA Nº 1: INTRODUCCIÓN A J2EE
TEMA Nº 1: INTRODUCCIÓN A J2EE
Mais de Software Guru
Hola Mundo del Internet de las Cosas
Hola Mundo del Internet de las Cosas
Software Guru
Estructuras de datos avanzadas: Casos de uso reales
Estructuras de datos avanzadas: Casos de uso reales
Software Guru
Building bias-aware environments
Building bias-aware environments
Software Guru
El secreto para ser un desarrollador Senior
El secreto para ser un desarrollador Senior
Software Guru
Cómo encontrar el trabajo remoto ideal
Cómo encontrar el trabajo remoto ideal
Software Guru
Automatizando ideas con Apache Airflow
Automatizando ideas con Apache Airflow
Software Guru
How thick data can improve big data analysis for business:
How thick data can improve big data analysis for business:
Software Guru
Introducción al machine learning
Introducción al machine learning
Software Guru
Democratizando el uso de CoDi
Democratizando el uso de CoDi
Software Guru
Gestionando la felicidad de los equipos con Management 3.0
Gestionando la felicidad de los equipos con Management 3.0
Software Guru
Taller: Creación de Componentes Web re-usables con StencilJS
Taller: Creación de Componentes Web re-usables con StencilJS
Software Guru
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
Software Guru
¿Qué significa ser un programador en Bitso?
¿Qué significa ser un programador en Bitso?
Software Guru
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Software Guru
Pruebas de integración con Docker en Azure DevOps
Pruebas de integración con Docker en Azure DevOps
Software Guru
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
Software Guru
Así publicamos las apps de Spotify sin stress
Así publicamos las apps de Spotify sin stress
Software Guru
Achieving Your Goals: 5 Tips to successfully achieve your goals
Achieving Your Goals: 5 Tips to successfully achieve your goals
Software Guru
Acciones de comunidades tech en tiempos del Covid19
Acciones de comunidades tech en tiempos del Covid19
Software Guru
De lo operativo a lo estratégico: un modelo de management de diseño
De lo operativo a lo estratégico: un modelo de management de diseño
Software Guru
Mais de Software Guru
(20)
Hola Mundo del Internet de las Cosas
Hola Mundo del Internet de las Cosas
Estructuras de datos avanzadas: Casos de uso reales
Estructuras de datos avanzadas: Casos de uso reales
Building bias-aware environments
Building bias-aware environments
El secreto para ser un desarrollador Senior
El secreto para ser un desarrollador Senior
Cómo encontrar el trabajo remoto ideal
Cómo encontrar el trabajo remoto ideal
Automatizando ideas con Apache Airflow
Automatizando ideas con Apache Airflow
How thick data can improve big data analysis for business:
How thick data can improve big data analysis for business:
Introducción al machine learning
Introducción al machine learning
Democratizando el uso de CoDi
Democratizando el uso de CoDi
Gestionando la felicidad de los equipos con Management 3.0
Gestionando la felicidad de los equipos con Management 3.0
Taller: Creación de Componentes Web re-usables con StencilJS
Taller: Creación de Componentes Web re-usables con StencilJS
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
¿Qué significa ser un programador en Bitso?
¿Qué significa ser un programador en Bitso?
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Pruebas de integración con Docker en Azure DevOps
Pruebas de integración con Docker en Azure DevOps
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
Así publicamos las apps de Spotify sin stress
Así publicamos las apps de Spotify sin stress
Achieving Your Goals: 5 Tips to successfully achieve your goals
Achieving Your Goals: 5 Tips to successfully achieve your goals
Acciones de comunidades tech en tiempos del Covid19
Acciones de comunidades tech en tiempos del Covid19
De lo operativo a lo estratégico: un modelo de management de diseño
De lo operativo a lo estratégico: un modelo de management de diseño
18 19 aplicaciones web modernas con javascript
1.
2.
AGENDA Javascript Aplicaciones web Aplicaciones web modernas WAI - ARIA SPA MEAN Stack Automatización
3.
4.
JAVASCRIPT Un lenguaje dinámico Ligero y rápido Multi plataforma Sin tipado Scripting
5.
JAVASCRIPT Se ejecuta en el cliente Se ejecuta en el servidor Lenguaje subestimado
6.
"It's the only language that I'm aware of that people feel that they don't need to learn it before they start using it." Douglas Crockford about JavaScript
7.
APLICACIONES WEB (Vieja escuela) 1. Se ejecutan operaciones en el servidor 2. El servidor devuelve una respuesta 3.
Se muestra la respuesta 1. Recargando la página 2. Vía Asíncrona (AJAX)
8.
APLICACIONES WEB (Vieja escuela) 1. El servidor toma un papel de "Dios". 1. Manejo envio de peticiones 2.
Procesa la información 3. Realiza operaciones con los datos enviados 4. Realizad operaciones en base de datos 5. Envía al cliente la respuesta, muchas veces con estructura.
9.
APLICACIONES WEB MODERNAS Experiencia de usuario superior Múltiples componentes interactuando. Evitar recarga completa de páginas o secciones. Código que toma ventaja de mecanismos comunes.
10.
APLICACIONES WEB MODERNAS Modelos como única fuente de datos Vistas que observan cambios en el modelo DOM de solo escritura.
11.
W3C WAI - ARIA The Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.
12.
SPA "Single page application, se ejecuta el flujo en una sola página, logrando una experiencia de usuario más cercana a una aplicación de escritorio"
13.
SPA Mueve la lógica desde el servidor al cliente. El rol del servidor web evoluciona. Funcionamiento como API de datos pura o servicios web. El protagonismo está del lado cliente (Javascript rules…)
14.
15.
16.
MEAN STACK
17.
Base de datos no relacional (NoSQL) Estructura basada en documentos JSON en forma binaria (BSON) Se pueden ejecutar operaciones Javascript Flexibilidad. Drivers para manejo con Node.Js
18.
Nodejs Framework Servidor HTTP APIS REST
19.
Framework JS para el cliente MVC SPA Soportado por Google Modelos Promesas Controladores
20.
Entorno de desarrollo Js Basado en V8 No bloqueante Manejo de eventos Aplicaciones real time
21.
AUTOMATIZACIÓN DE PROCESOS YEOMAN
22.
YEOMAN Workflow de desarrollo estandarizado Manejo de configuraciones entre ambiente Generador de aplicaciones Tareas automatizadas Construcción, previsualización y pruebas. Manejo de dependencias utilizadas
23.
INSTALACIÓN Instalación de Yeoman npm install -g yo Instalar un generador de aplicaciones npm install -g generator-webapp
24.
USO DE YEOMAN EN UN PROYECTO yo webapp Añadir una dependencia a un proyecto bower install underscore Deploy del proyecto grunt
25.
MEAN STACK EJEMPLO
26.
SCAFFOLDING DEL PROYECTO
27.
Generamos el proyecto con npm install -g generator-angular-fullstack Crear una carpeta donde almacenaras el proyecto ejemplo proyectos/awm-ejemplo mkdir proyectos/awm-ejemplo && cd $_ yo angular-fullstack
28.
29.
30.
31.
Ejecutamos grunt serve Antes de ejecutar el comando anterior, se asume que se cuenta con mongoDB instalado y configurado. Y que esta levantado el servicio de mongoDB mongod
32.
33.
34.
35.
ESTRUCTURA
36.
Como funciona angular
37.
SE CONFIGURAN LAS RUTAS
38.
CONTROLADORES Y MODELOS
39.
MODELOS El modelo es: Donde awesomeThings, es la respuesta de la promesa que se lleva a cabo. $scope.awesomeThings = awesomeThings
40.
PROMESAS
41.
USANDO LAS PROMESAS
42.
Puedes bajar este ejemplo de github: git clone https://github.com/gartox/sgvirtual-awmjs.git
43.
GRACIAS Preguntas ¿?
Baixar agora