Course Summary
This course teaches you how to design web pages using Bootstrap 4, a popular front-end framework for responsive web design. You will learn how to use Bootstrap's components, utilities, and grid system to create beautiful and functional websites.Key Learning Points
- Learn how to use Bootstrap 4 to design web pages
- Understand how to use Bootstrap's components, utilities, and grid system
- Create responsive and functional websites
Related Topics for further study
Learning Outcomes
- Create responsive web pages using Bootstrap 4
- Understand the basics of front-end web development
- Apply design principles to create functional and visually appealing websites
Prerequisites or good to have knowledge before taking this course
- Basic understanding of HTML and CSS
- Experience with web design and development
Course Difficulty Level
BeginnerCourse Format
- Self-paced
- Online
Similar Courses
- Web Design for Everybody: Basics of Web Development & Coding Specialization
- HTML, CSS, and Javascript for Web Developers
Related Education Paths
Notable People in This Field
- Brad Traversy
- Kevin Powell
Related Books
Description
Este curso te enseñará conceptos generales de desarrollo web del lado cliente, metodologías de trabajo y herramientas. Aprenderás sobre diseño responsive, grillas, y componentes CSS y Javascript de Bootstrap. Practicarás con preprocesadores de CSS, Less y Sass. También aplicarás conceptos básicos de Node.js y NPM para gestionar tus sitios web.
Al finalizar este curso, habrás practicado con todas esas herramientas y serás capaz de diseñar una página web e implementar ese diseño con Bootstrap, crear un diseño responsive y preparar tu sitio web para salir a producción.
Knowledge
- Diseñar una página web con Bootstrap
- Implementar tu diseño con Bootstrap
- Crear un diseño responsive
- Preparar tu sitio web para salir a producción
Outline
- Presentación de Bootstrap 4.0
- Universidad Austral
- Bienvenida a Bootstrap 4 y el desarrollo de UI
- Configurando GIT
- Creando un repositorio
- Comandos básicos de GIT
- Vinculando GIT con el repositorio en la nube
- Qué es un desarrollador Full Stack
- Comenzando un proyecto GIT basics
- NodeJS
- Primeros pasos con NodeJS y NPM
- Configurando Bootstrap
- Video: Frameworks de front-end
- Diseño responsive - Introducción
- Diseño responsive - Introducción B
- Sistema de grillas
- Utilizando Flex
- Bienvenidos a la Universidad Austral
- Contenidos y dinámica del curso
- Guía práctica de GIT
- Guía práctica de NodeJS y NPM
- Objetivos de la lección
- Guía práctica de Bootstrap
- Guía práctica de grillas
- Guía práctica de Flex
- para tu autoevaluación (no calificado) del Módulo 1
- Calificado del Módulo 1
- Componentes CSS de Bootstrap
- Navegabilidad
- Barra de navegación y breadcrumbs
- Trabajando con elementos de navegabilidad
- Uso de iconos y fuentes
- Formularios
- Mostrando contenido
- Usando imágenes
- Guía práctica de navegabilidad
- Guía práctica de formularios
- Guía práctica de mostrar contenidos
- Objetivos de la lección
- Notificaciones
- Para tu autoevaluación (no calificado) del Módulo 2
- Calificado del Módulo 2
- COMPONENTES JAVASCRIPT DE BOOTSTRAP
- Trabajando con tabs y pills
- Trabajando con Collapse
- Trabajando con accordions
- Mostrando contenido con modals
- Utilizando tooltips
- Utilizando popovers
- Trabajando con carousel
- Componentes Javascript de Bootstrap – Introducción
- Guía práctica de tabs y pills
- Guía práctica de visibilidad
- Guía práctica de modals
- Guía práctica de tooltips y popovers
- Guía práctica de carousel
- Para tu autoevaluación (no calificado) del Módulo 3
- Calificado del Módulo 3
- HERRAMIENTAS DE DESARROLLO
- Conceptos básicos de JQuery
- Trabajando con SASS
- Trabajando con Less
- Implementando herramientas con NPM Scripts
- Automatizadores de tareas Grunt
- Automatizadores de tareas Gulp
- Guía práctica de JQuery y eventos de componentes
- Guía práctica de SASS
- Guía práctica de Less
- Saliendo a producción
- Guía práctica de NPM
- Task Runners - Conclusiones y consignas
- Para tu autoevaluación (sin calificar) del Módulo 4
- Calificado del Módulo 4
Summary of User Reviews
Discover how to create responsive web pages using Bootstrap 4 with this comprehensive course on Coursera. The course has received positive reviews for its dynamic approach and clear explanations. Many users appreciated the practical exercises that helped them apply what they learned in real-world scenarios.Key Aspect Users Liked About This Course
Practical exercises that help users apply what they learned in real-world scenariosPros from User Reviews
- Comprehensive and dynamic approach to learning Bootstrap 4
- Clear explanations and step-by-step instructions
- Practical exercises help users apply what they learned in real-world scenarios
- Great for beginners and experienced web developers
- Excellent support from the instructor and community
Cons from User Reviews
- Some users found the pace too slow or too fast
- Not all topics are covered in equal depth
- Some users would have liked more advanced topics
Ezequiel Lamónica
4.5 Raiting
Diseñando páginas web con Bootstrap 4
- 4.5
-
![]()
![]()
![]()
![]()
![]()
Este curso te enseñará conceptos generales de desarrollo web del lado cliente, metodologías de trabajo y herramientas. Aprenderás sobre diseño responsive, grillas, y componentes CSS y Javascript de Bootstrap....
