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.
Ce cours fait partie de la Spécialisation Full Stack Web Development en Español
Diseñando páginas web con Bootstrap 4
Offert par
À propos de ce cours
10,959 consultations récentes
Learner Career Outcomes
Ce que vous allez apprendre
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
Learner Career Outcomes
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 1 sur 4 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau débutant
Approx. 29 heures pour terminer
Recommandé : 4 semanas de estudio. 5 horas/semana.
Espagnol
Sous-titres : Espagnol
Programme du cours : ce que vous apprendrez dans ce cours
Semaine
15 heures pour terminer
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.
15 vidéos (Total 135 min), 7 lectures, 3 quiz
15 vidéos
Configurando GIT4 min
Creando un repositorio10 min
Comandos básicos de GIT7 min
Vinculando GIT con el repositorio en la nube4 min
Qué es un desarrollador Full Stack6 min
Comenzando un proyecto GIT basics2 min
NodeJS2 min
Primeros pasos con NodeJS y NPM28 min
Configurando Bootstrap13 min
Video: Frameworks de front-end5 min
Diseño responsive - Introducción5 min
Diseño responsive - Introducción B2 min
Sistema de grillas9 min
Utilizando Flex30 min
7 lectures
Contenidos y dinámica del curso8 min
Guía práctica de GIT15 min
Guía práctica de NodeJS y NPM15 min
Objetivos de la lección1 min
Guía práctica de Bootstrap30 min
Guía práctica de grillas10 min
Guía práctica de Flex20 min
2 exercices pour s'entraîner
para tu autoevaluación (no calificado) del Módulo 120 min
Calificado del Módulo 120 min
Semaine
25 heures pour terminer
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.
7 vidéos (Total 89 min), 9 lectures, 3 quiz
7 vidéos
Navegabilidad4 min
Barra de navegación y breadcrumbs4 min
Trabajando con elementos de navegabilidad16 min
Uso de iconos y fuentes10 min
Formularios14 min
Mostrando contenido28 min
Usando imágenes9 min
9 lectures
Objetivos de la lección
Guía práctica de navegabilidad15 min
Objetivos de la lección
Guía práctica de formularios40 min
Objetivos de la lección
Guía práctica de mostrar contenidos1 h
Objetivos de la lección
Objetivos de la lección1 min
Notificaciones10 min
2 exercices pour s'entraîner
Para tu autoevaluación (no calificado) del Módulo 220 min
Calificado del Módulo 220 min
Semaine
35 heures pour terminer
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.
7 vidéos (Total 59 min), 11 lectures, 3 quiz
7 vidéos
Trabajando con Collapse5 min
Trabajando con accordions8 min
Mostrando contenido con modals10 min
Utilizando tooltips6 min
Utilizando popovers3 min
Trabajando con carousel11 min
11 lectures
Objetivos de la lección
Componentes Javascript de Bootstrap – Introducción4 min
Objetivos de la lección
Guía práctica de tabs y pills35 min
Objetivos de la lección
Guía práctica de visibilidad40 min
Objetivos de la lección
Guía práctica de modals30 min
Guía práctica de tooltips y popovers40 min
Objetivos de la lección
Guía práctica de carousel30 min
2 exercices pour s'entraîner
Para tu autoevaluación (no calificado) del Módulo 320 min
Calificado del Módulo 320 min
Semaine
45 heures pour terminer
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.
6 vidéos (Total 138 min), 9 lectures, 3 quiz
6 vidéos
Trabajando con SASS14 min
Trabajando con Less6 min
Implementando herramientas con NPM Scripts27 min
Automatizadores de tareas Grunt39 min
Automatizadores de tareas Gulp25 min
9 lectures
Guía práctica de JQuery y eventos de componentes20 min
Objetivos de la lección
Guía práctica de SASS20 min
Guía práctica de Less1 min
Objetivos de la lección
Saliendo a producción5 min
Guía práctica de NPM30 min
Objetivos de la lección
Task Runners - Conclusiones y consignas10 min
2 exercices pour s'entraîner
Para tu autoevaluación (sin calificar) del Módulo 420 min
Calificado del Módulo 420 min
4.5
30 avisMeilleurs avis pour Diseñando páginas web con Bootstrap 4
Excelente curso, la dinámica es muy agradable e incentiva a que se termine el curso y se complete de inicio a fin sin problemas.
Me a gustado mucho el curso, las explicaciones que daba el docente era claro y conciso. Me alegro de haber tomado el curso.
Enseignant
Ezequiel Lamónica
Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.À propos de 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.
À propos du Spécialisation 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.
Este programa te permitirá crear páginas web reactivas y apps móviles nativas de nivel profesional. Asimismo, te brindará herramientas, tanto para crear páginas webs, aplicando diseños realizados por diseñadores profesionales, como para programar el backend que dé soporte a una aplicación móvil o web.
El programa está destinado a toda persona interesada en aprender, de manera práctica, a programar páginas reactivas y apps móviles.
Se desarrolla en 4 MOOCs de 4 semanas de duración cada uno.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Une aide financière est-elle possible ?
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2020 Coursera Inc. Tous droits réservés.
