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.
Dieser Kurs ist Teil der Spezialisierung Spezialisierung Full Stack Web Development en Español
Diseñando páginas web con Bootstrap 4
von
Über diesen Kurs
9,554 kürzliche Aufrufe
Learner Career Outcomes
Was Sie lernen werden
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 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Kurs 1 von 4 in
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Stufe „Anfänger“
Ca. 29 Stunden zum Abschließen
Empfohlen: 4 semanas de estudio. 5 horas/semana.
Spanisch
Untertitel: Spanisch
Lehrplan - Was Sie in diesem Kurs lernen werden
5 Stunden zum Abschließen
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 Stunden zum Abschließen
15 Videos (Gesamt 135 min), 7 Lektüren, 3 Quiz
15 Videos
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
7 Lektüren
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 praktische Übungen
para tu autoevaluación (no calificado) del Módulo 120m
Calificado del Módulo 120m
5 Stunden zum Abschließen
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 Stunden zum Abschließen
7 Videos (Gesamt 89 min), 9 Lektüren, 3 Quiz
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 Lektüren
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 praktische Übungen
Para tu autoevaluación (no calificado) del Módulo 220m
Calificado del Módulo 220m
5 Stunden zum Abschließen
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 Stunden zum Abschließen
7 Videos (Gesamt 59 min), 11 Lektüren, 3 Quiz
7 Videos
Trabajando con Collapse5m
Trabajando con accordions8m
Mostrando contenido con modals10m
Utilizando tooltips6m
Utilizando popovers3m
Trabajando con carousel11m
11 Lektüren
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 praktische Übungen
Para tu autoevaluación (no calificado) del Módulo 320m
Calificado del Módulo 320m
5 Stunden zum Abschließen
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 Stunden zum Abschließen
6 Videos (Gesamt 138 min), 9 Lektüren, 3 Quiz
6 Videos
Trabajando con SASS14m
Trabajando con Less6m
Implementando herramientas con NPM Scripts27m
Automatizadores de tareas Grunt39m
Automatizadores de tareas Gulp25m
9 Lektüren
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 praktische Übungen
Para tu autoevaluación (sin calificar) del Módulo 420m
Calificado del Módulo 420m
Top-Bewertungen von 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.
Dozent
Ezequiel Lamónica
Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.Über 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.
Über den Spezialisierung 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.
Häufig gestellte Fragen
Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Sobald Sie sich für ein Zertifikat angemeldet haben, haben Sie Zugriff auf alle Videos, Quizspiele und Programmieraufgaben (falls zutreffend). Aufgaben, die von anderen Kursteilnehmern bewertet werden, können erst dann eingereicht und überprüft werden, wenn Ihr Unterricht begonnen hat. Wenn Sie sich den Kurs anschauen möchten, ohne ihn zu kaufen, können Sie womöglich auf bestimmte Aufgaben nicht zugreifen.
Was bekomme ich, wenn ich diese Spezialisierung abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse der Spezialisierung und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.
Wie erfolgen Rückerstattungen?
Ist finanzielle Unterstützung möglich?
Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..
Coursera arbeitet mit erstklassigen Universitäten und Organisationen zusammen, um Online-Kurse anzubieten und dadurch universellen Zugriff auf die weltweit beste Ausbildung zu ermöglichen.
© 2020 Coursera Inc. Alle Rechte vorbehalten.
