關於此課程：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.
製作方： Universidad Austral
教學方： Ezequiel Lamónica, Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.
| 級別 | 初級 |
| 承諾學習時間 | 4 semanas de estudio. 5 horas/semana. |
| 語言 | 西班牙語（Spanish） |
| 如何通過 | 通過所有計分作業以完成課程。 |
授課大綱
第 1 週
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 個視頻, 7 個閱讀材料, 1 個練習測驗
- Reading: Contenidos y dinámica del curso
- 視頻: Configurando GIT
- 視頻: Creando un repositorio
- 視頻: Comandos básicos de GIT
- 視頻: Vinculando GIT con el repositorio en la nube
- Reading: Guía práctica de GIT
- 視頻: Qué es un desarrollador Full Stack
- 視頻: Comenzando un proyecto GIT basics
- 視頻: NodeJS
- 視頻: Primeros pasos con NodeJS y NPM
- Reading: Guía práctica de NodeJS y NPM
- Reading: Objetivos de la lección
- 視頻: Configurando Bootstrap
- 視頻: Video: Frameworks de front-end
- Reading: Guía práctica de Bootstrap
- 視頻: Diseño responsive - Introducción
- 視頻: Diseño responsive - Introducción B
- 視頻: Sistema de grillas
- Reading: Guía práctica de grillas
- 視頻: Utilizando Flex
- Reading: Guía práctica de Flex
- Practice Quiz: para tu autoevaluación (no calificado) del Módulo 1
已評分: Calificado del Módulo 1
已評分: Evaluación del proyecto - Módulo 1
第 2 週
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 個視頻, 9 個閱讀材料, 1 個練習測驗
- Reading: Objetivos de la lección
- 視頻: Barra de navegación y breadcrumbs
- 視頻: Trabajando con elementos de navegabilidad
- 視頻: Uso de iconos y fuentes
- Reading: Guía práctica de navegabilidad
- Reading: Objetivos de la lección
- 視頻: Formularios
- Reading: Guía práctica de formularios
- Reading: Objetivos de la lección
- 視頻: Mostrando contenido
- Reading: Guía práctica de mostrar contenidos
- Reading: Objetivos de la lección
- 視頻: Usando imágenes
- Reading: Objetivos de la lección
- Reading: Notificaciones
- Practice Quiz: Para tu autoevaluación (no calificado) del Módulo 2
已評分: Calificado del Módulo 2
已評分: Evaluación del proyecto - Módulo 2
第 3 週
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 個視頻, 11 個閱讀材料, 1 個練習測驗
- Reading: Objetivos de la lección
- Reading: Componentes Javascript de Bootstrap – Introducción
- Reading: Objetivos de la lección
- Reading: Guía práctica de tabs y pills
- Reading: Objetivos de la lección
- 視頻: Trabajando con Collapse
- 視頻: Trabajando con accordions
- Reading: Guía práctica de visibilidad
- Reading: Objetivos de la lección
- 視頻: Mostrando contenido con modals
- Reading: Guía práctica de modals
- 視頻: Utilizando tooltips
- 視頻: Utilizando popovers
- Reading: Guía práctica de tooltips y popovers
- Reading: Objetivos de la lección
- 視頻: Trabajando con carousel
- Reading: Guía práctica de carousel
- Practice Quiz: Para tu autoevaluación (no calificado) del Módulo 3
已評分: Calificado del Módulo 3
已評分: Evaluación del proyecto - Módulo 3
第 4 週
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 個視頻, 9 個閱讀材料, 1 個練習測驗
- Reading: Guía práctica de JQuery y eventos de componentes
- Reading: Objetivos de la lección
- 視頻: Trabajando con SASS
- Reading: Guía práctica de SASS
- 視頻: Trabajando con Less
- Reading: Guía práctica de Less
- Reading: Objetivos de la lección
- Reading: Saliendo a producción
- 視頻: Implementando herramientas con NPM Scripts
- Reading: Guía práctica de NPM
- Reading: Objetivos de la lección
- 視頻: Automatizadores de tareas Grunt
- 視頻: Automatizadores de tareas Gulp
- Reading: Task Runners - Conclusiones y consignas
- Practice Quiz: Para tu autoevaluación (sin calificar) del Módulo 4
已評分: Calificado del Módulo 4
已評分: Evaluación del proyecto - Módulo 4
常見問題解答
運作方式
Coursework
Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.
Help from Your Peers
Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.
Certificates
Earn official recognition for your work, and share your success with friends, colleagues, and employers.
製作方
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.
