SlideShare una empresa de Scribd logo
1 de 18
Desarrollemos nuestra primera
aplicación .NET con GraphQL
Acerca de mi
Maestría en Tecnologías Web y Dispoitivos Móviles - DeLaSalleBajio
Maestría en Gestión de Proyectos - UEM
Profesor de la Universidad De La Salle Bajío (Nivel Maestría y Licenciatura)
Profesor de La Salle Open University de Andorra (Nivel Licenciatura)
Coordinador de la Ingeniería de Software y Sistemas Computacionales de la Universidad De La Salle Bajío.
Desarrollador de aplicaciones web y móvil
Agenda
¿Qué es Graphql?
GraphQL vs API REST.
Estructura de GraphQL.
Querys, Mutations, suscription.
Fragments.
DEMO.
¿Qué es Graphql?
Graphql es una especificación que describe un lenguaje de consulta
declarativa en el que los clientes web y móviles pueden usar para solicitar a una API
los datos exactos que desean.
Esto se logra mediante la creación de un esquema fuertemente tipado para su API, la
máxima flexibilidad en cómo su API puede resolver datos y consultas de clientes
validadas contra su esquema.
¿Cómo surge Graphql?
GraphQL fue desarrollado internamente por Facebook en 2012 antes de ser liberado
públicamente en 2015.​ El 7 de noviembre de 2018, el proyecto GraphQL fue
transferido de Facebook a la recién establecida Fundación GraphQL, alojada por la
Fundación Linux.
Nota: Es independiente de tu base de datos y de tu lenguaje de programación.
¿Quiénes usan Graphql?
¿Lenguajes de programacion que se
puede usar Graphql?
Aproximadamente mas de 20 lenguajes.
JAVA
C#
NODEJS
PHP
JAVA SCRIPT
Entre otros.
GraphQL vs API REST.
Forma estructurada de acceder a la
información.
Es estricto en especificación pero
esto fue parcialmente adoptado.
Requerimientos rápidos del lado
del cliente no se adaptan bien a la
naturaleza estática de Rest.
Las consultas se hacen en varios
endpoints(url).
Descarga información innecesaria.
Se deben hacer consultas a varios
endpoints(url) para obtener la
información que se esta buscando.
Graphql utiliza un sistema
fuertenementetipado para
definir las capacidades de una
API.
Los esquemas (schemas) sirven
como un contrato entre el
cliente y el servidor.
El Front end y el Back end
pueden trabajar completamente
independiente.
Enlace
Preguntas
¿Graphql sustituye a las API
REST?
¿Puedo utilizar GraphQL en una
API REST?
¿Ya no debo aprender API REST
o gRPC?
Estructura GraphQL
GraphQL se basa en enviar las
peticiones por medio de consultas, se
tienen 3 tipos:
Query: Para consultar inofrmación
Mutation: Para modificar
información (crear, borrar, modificar)
Subscription: Para WebSockets (con
WebSockets puedes por ejemplo
recibir notificaciones cuando ocurre
algún evento)
Campos
Argumentos
Fragments
Mutations
Explicación Demo
Datos de contacto
fhernandezpalafox
@FelipeHPalafox
felipehernandezpalafox
¡Gracias!
Muchas gracias por su atención

Más contenido relacionado

Similar a Charla graphQL con .net latinonetonline

Desarrollo de Aplicaciones Web II - Sesión 01 - Introducción
Desarrollo de Aplicaciones Web II - Sesión 01 - IntroducciónDesarrollo de Aplicaciones Web II - Sesión 01 - Introducción
Desarrollo de Aplicaciones Web II - Sesión 01 - Introducción
Didier Granados
 

Similar a Charla graphQL con .net latinonetonline (20)

Semana 7 Servicios Web REST con MongoDB final
Semana 7   Servicios Web REST con MongoDB finalSemana 7   Servicios Web REST con MongoDB final
Semana 7 Servicios Web REST con MongoDB final
 
Introdución a aplicaciones web en java
Introdución a aplicaciones web en java Introdución a aplicaciones web en java
Introdución a aplicaciones web en java
 
Introducción a la programacion.pdf
Introducción a la programacion.pdfIntroducción a la programacion.pdf
Introducción a la programacion.pdf
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Javascript y Jquery
Javascript y JqueryJavascript y Jquery
Javascript y Jquery
 
Registro en una página web para la renta de vehículos hecho en java.
Registro en una página web para la renta de vehículos hecho en java.Registro en una página web para la renta de vehículos hecho en java.
Registro en una página web para la renta de vehículos hecho en java.
 
API REST FOR THE BD2 DATABASE WITHIN THE IBM I SYSTEMS, USING THE PHP FRAMEWO...
API REST FOR THE BD2 DATABASE WITHIN THE IBM I SYSTEMS, USING THE PHP FRAMEWO...API REST FOR THE BD2 DATABASE WITHIN THE IBM I SYSTEMS, USING THE PHP FRAMEWO...
API REST FOR THE BD2 DATABASE WITHIN THE IBM I SYSTEMS, USING THE PHP FRAMEWO...
 
Tecnologías para paginas Dinamicas del lado del servidor
Tecnologías para paginas Dinamicas del lado del servidorTecnologías para paginas Dinamicas del lado del servidor
Tecnologías para paginas Dinamicas del lado del servidor
 
Tecnologias para paginas Web Dinamicas del lado del Servidor
Tecnologias para paginas Web Dinamicas del lado del ServidorTecnologias para paginas Web Dinamicas del lado del Servidor
Tecnologias para paginas Web Dinamicas del lado del Servidor
 
Introduccion Aplicaciones Web en java j2ee
Introduccion Aplicaciones Web en java j2ee Introduccion Aplicaciones Web en java j2ee
Introduccion Aplicaciones Web en java j2ee
 
GraphQL en .NET
GraphQL en .NETGraphQL en .NET
GraphQL en .NET
 
Curso CódigoK Back End (PHP + Laravel)
Curso CódigoK Back End (PHP + Laravel)Curso CódigoK Back End (PHP + Laravel)
Curso CódigoK Back End (PHP + Laravel)
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Desarrollo móvil híbrido bien entendido
Desarrollo móvil híbrido bien entendidoDesarrollo móvil híbrido bien entendido
Desarrollo móvil híbrido bien entendido
 
Act1 tecnologiaweb uni1
Act1 tecnologiaweb uni1Act1 tecnologiaweb uni1
Act1 tecnologiaweb uni1
 
Curso Superior de Desarrollo BackEnd II - CódigoK
Curso Superior de Desarrollo BackEnd II - CódigoK Curso Superior de Desarrollo BackEnd II - CódigoK
Curso Superior de Desarrollo BackEnd II - CódigoK
 
Áreas y lenguajes con mayor demanda. Data Science, Front-End ...etc
Áreas y lenguajes con mayor demanda. Data Science, Front-End ...etcÁreas y lenguajes con mayor demanda. Data Science, Front-End ...etc
Áreas y lenguajes con mayor demanda. Data Science, Front-End ...etc
 
Mobile App Architecture
Mobile App ArchitectureMobile App Architecture
Mobile App Architecture
 
Desarrollo de Aplicaciones Web II - Sesión 01 - Introducción
Desarrollo de Aplicaciones Web II - Sesión 01 - IntroducciónDesarrollo de Aplicaciones Web II - Sesión 01 - Introducción
Desarrollo de Aplicaciones Web II - Sesión 01 - Introducción
 
API Agregadas y Computo Masivo
API Agregadas y Computo MasivoAPI Agregadas y Computo Masivo
API Agregadas y Computo Masivo
 

Último

TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
UPSE
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
UPSE
 

Último (9)

Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxCiberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
 
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
 
Tipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfTipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdf
 
El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)
 
Modelado de Casos de uso del negocio
Modelado de  Casos  de  uso  del negocioModelado de  Casos  de  uso  del negocio
Modelado de Casos de uso del negocio
 
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
 
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptxCIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
 
Especificación casos de uso del negocio
Especificación  casos de uso del negocioEspecificación  casos de uso del negocio
Especificación casos de uso del negocio
 

Charla graphQL con .net latinonetonline

  • 2. Acerca de mi Maestría en Tecnologías Web y Dispoitivos Móviles - DeLaSalleBajio Maestría en Gestión de Proyectos - UEM Profesor de la Universidad De La Salle Bajío (Nivel Maestría y Licenciatura) Profesor de La Salle Open University de Andorra (Nivel Licenciatura) Coordinador de la Ingeniería de Software y Sistemas Computacionales de la Universidad De La Salle Bajío. Desarrollador de aplicaciones web y móvil
  • 3. Agenda ¿Qué es Graphql? GraphQL vs API REST. Estructura de GraphQL. Querys, Mutations, suscription. Fragments. DEMO.
  • 4. ¿Qué es Graphql? Graphql es una especificación que describe un lenguaje de consulta declarativa en el que los clientes web y móviles pueden usar para solicitar a una API los datos exactos que desean. Esto se logra mediante la creación de un esquema fuertemente tipado para su API, la máxima flexibilidad en cómo su API puede resolver datos y consultas de clientes validadas contra su esquema.
  • 5. ¿Cómo surge Graphql? GraphQL fue desarrollado internamente por Facebook en 2012 antes de ser liberado públicamente en 2015.​ El 7 de noviembre de 2018, el proyecto GraphQL fue transferido de Facebook a la recién establecida Fundación GraphQL, alojada por la Fundación Linux. Nota: Es independiente de tu base de datos y de tu lenguaje de programación.
  • 7. ¿Lenguajes de programacion que se puede usar Graphql? Aproximadamente mas de 20 lenguajes. JAVA C# NODEJS PHP JAVA SCRIPT Entre otros.
  • 8. GraphQL vs API REST. Forma estructurada de acceder a la información. Es estricto en especificación pero esto fue parcialmente adoptado. Requerimientos rápidos del lado del cliente no se adaptan bien a la naturaleza estática de Rest. Las consultas se hacen en varios endpoints(url). Descarga información innecesaria. Se deben hacer consultas a varios endpoints(url) para obtener la información que se esta buscando. Graphql utiliza un sistema fuertenementetipado para definir las capacidades de una API. Los esquemas (schemas) sirven como un contrato entre el cliente y el servidor. El Front end y el Back end pueden trabajar completamente independiente.
  • 10. Preguntas ¿Graphql sustituye a las API REST? ¿Puedo utilizar GraphQL en una API REST? ¿Ya no debo aprender API REST o gRPC?
  • 11. Estructura GraphQL GraphQL se basa en enviar las peticiones por medio de consultas, se tienen 3 tipos: Query: Para consultar inofrmación Mutation: Para modificar información (crear, borrar, modificar) Subscription: Para WebSockets (con WebSockets puedes por ejemplo recibir notificaciones cuando ocurre algún evento)