CursosEmpresasBlogLiveConfPrecios

Directivas

Clase 19 de 25 • Curso Práctico de GraphQL con JavaScript

Clase anteriorSiguiente clase

Contenido del curso

Introducción

  • 1
    Introducción al curso y prerequisitos del curso

    Introducción al curso y prerequisitos del curso

    01:01 min
  • 2
    ¿Qué es GraphQL?

    ¿Qué es GraphQL?

    00:15 min

Conceptos básicos

  • 3
    Schema y types

    Schema y types

    06:09 min
  • 4
    Queries y Resolvers

    Queries y Resolvers

    05:09 min
  • 5
    Sirviendo el API en la web

    Sirviendo el API en la web

    07:57 min
  • 6
    Custom Types

    Custom Types

    12:06 min
  • 7
    Argumentos

    Argumentos

    08:11 min
  • 8
    Configuración de base de datos

    Configuración de base de datos

    11:21 min
  • 9
    Integrando una base de datos

    Integrando una base de datos

    09:58 min
  • 10
    Mutations e Inputs

    Mutations e Inputs

    14:29 min
  • 11
    Repaso - Creando el tipo Estudiante

    Repaso - Creando el tipo Estudiante

    16:23 min
  • 12
    Nested Types

    Nested Types

    11:22 min
  • 13
    Resolver de tipos

    Resolver de tipos

    08:45 min
  • 14
    Errores

    Errores

    08:50 min

Conceptos avanzados

  • 15
    Alias y fragments

    Alias y fragments

    07:50 min
  • 16
    Variables

    Variables

    06:42 min
  • 17
    Enums

    Enums

    06:29 min
  • 18
    Interfaces - Tipo Monitor

    Interfaces - Tipo Monitor

    12:30 min
  • 19
    Directivas

    Directivas

    Viendo ahora
  • 20
    Unions

    Unions

    12:14 min

Consumiendo el API

  • 21
    Preparando API para producción

    Preparando API para producción

    04:27 min
  • 22
    HTTP requests

    HTTP requests

    02:43 min
  • 23
    Clientes de GraphQL

    Clientes de GraphQL

    02:29 min
  • 24
    Consumiendo el API desde un frontend simple

    Consumiendo el API desde un frontend simple

    11:05 min
  • 25
    Cierre del curso

    Cierre del curso

    01:14 min
Tomar examen
Resumen

Las directivas son una instrucción que permite agregar condicionales a nuestras peticiones. Podemos modificar de manera dinámica nuestra query simplemente añadiendo:

@include(if: Boolean) {
  datos
}

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads
        Walter Sosa Tizón

        Walter Sosa Tizón

        student•
        hace 7 años

        Hola, el profesor por error cuando fue a mostrar la directiva @skip en su lugar puso nuevamente la directiva @include

          Wilson Marino Pablo Mendez

          Wilson Marino Pablo Mendez

          student•
          hace 6 años
          • @include(if: Boolean)Solo incluya este campo en el resultado si el argumento es true.

          • @skip(if: Boolean)Omita este campo si el argumento es true.

          Reinaldo Mendoza

          Reinaldo Mendoza

          student•
          hace 4 años

          Gracias por la aclaracion

        Reinaldo Mendoza

        Reinaldo Mendoza

        student•
        hace 4 años

        A alguien mas le pasa que a veces no se pueda conectar al servidor? incluso estoy usando git y al volver a un commit que se que estaba conectando luego no lo hace, pasa de forma super random, hay dias que no hay problema y el mismo codigo otro dia si permite conectarme sin problema

        leonardo Oteca

        leonardo Oteca

        student•
        hace 6 años

        Si el campo no es un bloque, no es necesario envolver en llaves ejemplo:

        query traerLasPersona($id: ID, $withEmail: Boolean!) { getPerson(id: $id){ _id email @include(if: $withEmail) } }
          Reinaldo Mendoza

          Reinaldo Mendoza

          student•
          hace 4 años

          Siempre habia tenido esa duda

          Cesar David Ramírez Dimaté

          Cesar David Ramírez Dimaté

          student•
          hace 4 años

          Lo de las llaves lo utiliza es porque está indicando que aplica a dicha implementación de la interfaz. Es por eso que las sigue usando. En el caso del profesor, es que si la condicional avatar es true, pues muestra el campo avatar y el email.

          Recuerda que el campo email es de Person, es por eso que en tu ejemplo aplica lo que mencionas.

        Francisco Garcia [C6]

        Francisco Garcia [C6]

        student•
        hace 6 años
        query getPeopleData($monitor: Boolean!, $avatar: Boolean!){ getPeople { _id name ... on Monitor @include(if: $monitor) { phone } ... on Student @include(if: $avatar) { avatar email } } }
        { "monitor": false, "avatar": true }
        Miguel Angel Reyes Moreno

        Miguel Angel Reyes Moreno

        student•
        hace 4 años

        También podemos agregar una directiva al schema, por ejemlplo @deprecated. Esta sirve para indicar que este campo ya NO estará en uso, incluso el mismo GraphQL te lo dice cuando ustas un campo con esta directiva.

        Diego Tinitana

        Diego Tinitana

        student•
        hace 7 años

        monitor es un type MONITOR ??? esto no es herencia

          Juan Jose Vega

          Juan Jose Vega

          student•
          hace 6 años

          mas o menos grahpql lo denomina agrupar grupos que tengan algo en común

          Reinaldo Mendoza

          Reinaldo Mendoza

          student•
          hace 4 años

          A mi se me parece a OOP

        Yerlinson Maturana Serna

        Yerlinson Maturana Serna

        student•
        hace 6 años

        Wonderful!

        Francisco Garcia [C6]

        Francisco Garcia [C6]

        student•
        hace 6 años

        muy interesante

        Reinaldo Mendoza

        Reinaldo Mendoza

        student•
        hace 4 años

        GRAPHIQL

        query getPeopleData($monitor: Boolean!, $avatar: Boolean!) { getPeople { _id name email ... on Monitor @include(if: $monitor) { phone } ... on Student @skip(if: @avatar) { avatar } } }

        QUERY VARIABLES

        { "monitor": true "avatar": false }