Diseñando páginas web con Bootstrap 4

This course is part of Full Stack Web Development en Español Specialization

Instructor: Ezequiel Lamónica

32,824 already enrolled

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

660 reviews

Beginner level

No prior experience required

Flexible schedule

2 weeks at 10 hours a week

Learn at your own pace

92%

Most learners liked this course

4 modules

Gain insight into a topic and learn the fundamentals.

660 reviews

Beginner level

No prior experience required

Flexible schedule

2 weeks at 10 hours a week

Learn at your own pace

92%

Most learners liked this course

What you'll learn

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

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

8 assignments

Taught in Spanish

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Full Stack Web Development en Español Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

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.

Este módulo te dará una introducción a la programación web full stack y una rápida visión del curso completo en general. Aprenderás conceptos básicos de Bootstrap, inicializar un proyecto utilizando NPM, configurar tu repositorio utilizando Git y Bitbucket. Aprenderás sobre diseño responsive y sistemas de grillas de Bootstrap.

What's included

16 videos8 readings2 assignments1 peer review

16 videos Total 136 minutes

Universidad Austral 1 minute
Bienvenida a Bootstrap 4 y el desarrollo de UI 3 minutes
Configurando GIT 4 minutes
Creando un repositorio 10 minutes
Comandos básicos de GIT 8 minutes
Vinculando GIT con el repositorio en la nube 4 minutes
Qué es un desarrollador Full Stack 6 minutes
Comenzando un proyecto GIT basics 2 minutes
NodeJS 2 minutes
Primeros pasos con NodeJS y NPM 28 minutes
Configurando Bootstrap 13 minutes
Video: Frameworks de front-end 5 minutes
Diseño responsive - Introducción 5 minutes
Diseño responsive - Introducción B 3 minutes
Sistema de grillas 10 minutes
Utilizando Flex 30 minutes

8 readings Total 100 minutes

Bienvenidos a la Universidad Austral 1 minute
Contenidos y dinámica del curso 8 minutes
Guía práctica de GIT 15 minutes
Guía práctica de NodeJS y NPM 15 minutes
Objetivos de la lección 1 minute
Guía práctica de Bootstrap 30 minutes
Guía práctica de grillas 10 minutes
Guía práctica de Flex 20 minutes

2 assignments Total 50 minutes

Calificado del Módulo 1 30 minutes
para tu autoevaluación (no calificado) del Módulo 1 20 minutes

1 peer review Total 20 minutes

Evaluación del proyecto - Módulo 1 20 minutes

Este módulo abarca los componentes CSS de Bootstrap. Aprenderás sobre Navegación y la barra de navegación, botones, formularios, tablas, tarjetas, imágenes y media, tags, alertas y barras de progreso.

What's included

7 videos9 readings2 assignments1 peer review

7 videos Total 89 minutes

Navegabilidad 5 minutes
Barra de navegación y breadcrumbs 5 minutes
Trabajando con elementos de navegabilidad 17 minutes
Uso de iconos y fuentes 11 minutes
Formularios 14 minutes
Mostrando contenido 29 minutes
Usando imágenes 9 minutes

9 readings Total 126 minutes

Objetivos de la lección 0 minutes
Guía práctica de navegabilidad 15 minutes
Objetivos de la lección 0 minutes
Guía práctica de formularios 40 minutes
Objetivos de la lección 0 minutes
Guía práctica de mostrar contenidos 60 minutes
Objetivos de la lección 0 minutes
Objetivos de la lección 1 minute
Notificaciones 10 minutes

2 assignments Total 50 minutes

Calificado del Módulo 2 20 minutes
Para tu autoevaluación (no calificado) del Módulo 2 30 minutes

1 peer review Total 20 minutes

Evaluación del proyecto - Módulo 2 20 minutes

Este módulo comprende los componentes Javascript de Bootstrap. Aprenderás sobre pestañas, navegación con pestañas, navegación con botones, diferentes tipos de alertas, carroussel, scrollspy, affix y tooltips.

What's included

7 videos11 readings2 assignments1 peer review

7 videos Total 59 minutes

Trabajando con tabs y pills 14 minutes
Trabajando con Collapse 5 minutes
Trabajando con accordions 8 minutes
Mostrando contenido con modals 11 minutes
Utilizando tooltips 7 minutes
Utilizando popovers 3 minutes
Trabajando con carousel 11 minutes

11 readings Total 179 minutes

Objetivos de la lección 0 minutes
Componentes Javascript de Bootstrap – Introducción 4 minutes
Objetivos de la lección 0 minutes
Guía práctica de tabs y pills 35 minutes
Objetivos de la lección 0 minutes
Guía práctica de visibilidad 40 minutes
Objetivos de la lección 0 minutes
Guía práctica de modals 30 minutes
Guía práctica de tooltips y popovers 40 minutes
Objetivos de la lección 0 minutes
Guía práctica de carousel 30 minutes

2 assignments Total 50 minutes

Calificado del Módulo 3 20 minutes
Para tu autoevaluación (no calificado) del Módulo 3 30 minutes

1 peer review Total 20 minutes

Evaluación del proyecto - Módulo 3 20 minutes

En este módulo veremos diferentes herramientas que facilitan el desarrollo de UI. Utilizarás JQuery para manipular contenido de tus páginas, preprocesadores de CSS Less y Sass, preparas tus páginas web para subirlas a un servidor y así crear tu sitio web. También, para evitar realizar tareas recurrentes de forma manual, utilizarás librerías de Node para automatizarlas a tu gusto.

What's included

6 videos9 readings2 assignments1 peer review

6 videos Total 138 minutes

Conceptos básicos de JQuery 25 minutes
Trabajando con SASS 15 minutes
Trabajando con Less 6 minutes
Implementando herramientas con NPM Scripts 28 minutes
Automatizadores de tareas Grunt 39 minutes
Automatizadores de tareas Gulp 25 minutes

9 readings Total 86 minutes

Guía práctica de JQuery y eventos de componentes 20 minutes
Objetivos de la lección 0 minutes
Guía práctica de SASS 20 minutes
Guía práctica de Less 1 minute
Objetivos de la lección 0 minutes
Saliendo a producción 5 minutes
Guía práctica de NPM 30 minutes
Objetivos de la lección 0 minutes
Task Runners - Conclusiones y consignas 10 minutes

2 assignments Total 60 minutes

Calificado del Módulo 4 30 minutes
Para tu autoevaluación (sin calificar) del Módulo 4 30 minutes

1 peer review Total 20 minutes

Evaluación del proyecto - Módulo 4 20 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(222 ratings)

Ezequiel Lamónica

Universidad Austral

2 Courses 39,311 learners

Offered by

Universidad Austral

Explore more from Mobile and Web Development

IBM
Developing Websites and Front-Ends with Bootstrap
Course
Scrimba
Learn Bootstrap
Course
Packt
Web Development Foundations
Course
EDUCBA
Master Bootstrap to Build Responsive E-Commerce Sites
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
61.76%
4 stars
24.58%
3 stars
7.13%
2 stars
2.57%
1 star
3.94%

Showing 3 of 660

Reviewed on Sep 16, 2020

Increible curso, donde te dan las cuestiones básicas del uso de Bootstrap y te dan lo básico para crear tus páginas web con node y ver como hacer el compilado de un proyecto.

Reviewed on Aug 6, 2020

es bueno para conocer la herramienta pero esta desactualizado en algunas herramientas para el copilado por que es necesario buscar como usarlas en sus versiones mas modernas.

Reviewed on Aug 18, 2020

Considero que el curso es muy completo y muy bien diseñado para llevar un aprendizaje ordenado, estoy muy agradecido de poder tener esta grandiosa oportunidad de ampliar mis horizontes.

View more reviews

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.