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 verObtén respuestas inmediatas

      Comentarios

      LUIS JAVIER BAUTISTA BARAHONA

      LUIS JAVIER BAUTISTA BARAHONA

      student•
      hace 8 años
        Andres Colina

        Andres Colina

        student•
        hace 7 años
        Kevin Javier Reyes

        Kevin Javier Reyes

        student•
        hace 7 años
      Jaiber Leonardo Flor Navia

      Jaiber Leonardo Flor Navia

      student•
      hace 6 años
        Omar Villada

        Omar Villada

        student•
        hace 5 años
      Yeldary Pirela

      Yeldary Pirela

      student•
      hace 5 años
        Joel Dominguez Merino

        Joel Dominguez Merino

        student•
        hace 4 años
      GABRIEL JESÚS RIOS CAIRO

      GABRIEL JESÚS RIOS CAIRO

      student•
      hace 7 años
        Daniel Gomez

        Daniel Gomez

        student•
        hace 7 años
        Daniel Esteves

        Daniel Esteves

        student•
        hace 6 años
      Fernando Fabricio Feijoo Feijoo

      Fernando Fabricio Feijoo Feijoo

      student•
      hace 3 años
        Fernando Fabricio Feijoo Feijoo

        Fernando Fabricio Feijoo Feijoo

        student•
        hace 3 años
        Julio Peña

        Julio Peña

        student•
        hace 3 años
      Rocío Arielle Berthe

      Rocío Arielle Berthe

      student•
      hace 6 años
        Mauricio Moreno Morales

        Mauricio Moreno Morales

        student•
        hace 6 años
      Platzi Team

      Platzi Team

      student•
      hace 3 años
        Kevin Fiorentino

        Kevin Fiorentino

        student•
        hace 3 años
      Fredy Garcia

      Fredy Garcia

      student•
      hace 5 años
      Elena Parada

      Elena Parada

      student•
      hace 5 años
      Deyvid Antonio Arauz Cruz

      Deyvid Antonio Arauz Cruz

      student•
      hace 4 años
      Juan David Sánchez

      Juan David Sánchez

      student•
      hace 6 años
        Fernando Andres Muñoz Suazo

        Fernando Andres Muñoz Suazo

        student•
        hace 6 años
        Joel Vicente Nieto Gómez

        Joel Vicente Nieto Gómez

        student•
        hace 6 años
      Joel Dominguez Merino

      Joel Dominguez Merino

      student•
      hace 5 años
      Naldo Duran

      Naldo Duran

      student•
      hace 5 años
      Jorge Fidel Zubieta Choque

      Jorge Fidel Zubieta Choque

      student•
      hace 5 años
      Néstor José Silva Castillo

      Néstor José Silva Castillo

      student•
      hace 8 años
        Daniel Esteves

        Daniel Esteves

        student•
        hace 6 años
      Harold David Avila Sabogal

      Harold David Avila Sabogal

      student•
      hace 7 años
      Hector Josue Macias Gomez

      Hector Josue Macias Gomez

      student•
      hace 7 años
        Daniel Esteves

        Daniel Esteves

        student•
        hace 6 años
      Abraham Caso Torres

      Abraham Caso Torres

      student•
      hace 6 años
      Danilo Fernandez

      Danilo Fernandez

      student•
      hace 6 años
      Daniela Leon

      Daniela Leon

      student•
      hace 4 años
        Carlos Daniel Revetti Narvaez

        Carlos Daniel Revetti Narvaez

        student•
        hace 3 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! 😄

      Dale con toda si se puede.

      X2

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

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

      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.

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

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

      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)

      ¡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

      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.

      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.

      Gracias por regresar para dar tu opinión!

      Jaja no entiendo nada jajaja

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

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

      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!

      Que vacano!!!!!

      ¡A comenzar! :D

      vamo a darle, actualmente soy asquerosamente malo utilizando boostrap jajajaj

      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?

      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

      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

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

      f

      vamos a intentar

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

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

      ¡Gracias!

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

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

      a darle con todo en esta cuarentena xd

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

      Este curso es valido para 2022?

      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.