CursosEmpresasBlogLiveConfPrecios

Repositorio del curso de bootstrap

Clase 1 de 21 • Curso de Bootstrap 4

Contenido del curso

Introducción al curso

  • 1
    Repositorio del curso de bootstrap

    Repositorio del curso de bootstrap

    Viendo ahora
  • 2
    Bootstrap 4 ¿Qué trae de nuevo esta versión?

    Bootstrap 4 ¿Qué trae de nuevo esta versión?

    03:23 min
  • 3
    ¿Que es un framework de frontend?

    ¿Que es un framework de frontend?

    02:45 min
  • 4
    Nuestro Proyecto: Hola Mundo de Bootstrap

    Nuestro Proyecto: Hola Mundo de Bootstrap

    02:34 min

Creando el sitio web

  • 5
    La grilla de Bootstrap

    La grilla de Bootstrap

    12:09 min
  • 6
    Reto: La grilla de Bootstrap

    Reto: La grilla de Bootstrap

    05:43 min
  • 7
    El footer

    El footer

    10:38 min
  • 8
    El header de nuestro sitio

    El header de nuestro sitio

    13:18 min
  • 9
    Creando un carousel de imágenes

    Creando un carousel de imágenes

    07:58 min
  • 10
    Agregando texto informativo del evento

    Agregando texto informativo del evento

    12:51 min
  • 11
    Agregando botones

    Agregando botones

    04:42 min
  • 12
    Las cards de Bootstrap 4

    Las cards de Bootstrap 4

    11:44 min
  • 13
    Pastillas de texto

    Pastillas de texto

    04:38 min
  • 14
    Agregando un contenedor de ancho completo

    Agregando un contenedor de ancho completo

    12:26 min
  • 15
    Los formularios de Bootstrap 4

    Los formularios de Bootstrap 4

    15:43 min
  • 16
    Agregando un tooltip

    Agregando un tooltip

    04:07 min
  • 17
    Scrollspy: Conociendo la ubicación del usuario en el header

    Scrollspy: Conociendo la ubicación del usuario en el header

    07:23 min
  • 18
    Agregando un modal para comprar tickets

    Agregando un modal para comprar tickets

    04:47 min
  • 19
    Un nuevo formulario para completar la compra

    Un nuevo formulario para completar la compra

    04:40 min

Deploy a producción

  • 20
    Poniendo nuestro sitio en producción

    Poniendo nuestro sitio en producción

    04:08 min
  • 21
    Conclusiones del curso

    Conclusiones del curso

    00:51 min
Tomar examen

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

      Bienvenidos de nuevo al Curso de Bootstrap le comparto el repositorio que vamos a estar utilizando a lo largo del curso.

      Recuerden que si aún no tienen una cuenta en GitHub deben crearla, la necesitarán.

      https://github.com/platzi/bootstrap

      Nota: Los slides del curso los encontrarán en la siguiente clase en el sistema de archivos.

      ¡A comenzar el curso!

      Obtén respuestas inmediatasProfundiza lo que acabas de ver

      Comentarios

        LUIS JAVIER BAUTISTA BARAHONA

        LUIS JAVIER BAUTISTA BARAHONA

        student•
        hace 8 años

        He usado Bootstrap desde la versión 2 pero esta es la 1a vez que haré un curso formal de él, estoy entusiasmado! 😄

          Andres Colina

          Andres Colina

          student•
          hace 7 años

          Dale con toda si se puede.

          Kevin Javier Reyes

          Kevin Javier Reyes

          student•
          hace 7 años

          X2

        Jaiber Leonardo Flor Navia

        Jaiber Leonardo Flor Navia

        student•
        hace 6 años

        Paré un momentico Fundamentos de Javascrip...me ganó la ansiedad. jejejeje

          Omar Villada

          Omar Villada

          student•
          hace 4 años

          Paré un momento el curso de Angular 8... me ganó la ansiedad. jejejejeje

        Yeldary Pirela

        Yeldary Pirela

        student•
        hace 5 años

        Acabo de clonar el repositorio y ya me siento ganadora jajajaja (considerando que cada vez que escucho o leo GitHub se me hace un bug en la cabeza). Poco a poco le voy agarrando la vuelta. ;')

        Sí alguien tiene dudas de como hacerlo me ofrezco a ayudar.

          Joel Dominguez Merino

          Joel Dominguez Merino

          student•
          hace 4 años

          Asi es la mejor manera de aprender! Probando y fallando. Adquieres mucho aprendizaje para posteriormente hacerlo de manera correcta. A darle con todo 🚀

        GABRIEL JESÚS RIOS CAIRO

        GABRIEL JESÚS RIOS CAIRO

        student•
        hace 7 años

        Este curso de Bootstrap tiene prerequisitos? He terminado el de desarrollo web online.

          Daniel Gomez

          Daniel Gomez

          student•
          hace 7 años

          No es necesario nada, de hecho, muchos backend aprenden bootstrap porque les da lata o no entienden el css... PERO Lo mejor que puedes hacer antes de aprender bootstrap es sentirte cómodo con css. Y para sacarle mucho más provecho, aprender a usar scss (sass)

          Daniel Esteves

          Daniel Esteves

          student•
          hace 6 años

          ¡Hola! Te recomiendo tomar los siguientes cursos antes de pasar a Bootstrap:

          • Curso Gratis de Programación Básica
          • Curso de Desarrollo Web Online
          • Curso de Responsive Design
        Fernando Fabricio Feijoo Feijoo

        Fernando Fabricio Feijoo Feijoo

        student•
        hace 3 años

        Vamos a ver que tal este curso de Bootstrap, cuando lo termine, regresaré a dejar mi opinión.

        Solo empezando veo que esta 1 V por debajo de la actual y lleva más de 3 años sin ser actualizado.

          Fernando Fabricio Feijoo Feijoo

          Fernando Fabricio Feijoo Feijoo

          student•
          hace 3 años

          Un curso bastante bueno, pero a la final me quedé con la duda de como enviar los datos que se ingresan en los formularios u otros datos, se quedó en sitio estático. Aunque la versión es antigua se tiene las bases para continuar con la forma común que es autodidacta, falta más guías y usos quizás. Saludos.

          Julio Peña

          Julio Peña

          student•
          hace 3 años

          Gracias por regresar para dar tu opinión!

        Rocío Arielle Berthe

        Rocío Arielle Berthe

        student•
        hace 6 años

        Jaja no entiendo nada jajaja

          Mauricio Moreno Morales

          Mauricio Moreno Morales

          student•
          hace 6 años

          Busca el curso de Git y Github, alli está todo lo relacionado a como usar github y descargra repositorios:)

        Platzi Team

        Platzi Team

        student•
        hace 3 años

        Buenas tardes. Tendrán en agenda actualizar el curso a la versión 5 próximamente?

          Kevin Fiorentino

          Kevin Fiorentino

          student•
          hace 3 años

          Buenas! Posiblemente lo actualice a futuro en el 2023. Cualquier sugerencia de actualización de curso será muy bien recibida por email a team@platzi.com para que puedan evaluarlo. De todos modos, bootstrap es bastante sencillo. Conociendo B4 no tendrás problemas de aprender B5 por tu cuenta. Saludos!

        Fredy Garcia

        Fredy Garcia

        student•
        hace 5 años

        Que vacano!!!!!

        Elena Parada

        Elena Parada

        student•
        hace 5 años

        ¡A comenzar! :D

        Deyvid Antonio Arauz Cruz

        Deyvid Antonio Arauz Cruz

        student•
        hace 4 años

        vamo a darle, actualmente soy asquerosamente malo utilizando boostrap jajajaj

        Juan David Sánchez

        Juan David Sánchez

        student•
        hace 6 años

        Hola, antes de empezar el curso. Quisiera saber si ¿utilizar Bootstrap para una página profesional (de una empresa) es recomendado? ¿o es mejor utilizarlo sólo para tener una primera versión/MVP?

          Fernando Andres Muñoz Suazo

          Fernando Andres Muñoz Suazo

          student•
          hace 6 años

          Hola, puedes utilizar Bootstrap en cualquiera de los dos casos, por ponerte un ejemplo, Netflix utiliza Boostrap.

          Captura de Pantalla 2020-01-13 a la(s) 12.43.04 a. m..png
          Joel Vicente Nieto Gómez

          Joel Vicente Nieto Gómez

          student•
          hace 6 años

          Claro que es recomendando utilizarlo para cualquier tipo de Proyectos, desde muy pequeño hasta muy grande. Aqui otro listado de paginas que usaron Bootstrap: http://www.vidamrr.com/2013/03/30-ejemplos-de-sitios-web-usando-el.html

        Joel Dominguez Merino

        Joel Dominguez Merino

        student•
        hace 5 años

        He usado Bootstrap muy vagamente y me he perdido un poco. Espero obtener las bases de este Framework :D

        Naldo Duran

        Naldo Duran

        student•
        hace 5 años

        f

        Jorge Fidel Zubieta Choque

        Jorge Fidel Zubieta Choque

        student•
        hace 5 años

        vamos a intentar

        Néstor José Silva Castillo

        Néstor José Silva Castillo

        student•
        hace 8 años

        Genial, era un curso bien esperado. A seguir!!!

          Daniel Esteves

          Daniel Esteves

          student•
          hace 6 años

          ¡Hola! Luego de tanto tiempo, ¿La experiencia Platzi marcó un antes y un después en tu carrera profesional?

        Harold David Avila Sabogal

        Harold David Avila Sabogal

        student•
        hace 7 años

        ¡Gracias!

        Hector Josue Macias Gomez

        Hector Josue Macias Gomez

        student•
        hace 7 años

        Es mi primera experiencia con bootstrap, tengo altas expectativas sobre este curso.

          Daniel Esteves

          Daniel Esteves

          student•
          hace 6 años

          ¡Hola Hector! ¿Qué te pareció el curso? Cuéntanos lo mejor que aprendiste :)

        Abraham Caso Torres

        Abraham Caso Torres

        student•
        hace 6 años

        a darle con todo en esta cuarentena xd

        Danilo Fernandez

        Danilo Fernandez

        student•
        hace 5 años

        Gracias Maestro, este curso lo quería hacer hace mucho.

        Daniela Leon

        Daniela Leon

        student•
        hace 3 años

        Este curso es valido para 2022?

          Carlos Daniel Revetti Narvaez

          Carlos Daniel Revetti Narvaez

          student•
          hace 3 años

          Actualmente esta basado en la Versión 4.3 de Bootstrap, pero te puedo asegurar que con las bases de este curso y la curiosidad que tengas, la Versión 5.3.1 o las que vengan se te hara mucho más facil entender. La documentación, su enfoque sigue siendo el mismo hasta el día de hoy.