GraphQL | Introducción Práctica a GraphQL con Nodejs y Express

Поделиться
HTML-код
  • Опубликовано: 23 янв 2018
  • Aprende a implementar la solución desarrollada por Facebook para manejar tus datos de manera sencilla en el backend y en el frontend, siendo una propuesta alternativa a las REST APIs.
    Con GraphQL puedes hacer una sola consulta para obtener los datos que necesitas para tu aplicación, y en este ejemplo crearemos una aplicación haciendo uso de Nodejs y Express.
    CÓDIGO FINAL DEL PROYECTO:
    github.com/FaztWeb/graphql-co...
    CURSO DE EXPRESS
    • Express | Node.js Fram...
    VISITA MI SITIO WEB: PARA MÁS CURSOS Y TUTORIALES
    www.faztweb.com
    blog.faztweb.com
    SIGUE A FAZTWEB.COM:
    / fazttech
    / fazttech
    gitter.im/FaztTech/
    goo.gl/q5UAoo

Комментарии • 89

  • @user-ss9cg1qk1i
    @user-ss9cg1qk1i 6 лет назад +79

    100% don't understand the language. But I still can follow the tutorial. Thanks a lot.

  • @enjoyer____9685
    @enjoyer____9685 3 года назад +26

    Para usar la interfaz grafica de graphql se debe declarar ahora asi:
    const { graphqlHTTP } = require('express-graphql');

  • @_jerl_
    @_jerl_ 6 лет назад +4

    Eres una estrella del rock! gracias por los videos

  • @EleazarOtonielGaitanMunoz
    @EleazarOtonielGaitanMunoz 5 лет назад

    Mi estimado, le felicito, muchas gracias por este tutorial. En pocos minutos ya tengo una idea de como funciona graphql

  • @oduber.vasquez
    @oduber.vasquez 6 лет назад +2

    Excelente amigo!! esperaremos el curso completo de GraphQL. saludos

  • @nelson3391
    @nelson3391 5 лет назад

    Es un ejemplo muy práctico y claro. Muchas gracias. Me ayudó a aclarar dudas.

  • @Luism-tz2ey
    @Luism-tz2ey 5 лет назад +2

    fazt siempre te rifas con tus explicaciones !!!

  • @jefjef418
    @jefjef418 4 года назад

    Sos grande fazt, sabelo, fuiste la primera persona de la que aprendí nodejs y ahora vivo de esto.

  • @sebastianolivera3124
    @sebastianolivera3124 5 лет назад +1

    Hola Fazt, no me he perdido ningun video, la verdad que da gusto lo que sabes y como lo explicas, los ejemplos practicos son de lo mejor!!
    Quisiera ver videos de como organizar la arquitectura de una app con muchas clases, mucha logica y separada en backend, frontend, explicado de como funciona toda la logica del proyecto, ya sea uso de interface, etc. Gracias espero leas y nos ayudes!!

  • @Ineedyou_m83
    @Ineedyou_m83 6 лет назад

    Gracias por el video man, ni bien llegue del trabajo mañana lo veo completo :D seguro que estará muy bueno.

  • @14silber
    @14silber 6 лет назад

    Excelente explicas muy bien gracias por compartir :)

  • @imsergiohere
    @imsergiohere 6 лет назад +1

    Muy buen video, gracias!

  • @hastaquedanielologre
    @hastaquedanielologre 6 лет назад

    El curso que esperaba I love you

  • @lukslda1
    @lukslda1 4 года назад

    Muchas gracias! muy util y bien explicado.

  • @higiniofuentes2551
    @higiniofuentes2551 4 года назад

    Muy bien explicado, gracias!

  • @arielespinoza1920
    @arielespinoza1920 6 лет назад

    Excelente. .. como siempre crack

  • @andresmontoya7852
    @andresmontoya7852 6 лет назад

    Muy bueno! Muchas gracias

  • @victorliendo2010
    @victorliendo2010 3 года назад

    Felicitaciones FAZT desde Vzla....

  • @anroswell
    @anroswell 5 лет назад

    Fazt excelente explicación primer vídeo practico q veo del tema y me pareció interesante, ojala puedes hacerlo con conexión a una base de datos, si es q ya no lo tienes jajajajaj, ya q veo esto fue hace 1 año.

  • @milzudelgon9501
    @milzudelgon9501 6 лет назад +1

    Muchas gracias.

  • @douglasjoel3629
    @douglasjoel3629 4 года назад

    Excelente Fazt!!!

  • @gabrielroomvm6209
    @gabrielroomvm6209 6 лет назад +1

    Hola Fatzt! Me encantan tus videos, los llevo siguiendo desde hace un tiempo y me han ayudado mucho.
    Gracias a tus videos he pasado de no saber ni papa de programacion a por lo menos saber de lo que se esta hablando en la clase jajaja.
    Si me dejas dejarte una observacion como alumno te pediria que admitas cuando te equivocas. Cuando te sale una respuesta que no era la que esperabas se nota y lo unico que consigues es confundirnos en ocasiones.
    Saludos.

    • @FaztTech
      @FaztTech  6 лет назад

      muy buena recomendación Gabriel. Un Saludo :)

  • @fersilent3884
    @fersilent3884 3 года назад

    Gracias excelente video

  • @zeroedcode
    @zeroedcode 5 лет назад

    Excellent, thanks!

  • @Geekne18
    @Geekne18 5 лет назад +2

    Gracias!

  • @giancarloariassilva7661
    @giancarloariassilva7661 4 года назад

    Hola Fazt, podrás hacer un tutorial sobre visualización de bases de datos de grafos? Tipo social network. Lo escuché en una clase de bases de datos NoSQL, y me dio mucha curiosidad por los componentes que usa como Vertex y Edge. Usando Apache TinkerPop & Gremlin Query Language. Saludos.

  • @fremeto
    @fremeto 5 лет назад

    Para que sirve Apollo que he visto que lo usan junto con VUEjs y GraphQL?

  • @joseramon1017
    @joseramon1017 5 лет назад

    GraphQL o apiREST? Estoy empezando a estudiar estos temas... gracias por el aporte 🖖

  • @mauricioadolfozabalarojas7134
    @mauricioadolfozabalarojas7134 6 лет назад +10

    Muy buen video, felicidades!
    Sería ideal un CRUD desde Vuejs o Angular y MySQL.

  • @ricardopalma8889
    @ricardopalma8889 6 лет назад +3

    Se agradece la explicación. Lo que me gustaría saber es cómo se haría cuando se trabaja con modelos embebidos. Saludos y gracias.

  • @w-varg
    @w-varg 5 лет назад +3

    FAzt, video of Django With graphQL, pliss

  • @Kordata
    @Kordata 5 лет назад +1

    Good!

  • @josueguitar100
    @josueguitar100 6 лет назад +1

    Buen video Fazt, me gustaria que pudieras hacer un curso de GraphQL creando una aplicacion mucho mas compleja. Usando MEAN seria chevere. Saludos !

  • @atpayero
    @atpayero 5 лет назад +4

    Excelente, seria interesante ver un ejemplo Graphql con SQL Server, ya que casi todos los ejemplos son con MongoDB o MySql. Utilizando NuxtJs o Vuejs.

    • @RodolfoEscalante13496
      @RodolfoEscalante13496 4 года назад

      Pero eso lo resuelves en tu capa de datos de SQL Server amigo, ya sea como lo hagas obtienes la informacion en tus resolvers. Yo tambien soy nuevo en GraphQL pero ya ando implementandolo junto a SQL Server como DB consumiendo procedimientos almacenados.

    • @fer152545
      @fer152545 4 года назад

      @@RodolfoEscalante13496 Como sonsumes los procedimientos almacenados, lo he intentado y no he podido, no quiero traer todos los datos sin relacionar y despues hacer las relaciones desde el backend

    • @fer152545
      @fer152545 4 года назад

      @@RodolfoEscalante13496 Y lo bueno de realizarlo por porcedimientos almacenados es que las consultas en GraphQL no serian complicadas

    • @RodolfoEscalante13496
      @RodolfoEscalante13496 4 года назад

      @@fer152545 Es cuestión de estructurar tu proyecto, ya se que este en otra carpeta, importas tus métodos, clases y/o funciones en tu archivo de resolvers y listo. Estos siempre deben ir en una carpeta aparte, busca información con el módulo nativo de mssql de npm, yo hice mi capa datos con eso.

    • @RodolfoEscalante13496
      @RodolfoEscalante13496 4 года назад

      Ya en cómo realizarlo queda en la lógica que tu puedas aportar a tu acceso a datos mediante procedimientos almacenados, no todo es jalar librerías amigo 😅

  • @ricardotovar4597
    @ricardotovar4597 4 года назад

    Buen video, habra algun video de graphql con angular :C ?

  • @danielcalle9700
    @danielcalle9700 5 лет назад +1

    Amigo bien que distro de ubunto utilizas gracias

    • @FaztTech
      @FaztTech  5 лет назад +1

      En este video estas viendo Ubuntu Mate, es más ligero que Ubuntu, aunque actualmente estoy utilizando Linux Lite. :)

  • @jorgebernal8459
    @jorgebernal8459 5 лет назад

    Hola, excelente video. gracias. Tb podrias usar el metodo .find(r => r.id === id), (Minuto 25:39). Slds

  • @AlexisSniffer
    @AlexisSniffer 6 лет назад +1

    Porque no usas apollo? Que diferencia tiene ese modulo que usas. Tengo esa duda.

    • @markdrew53
      @markdrew53 6 лет назад

      Aqui la diferencia podria ser que no tienes la ventajas del manejo del cache etc, al no usar el stack de Apollo Server. Francamente no entiendo porque no lo uso.

  • @isaiasleonardobrito
    @isaiasleonardobrito 3 года назад

    El mutation alguien logro hacerlo funcionar? a mi me devuelve un null
    {
    "data": {
    "updateCourseTopic": null
    }
    }

  • @origimario
    @origimario 6 лет назад +13

    Fazt .. Vue.js + Apollo + GraphQl .. un vídeo porfa!

    • @andresmontoya7852
      @andresmontoya7852 6 лет назад +5

      Marius fdz y también con React :p

    • @markdrew53
      @markdrew53 6 лет назад

      Para eso estaria Apollo Client, react-apollo etc. Es algo facil de usar :)

    •  5 лет назад

      + AdonisJS

    • @mariomartinezsoto
      @mariomartinezsoto 5 лет назад

      @@andresmontoya7852 si tienes razon

    • @abrahamcordero2260
      @abrahamcordero2260 4 года назад

      no se que es apollo lo busco en google y salen otras cosas

  • @joseagustinnarvaezrivera1155
    @joseagustinnarvaezrivera1155 5 лет назад

    Devuelto* jeje soy muy fijado, pero ante todo gracias muy buena explicacion

  • @jesusrojas3797
    @jesusrojas3797 5 лет назад

    Tu explicación es muy buena y completa, pero sinceramente que complicado se me hace, ahora ver como lo mezclo con React y redux

  • @enzofranchescoli3147
    @enzofranchescoli3147 3 года назад +3

    Buen dia, por favor necesito ayuda me genera un error en linea 19: C:\Users
    afar\Desktop\graphql-server\index.js:19
    app.use('/graphql', express_graphql({
    ^
    TypeError: express_graphql is not a function
    la vedad que no encuentro el error. y no me deja seguir. Muchas gracias!

    • @ernestocortesgarcia6182
      @ernestocortesgarcia6182 3 года назад +3

      tuve el mismo problema y me encontré con esta información espero que te sea de utilidad c:
      stackoverflow.com/questions/62760975/graphqlhttp-is-not-a-function

    • @isaiasleonardobrito
      @isaiasleonardobrito 3 года назад

      funciona gracias

  • @juenjos3912
    @juenjos3912 Год назад

    El mismo código caracter por caracter y da error...

  • @sebastianveloza4384
    @sebastianveloza4384 3 года назад

    Como agregar una nuevo curso a traves de graphql

  • @LuisEnrique-ob8sk
    @LuisEnrique-ob8sk 4 года назад

    y por que confiar en GraphQL si es de Facebook ? ya que facebook tiene mala fama por compartir información privada de sus usuarios... será seguro usar GraphQL ?

  • @HappyMoonHumans
    @HappyMoonHumans 5 лет назад

    Me conformo con un curso de GraphQL

  • @esequielerick6547
    @esequielerick6547 6 лет назад +4

    Primer comentario , pero ella me quiere solo como amigo

  • @derloopkat
    @derloopkat 5 лет назад

    Lo que est'ás describiendo es similar a ODATA, o sea que Facebook decidieron reinventar la rueda. Y eso de que es "open source" habrá quetomarlo con pinzas porque lo mismo dijeron sobre React y después resultó que había una licencia sobre derechps de autor. Entonces no es "open source", Facebook tiene los derechos.

  • @isaiasleonardobrito
    @isaiasleonardobrito 3 года назад

    Si el getCourses les devuelve el arreglo completo y no filtrado hay que cambiar el nombre de la variable topic por un nombre diferente
    let getCourses = (args) => {
    if(args.topic) {
    let topico = args.topic;
    return courses.filter(course => course.topic === topico)
    }else {
    return courses;
    }
    }

  • @devkyo9799
    @devkyo9799 6 лет назад +1

    :D

  • @internoma
    @internoma 5 лет назад

    La introducción muy interesante, gracias. Pero hacer un array.find() con un array.filter() no tiene perdón, han muerto gatitos por eso. :P

  •  4 года назад

    Angular + GraphQL + NodeJS + Express

  • @ThePoyito007
    @ThePoyito007 3 года назад +2

    "me ha DEVOLVIDO los datos" 30:53

  • @christianguerrero4298
    @christianguerrero4298 2 года назад

    Blah, blah, blah...