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.
提供方
課程信息
59,426 次近期查看
學生職業成果
25%
完成這些課程後已開始新的職業生涯
25%
通過此課程獲得實實在在的工作福利
可分享的證書
完成後獲得證書
100% 在線
立即開始，按照自己的計劃學習。
第 1 門課程（共 4 門）
可靈活調整截止日期
根據您的日程表重置截止日期。
初級
完成時間大約為20 小時
西班牙語（Spanish）
字幕：西班牙語（Spanish）
您將學到的內容有
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
您將獲得的技能
HtmlJavaScriptFront-End Web DevelopmentAngularjs
學生職業成果
25%
完成這些課程後已開始新的職業生涯
25%
通過此課程獲得實實在在的工作福利
可分享的證書
完成後獲得證書
100% 在線
立即開始，按照自己的計劃學習。
第 1 門課程（共 4 門）
可靈活調整截止日期
根據您的日程表重置截止日期。
初級
完成時間大約為20 小時
西班牙語（Spanish）
字幕：西班牙語（Spanish）
提供方
奥斯达拉尔大学
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.
教學大綱 - 您將從這門課程中學到什麼
完成時間為 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.
完成時間為 5 小時
16 個視頻 （總計 136 分鐘）, 8 個閱讀材料, 3 個測驗
16 個視頻
Bienvenida a Bootstrap 4 y el desarrollo de UI3分鐘
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分鐘
8 個閱讀材料
Bienvenidos a la Universidad Austral1分鐘
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 130分鐘
完成時間為 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.
完成時間為 5 小時
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 230分鐘
Calificado del Módulo 220分鐘
完成時間為 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.
完成時間為 5 小時
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 330分鐘
Calificado del Módulo 320分鐘
完成時間為 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.
完成時間為 5 小時
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 430分鐘
Calificado del Módulo 430分鐘
審閱
來自DISEÑANDO PÁGINAS WEB CON BOOTSTRAP 4的熱門評論
由 MS 提供2020年11月22日
.El curso es bueno, aprendí cosas muy útiles. Solo deben mejorar la calidad de los videos, y algunas clases al parecer estan un poco desactualizadas, pero nada que no se pueda solucionar investigando.
由 MB 提供2020年8月26日
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.
由 JA 提供2020年10月1日
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.
由 CC 提供2020年12月8日
Excelnte curso! Solo falta explicar en un pequeño módulo como hacer para capturar los datos del form con JS y enviarlos al server del hosting en donde alojemos un proyecto de estas cracterísticas.
關於 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.
常見問題
我什么时候能够访问课程视频和作业？
我订阅此专项课程后会得到什么？
Is financial aid available?
還有其他問題嗎？請訪問 學生幫助中心。
