Informações sobre o curso: 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.
Desenvolvido por: Universidad Austral
Ministrado por: Ezequiel Lamónica, Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.
| Nível | Básico |
| Compromisso | 4 semanas de estudio. 5 horas/semana. |
| Idioma | Espanhol |
| Como ser aprovado | Seja aprovado em todas as tarefas para concluir o curso. |
Programa
SEMANA 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 videos, 7 leituras, 1 teste para praticar
- Reading: Contenidos y dinámica del curso
- Vídeo: Configurando GIT
- Vídeo: Creando un repositorio
- Vídeo: Comandos básicos de GIT
- Vídeo: Vinculando GIT con el repositorio en la nube
- Reading: Guía práctica de GIT
- Vídeo: Qué es un desarrollador Full Stack
- Vídeo: Comenzando un proyecto GIT basics
- Vídeo: NodeJS
- Vídeo: Primeros pasos con NodeJS y NPM
- Reading: Guía práctica de NodeJS y NPM
- Reading: Objetivos de la lección
- Vídeo: Configurando Bootstrap
- Vídeo: Video: Frameworks de front-end
- Reading: Guía práctica de Bootstrap
- Vídeo: Diseño responsive - Introducción
- Vídeo: Diseño responsive - Introducción B
- Vídeo: Sistema de grillas
- Reading: Guía práctica de grillas
- Vídeo: Utilizando Flex
- Reading: Guía práctica de Flex
- Practice Quiz: para tu autoevaluación (no calificado) del Módulo 1
Nota atribuída: Calificado del Módulo 1
Nota atribuída: Evaluación del proyecto - Módulo 1
SEMANA 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 videos, 9 leituras, 1 teste para praticar
- Reading: Objetivos de la lección
- Vídeo: Barra de navegación y breadcrumbs
- Vídeo: Trabajando con elementos de navegabilidad
- Vídeo: Uso de iconos y fuentes
- Reading: Guía práctica de navegabilidad
- Reading: Objetivos de la lección
- Vídeo: Formularios
- Reading: Guía práctica de formularios
- Reading: Objetivos de la lección
- Vídeo: Mostrando contenido
- Reading: Guía práctica de mostrar contenidos
- Reading: Objetivos de la lección
- Vídeo: Usando imágenes
- Reading: Objetivos de la lección
- Reading: Notificaciones
- Practice Quiz: Para tu autoevaluación (no calificado) del Módulo 2
Nota atribuída: Calificado del Módulo 2
Nota atribuída: Evaluación del proyecto - Módulo 2
SEMANA 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 videos, 11 leituras, 1 teste para praticar
- 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
- Vídeo: Trabajando con Collapse
- Vídeo: Trabajando con accordions
- Reading: Guía práctica de visibilidad
- Reading: Objetivos de la lección
- Vídeo: Mostrando contenido con modals
- Reading: Guía práctica de modals
- Vídeo: Utilizando tooltips
- Vídeo: Utilizando popovers
- Reading: Guía práctica de tooltips y popovers
- Reading: Objetivos de la lección
- Vídeo: Trabajando con carousel
- Reading: Guía práctica de carousel
- Practice Quiz: Para tu autoevaluación (no calificado) del Módulo 3
Nota atribuída: Calificado del Módulo 3
Nota atribuída: Evaluación del proyecto - Módulo 3
SEMANA 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 videos, 9 leituras, 1 teste para praticar
- Reading: Guía práctica de JQuery y eventos de componentes
- Reading: Objetivos de la lección
- Vídeo: Trabajando con SASS
- Reading: Guía práctica de SASS
- Vídeo: Trabajando con Less
- Reading: Guía práctica de Less
- Reading: Objetivos de la lección
- Reading: Saliendo a producción
- Vídeo: Implementando herramientas con NPM Scripts
- Reading: Guía práctica de NPM
- Reading: Objetivos de la lección
- Vídeo: Automatizadores de tareas Grunt
- Vídeo: Automatizadores de tareas Gulp
- Reading: Task Runners - Conclusiones y consignas
- Practice Quiz: Para tu autoevaluación (sin calificar) del Módulo 4
Nota atribuída: Calificado del Módulo 4
Nota atribuída: Evaluación del proyecto - Módulo 4
Perguntas frequentes
Como funciona
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.
Desenvolvedores
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.
O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.
© 2018 Coursera Inc. Todos os direitos reservados.
