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 curso forma parte de Programa Especializado - Full Stack Web Development en Español
ofrecido por
Programa Especializado - Full Stack Web Development en EspañolUniversidad AustralAcerca de este Curso
189,113 vistas recientes
Certificado para compartir
Obtén un certificado al finalizar
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Nivel principiante
Aprox. 20 horas para completar
Español (Spanish)
Subtítulos: Español (Spanish)
Habilidades que obtendrás
HtmlJavaScriptFront-End Web DevelopmentAngularjs
Certificado para compartir
Obtén un certificado al finalizar
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Nivel principiante
Aprox. 20 horas para completar
Español (Spanish)
Subtítulos: Español (Spanish)
ofrecido por
Universidad Austral
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.
Programa - Qué aprenderás en este curso
5 horas para completar
Presentación de Bootstrap 4.0
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.
5 horas para completar
16 videos (Total 136 minutos), 8 lecturas, 3 cuestionarios
16 videos
Bienvenida a Bootstrap 4 y el desarrollo de UI3m
Configurando GIT4m
Creando un repositorio10m
Comandos básicos de GIT7m
Vinculando GIT con el repositorio en la nube4m
Qué es un desarrollador Full Stack6m
Comenzando un proyecto GIT basics2m
NodeJS2m
Primeros pasos con NodeJS y NPM28m
Configurando Bootstrap13m
Video: Frameworks de front-end5m
Diseño responsive - Introducción5m
Diseño responsive - Introducción B2m
Sistema de grillas9m
Utilizando Flex30m
8 lecturas
Bienvenidos a la Universidad Austral1m
Contenidos y dinámica del curso8m
Guía práctica de GIT15m
Guía práctica de NodeJS y NPM15m
Objetivos de la lección1m
Guía práctica de Bootstrap30m
Guía práctica de grillas10m
Guía práctica de Flex20m
2 ejercicios de práctica
para tu autoevaluación (no calificado) del Módulo 120m
Calificado del Módulo 130m
5 horas para completar
Componentes CSS de Bootstrap
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.
5 horas para completar
7 videos (Total 89 minutos), 9 lecturas, 3 cuestionarios
7 videos
Barra de navegación y breadcrumbs4m
Trabajando con elementos de navegabilidad16m
Uso de iconos y fuentes10m
Formularios14m
Mostrando contenido28m
Usando imágenes9m
9 lecturas
Objetivos de la lección
Guía práctica de navegabilidad15m
Objetivos de la lección
Guía práctica de formularios40m
Objetivos de la lección
Guía práctica de mostrar contenidos1h
Objetivos de la lección
Objetivos de la lección1m
Notificaciones10m
2 ejercicios de práctica
Para tu autoevaluación (no calificado) del Módulo 230m
Calificado del Módulo 220m
5 horas para completar
COMPONENTES JAVASCRIPT DE BOOTSTRAP
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.
5 horas para completar
7 videos (Total 59 minutos), 11 lecturas, 3 cuestionarios
7 videos
Trabajando con Collapse5m
Trabajando con accordions8m
Mostrando contenido con modals10m
Utilizando tooltips6m
Utilizando popovers3m
Trabajando con carousel11m
11 lecturas
Objetivos de la lección
Componentes Javascript de Bootstrap – Introducción4m
Objetivos de la lección
Guía práctica de tabs y pills35m
Objetivos de la lección
Guía práctica de visibilidad40m
Objetivos de la lección
Guía práctica de modals30m
Guía práctica de tooltips y popovers40m
Objetivos de la lección
Guía práctica de carousel30m
2 ejercicios de práctica
Para tu autoevaluación (no calificado) del Módulo 330m
Calificado del Módulo 320m
5 horas para completar
HERRAMIENTAS DE DESARROLLO
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.
5 horas para completar
6 videos (Total 138 minutos), 9 lecturas, 3 cuestionarios
6 videos
Trabajando con SASS14m
Trabajando con Less6m
Implementando herramientas con NPM Scripts27m
Automatizadores de tareas Grunt39m
Automatizadores de tareas Gulp25m
9 lecturas
Guía práctica de JQuery y eventos de componentes20m
Objetivos de la lección
Guía práctica de SASS20m
Guía práctica de Less1m
Objetivos de la lección
Saliendo a producción5m
Guía práctica de NPM30m
Objetivos de la lección
Task Runners - Conclusiones y consignas10m
2 ejercicios de práctica
Para tu autoevaluación (sin calificar) del Módulo 430m
Calificado del Módulo 430m
Reseñas
Principales reseñas sobre DISEÑANDO PÁGINAS WEB CON BOOTSTRAP 4
por MB26 de ago. de 2020
Muy buen curso. Como recomendación sería bueno que el profesor actualice algunos vídeos de las últimas lecciones, ya que han cambiado algunos comandos por las versiones de las herramientas y plugins.
por JA1 de oct. de 2020
Esta muy bien el curso, salvo que deberían actualizarlo porque varias cosas que hace el profesor quedaron obsoletas. Pero se entiende bastante lo que es llevar adelante una web de principio a fin.
por CS27 de sep. de 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!!
por AG9 de jul. de 2020
Es un buen curso. Da un buen acercamiento a bootstrap, a sus funcionalidades y a los pre procesadores scss , ademas en su ultimo modulo enseñan un poco de automatización que es muy interesante.
Acerca de Programa especializado: Full Stack Web Development en Español
En la actualidad, las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes.
Preguntas Frecuentes
¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
- es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
- Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Programa especializado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos que forman parte del Programa especializado y te darán un Certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
Is financial aid available?
Sí, Coursera ofrece ayuda económica a los estudiantes que no pueden pagar la tarifa. Solicítala haciendo clic en el enlace de Ayuda económica que está debajo del botón “Inscribirse” a la izquierda. Se te pedirá que completes una solicitud. Recibirás una notificación en caso de que se apruebe. Deberás completar este paso para cada uno de los cursos que forman parte del Programa especializado, incluido el proyecto final. Obtén más información.
¿Recibiré crédito universitario por completar el Curso?
Este Curso no otorga crédito universitario, pero algunas universidades pueden aceptar los Certificados del curso para obtener crédito. Consulta con tu institución para obtener más información. Los Títulos en línea y los Certificados Mastertrack™ de Coursera brindan la oportunidad de obtener créditos universitarios.
¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.
