Course curriculum

  • 1

    👋🏻 Bienvenido/a al curso

    • Bienvenido/a al curso.
    • 🎁 Un regalo de parte del equipo de Bravo.
    • ¿Cómo funciona el curso?
    • 🤠 Escoge tu propia aventura
    • ¿Qué vamos a crear?
    • 🙋🏻‍♂️ Únete a la comunidad en SinOficina
  • 2

    🦄 Bravostudio 101

    • ¿Qué es Bravostudio?
    • 🏷 Las etiquetas: Creando la magia de Bravo
    • Bravovisión: La magia se vuelve más real
    • Conectando datos reales mediante Airtable
  • 3

    ⚡️ Descubriendo las etiquetas

    • Profundizando en las etiquetas
    • ✨ Aplicando las etiquetas
    • 🦄 Containers, containers, containers
    • ✨ Todo lo que tienes que saber sobre los containers.
    • Creando un container sin conexión a datos
    • 🗂 Containers con datos de Airtable
  • 4

    🦄 El proceso de Bravorización

    • Convierte tu Figma en una app.
    • ✨ El proceso de Bravorizar
    • 🅿️ Creando la navegación
    • 🔥 Añade funcionalidades extra
    • 📊 Conectando a los datos de Airtable
  • 5

    🤜🤛 ¡Manos a la obra!

    • 🗺 Explorando el figma
    • 🦄 Bravorizando la aplicación - ¿Es un menú?
    • ¿Tiene una barra superior fija?
    • 🦄 ¿Se va a conectar a datos?
    • 📝 ¿Tiene texto que vaya a ser más largo del place
    • 🗂 ¿Necesitas una relación de aspecto?
    • Crea un container en cada pantalla.
  • 6

    ⚡️ Importando el Figma en Bravo

    • Trasladando el diseño a Bravo
  • 7

    📊 Importando datos de Airtable

    • Consiguiendo la base de Airtable
    • Usando el importador de Bravo
  • 8

    🔗 Conectando datos de Airtable a Bravo

    • Dándole vida a tu aplicación
    • Seleccionando la request a la API
    • ✨ Vinculando valores a campos
    • 📲 Viendo tu app en Bravovisión
    • 🎬 Creando el detalle de una película
  • 9

    ⚡️ Etiquetas (II) y acciones

    • Layers: Capas flotantes en las pantallas.
    • 🕵️‍♂️ Implementando la función de buscar
    • 🔗 URL's dinámicas desde Airtable en Bravo
    • URL's dinámicas en Bravo
    • 👋🏻 Pantalla de bienvenida. Lo que ves al encender la app.
  • 10

    🤖 Llamadas personalizadas a la API

    • Antes de empezar...
    • 📽 Creando una vista solo de peliculas
    • 🗑 Eliminando elementos desde la app
    • 1️⃣ Obteniendo el ID de Airtable
    • 2️⃣ Creando una llamada de Delete
    • 3️⃣ Creando la action:remote
    • 4️⃣ Comprobando que todo funciona
  • 11

    🤖 Llamadas personalizadas (II)

    • Actualizando elementos desde la APP
    • 1️⃣ Creando la llamada a la API
    • 2️⃣ Creando el cuerpo de la llamada
    • 3️⃣ Vinculando la llamada a un elemento
  • 12

    🚀 Para ir terminando...

    • Pantallas de carga y animaciones
    • Creando la pantalla de carga
    • Instalando el plugin de LottieFiles
    • ✨ Añadiendo transiciones
    • Ajustando el menú
    • Los últimos retoques...
    • 🙋🏻‍♂️ Es tu turno.
    • 🕵️‍♂️ Por si quieres investigar...
  • 13

    📲 Publicando tu aplicación

    • ¡Poniendo tu app en la App Store y Play Store!
    • Añadiendo la Splash Screen y el icono
    • Obteniendo los paquetes necesarios y publicando
  • 14

    🥳 ¡Enhorabuena!

    • ¡Has completado el curso!
    • 🚀 ¿Qué vas a crear?
    • 👀 Otros cursos de Nocodehackers