Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- Course by Universidad Austral
-
Offered by
About
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.Modules
Lección 1: Bienvenida a Bootstrap 4.0 y el desarrollo de UI
-
6
Videos
-
3
Readings
6
Videos
- Universidad Austral
- Bienvenida a Bootstrap 4 y el desarrollo de UI
- Configurando GIT
- Creando un repositorio
- Comandos básicos de GIT
- Vinculando GIT con el repositorio en la nube
3
Readings
- Bienvenidos a la Universidad Austral
- Contenidos y dinámica del curso
- Guía práctica de GIT
Lección 2: ¿Qué es un programador full stack?
-
1
Videos
1
Videos
- Qué es un desarrollador Full Stack
Lección 3: Comenzando un proyecto
-
3
Videos
-
1
Readings
3
Videos
- Comenzando un proyecto GIT basics
- NodeJS
- Primeros pasos con NodeJS y NPM
1
Readings
- Guía práctica de NodeJS y NPM
Lección 4: Introducción a Bootstrap
-
2
Videos
-
2
Readings
2
Videos
- Configurando Bootstrap
- Video: Frameworks de front-end
2
Readings
- Objetivos de la lección
- Guía práctica de Bootstrap
Lección 5: Diseño Responsive y sistema de grillas de Bootstrap
-
4
Videos
-
2
Readings
4
Videos
- Diseño responsive - Introducción
- Diseño responsive - Introducción B
- Sistema de grillas
- Utilizando Flex
2
Readings
- Guía práctica de grillas
- Guía práctica de Flex
Actividades
-
1
PeerReview
-
2
Assignment
2
Assignment
- para tu autoevaluación (no calificado) del Módulo 1
- Calificado del Módulo 1
1
Peer Review
- Evaluación del proyecto - Módulo 1
Lección 1: Navegabilidad y barra de navegación
-
4
Videos
-
2
Readings
4
Videos
- Navegabilidad
- Barra de navegación y breadcrumbs
- Trabajando con elementos de navegabilidad
- Uso de iconos y fuentes
2
Readings
- Objetivos de la lección
- Guía práctica de navegabilidad
Lección 2: Formularios y botones
-
1
Videos
-
2
Readings
1
Videos
- Formularios
2
Readings
- Objetivos de la lección
- Guía práctica de formularios
Lección 3: Mostrando contenido con tablas y tarjetas
-
1
Videos
-
2
Readings
1
Videos
- Mostrando contenido
2
Readings
- Objetivos de la lección
- Guía práctica de mostrar contenidos
Lección 4: Imágenes
-
1
Videos
-
1
Readings
1
Videos
- Usando imágenes
1
Readings
- Objetivos de la lección
Lección 5: Notificaciones
-
2
Readings
2
Readings
- Objetivos de la lección
- Notificaciones
Actividades
-
1
PeerReview
-
2
Assignment
2
Assignment
- Para tu autoevaluación (no calificado) del Módulo 2
- Calificado del Módulo 2
1
Peer Review
- Evaluación del proyecto - Módulo 2
Lección 1: Componentes JS de Bootstrap
-
2
Readings
2
Readings
- Objetivos de la lección
- Componentes Javascript de Bootstrap – Introducción
Lección 2: Pestañas y navegación por pestañas
-
1
Videos
-
2
Readings
1
Videos
- Trabajando con tabs y pills
2
Readings
- Objetivos de la lección
- Guía práctica de tabs y pills
Lección 3: Visibilidad
-
2
Videos
-
2
Readings
2
Videos
- Trabajando con Collapse
- Trabajando con accordions
2
Readings
- Objetivos de la lección
- Guía práctica de visibilidad
Lección 4: Desplegando contenido
-
3
Videos
-
3
Readings
3
Videos
- Mostrando contenido con modals
- Utilizando tooltips
- Utilizando popovers
3
Readings
- Objetivos de la lección
- Guía práctica de modals
- Guía práctica de tooltips y popovers
Lección 5: Carroussel
-
1
Videos
-
2
Readings
1
Videos
- Trabajando con carousel
2
Readings
- Objetivos de la lección
- Guía práctica de carousel
Actividades
-
1
PeerReview
-
2
Assignment
2
Assignment
- Para tu autoevaluación (no calificado) del Módulo 3
- Calificado del Módulo 3
1
Peer Review
- Evaluación del proyecto - Módulo 3
Bootstrap y JQuery
-
1
Videos
-
1
Readings
1
Videos
- Conceptos básicos de JQuery
1
Readings
- Guía práctica de JQuery y eventos de componentes
Less y Sass
-
2
Videos
-
3
Readings
2
Videos
- Trabajando con SASS
- Trabajando con Less
3
Readings
- Objetivos de la lección
- Guía práctica de SASS
- Guía práctica de Less
Scripts NPM
-
1
Videos
-
3
Readings
1
Videos
- Implementando herramientas con NPM Scripts
3
Readings
- Objetivos de la lección
- Saliendo a producción
- Guía práctica de NPM
Task Runners Grunt y Gulp
-
2
Videos
-
2
Readings
2
Videos
- Automatizadores de tareas Grunt
- Automatizadores de tareas Gulp
2
Readings
- Objetivos de la lección
- Task Runners - Conclusiones y consignas
Actividades
-
1
PeerReview
-
2
Assignment
2
Assignment
- Para tu autoevaluación (sin calificar) del Módulo 4
- Calificado del Módulo 4
1
Peer Review
- Evaluación del proyecto - Módulo 4
Auto Summary
Unlock the power of web design with "Diseñando páginas web con Bootstrap 4," a fundamental course in IT & Computer Science offered by Coursera. Guided by expert instructors, you will delve into essential client-side web development concepts, mastering responsive design, grid systems, and CSS and JavaScript components of Bootstrap. Gain hands-on experience with CSS preprocessors like Less and Sass, and learn the basics of Node.js and NPM to effectively manage your websites. Upon completion, you will confidently design and implement responsive web pages using Bootstrap, preparing your site for a seamless production launch. The course is available through flexible subscription options, including Starter and Professional plans, making it ideal for beginners eager to build a solid foundation in web design. Join now and transform your web development skills!
Ezequiel Lamónica