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.
本課程是 Full Stack Web Development en Español 專項課程 專項課程的一部分
Diseñando páginas web con Bootstrap 4
提供方
課程信息
10,477 次近期查看
您將學到的內容有
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
學習Course的學生是
- Designers
- Technical Support Associates
- Graphic Designers
- Machine Learning Engineers
- Entrepreneurs
教學大綱 - 您將從這門課程中學到什麼
週
1完成時間為 5 小時
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 個視頻 （總計 135 分鐘）, 7 個閱讀材料, 3 個測驗
15 個視頻
Configurando GIT4分鐘
Creando un repositorio10分鐘
Comandos básicos de GIT7分鐘
Vinculando GIT con el repositorio en la nube4分鐘
Qué es un desarrollador Full Stack6分鐘
Comenzando un proyecto GIT basics2分鐘
NodeJS2分鐘
Primeros pasos con NodeJS y NPM28分鐘
Configurando Bootstrap13分鐘
Video: Frameworks de front-end5分鐘
Diseño responsive - Introducción5分鐘
Diseño responsive - Introducción B2分鐘
Sistema de grillas9分鐘
Utilizando Flex30分鐘
7 個閱讀材料
Contenidos y dinámica del curso8分鐘
Guía práctica de GIT15分鐘
Guía práctica de NodeJS y NPM15分鐘
Objetivos de la lección1分鐘
Guía práctica de Bootstrap30分鐘
Guía práctica de grillas10分鐘
Guía práctica de Flex20分鐘
2 個練習
para tu autoevaluación (no calificado) del Módulo 120分鐘
Calificado del Módulo 120分鐘
週
2完成時間為 5 小時
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 個視頻 （總計 89 分鐘）, 9 個閱讀材料, 3 個測驗
7 個視頻
Barra de navegación y breadcrumbs4分鐘
Trabajando con elementos de navegabilidad16分鐘
Uso de iconos y fuentes10分鐘
Formularios14分鐘
Mostrando contenido28分鐘
Usando imágenes9分鐘
9 個閱讀材料
Objetivos de la lección
Guía práctica de navegabilidad15分鐘
Objetivos de la lección
Guía práctica de formularios40分鐘
Objetivos de la lección
Guía práctica de mostrar contenidos1小時
Objetivos de la lección
Objetivos de la lección1分鐘
Notificaciones10分鐘
2 個練習
Para tu autoevaluación (no calificado) del Módulo 220分鐘
Calificado del Módulo 220分鐘
週
3完成時間為 5 小時
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 個視頻 （總計 59 分鐘）, 11 個閱讀材料, 3 個測驗
7 個視頻
Trabajando con Collapse5分鐘
Trabajando con accordions8分鐘
Mostrando contenido con modals10分鐘
Utilizando tooltips6分鐘
Utilizando popovers3分鐘
Trabajando con carousel11分鐘
11 個閱讀材料
Objetivos de la lección
Componentes Javascript de Bootstrap – Introducción4分鐘
Objetivos de la lección
Guía práctica de tabs y pills35分鐘
Objetivos de la lección
Guía práctica de visibilidad40分鐘
Objetivos de la lección
Guía práctica de modals30分鐘
Guía práctica de tooltips y popovers40分鐘
Objetivos de la lección
Guía práctica de carousel30分鐘
2 個練習
Para tu autoevaluación (no calificado) del Módulo 320分鐘
Calificado del Módulo 320分鐘
週
4完成時間為 5 小時
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 個視頻 （總計 138 分鐘）, 9 個閱讀材料, 3 個測驗
6 個視頻
Trabajando con SASS14分鐘
Trabajando con Less6分鐘
Implementando herramientas con NPM Scripts27分鐘
Automatizadores de tareas Grunt39分鐘
Automatizadores de tareas Gulp25分鐘
9 個閱讀材料
Guía práctica de JQuery y eventos de componentes20分鐘
Objetivos de la lección
Guía práctica de SASS20分鐘
Guía práctica de Less1分鐘
Objetivos de la lección
Saliendo a producción5分鐘
Guía práctica de NPM30分鐘
Objetivos de la lección
Task Runners - Conclusiones y consignas10分鐘
2 個練習
Para tu autoevaluación (sin calificar) del Módulo 420分鐘
Calificado del Módulo 420分鐘
4.5
23 個審閱來自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.
講師
Ezequiel Lamónica
Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.關於 奥斯达拉尔大学
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.
關於 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.
常見問題
我什么时候能够访问课程视频和作业？
注册以便获得证书后，您将有权访问所有视频、测验和编程作业（如果适用）。只有在您的班次开课之后，才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程，可能无法访问某些作业。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
退款政策是如何规定的？
有助学金吗？
還有其他問題嗎？請訪問 學生幫助中心。
