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.
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
19,236 consultations récentes
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
Certificat partageable
Obtenez un Certificat lorsque vous terminez
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
5 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.
5 heures pour terminer
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
5 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.
5 heures pour terminer
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
5 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.
5 heures pour terminer
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
5 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.
5 heures pour terminer
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
Avis
4.5
Meilleurs avis pour DISEÑANDO PÁGINAS WEB CON BOOTSTRAP 4
par MRSep 9, 2019
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.
par JDJul 9, 2019
Me a gustado mucho el curso, las explicaciones que daba el docente era claro y conciso. Me alegro de haber tomado el curso.
par FGMar 26, 2020
La información está excelente y se explica paso a paso, pero algunos videos no se pueden ver en mejor calidad
par HVDec 14, 2018
Genial !!!, llevan de la mano al estudiante explicando los conceptos de una manera clara y sencilla.
Offert par
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.