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.
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.
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
Show info about module content
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
Componentes CSS de Bootstrap
Module 2•5 hours to complete
Module details
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
Show info about module content
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
COMPONENTES JAVASCRIPT DE BOOTSTRAP
Module 3•5 hours to complete
Module details
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
Show info about module content
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
HERRAMIENTAS DE DESARROLLO
Module 4•5 hours to complete
Module details
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
Show info about module content
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
Instructor ratings
We asked all learners to give feedback on our instructors based on the quality of their teaching style.
La Universidad Austral se propone servir a la sociedad a través de la búsqueda de la verdad, mediante el desarrollo y transmisión del conocimiento, la formación en las virtudes y la atención de cada persona según su destino trascendente, proponiendo un estilo de liderazgo intelectual, profesional, social y público.
"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
4.4
662 reviews
5 stars
61.72%
4 stars
24.50%
3 stars
7.26%
2 stars
2.57%
1 star
3.93%
Showing 3 of 662
C
CS
5·
Reviewed on Sep 27, 2020
Gracias, Un curso muy completo, no solo aprendemos a trabajar con bootstrap, si no a conocer herramientas que ayudan al trabajo diario y a la puesta en producción de nuestros proyectos, gracias!!
F
FE
5·
Reviewed on Aug 25, 2020
Excelente curso , el profesor tiene un alto conocimiento, un punto en contra podría ser que los videos cuando se ve la consola no definen muy bien, pero muy bueno, gracias.
R
RS
5·
Reviewed on Sep 4, 2019
Muy buen profesor, explicaba todo lo que estaba dentro del alcance.Solo deberían tratar de actualizar algunas de las herramientas que utiliza, que no han variado mucho pero si han cambiado de versión.
When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Specialization?
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.
Is financial aid available?
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.