
Descripción del curso
Bienvenido al curso de Bootstrap 4, donde conoceremos completamente todo lo que nos ofrece el framework más poderoso y conocido del mundo, desde el sistema de grid, descubriendo un mundo nuevo de posibilidades al trabajar con FlexBox hasta utilizar los 17 componentes JavaScript de una forma muy sencilla y lo mejor no necesitas conocimientos previos de Bootstrap, este curso empieza desde lo más básico hasta un nivel avanzado.
¡Última versión!
Trabajamos con la versión final 🙂
Retos
Al final del curso realizaremos algunos retos. y te ayude a colocar en práctica todo lo aprendido en este curso de Bootstrap (Te servirá para aumentar tu portafolio)
Reto 1
– Construimos un sitio web completo “One Page” adaptable a cualquier dispositivo.
Reto 2
– Desarrollamos un sitio web completo tipo portafolio pensado especialmente para diseñadores gráficos (Aunque se puede adaptar a cualquier campo, fotógrafos, desarrolladores web)
Presentación del curso
- Introducción
- Presentación del reto #1
- Presentación del reto #2
Conociendo Booststrap 4
- Lo nuevo de Bootstrap 4
- Descargando Bootstrap 4
- ¡Hola Udemy!
Layout
- ¡Hola Udemy!
- Conceptos básicos de FlexBox
- Sistema de Grillas Parte 1
- Sistemas de grillas parte 2
- Sistema de grillas parte 3
- Alineación de columnas – Vertical
- Alineación de columnas – Horizontal
- NoGutter
- Order
- Offsetting
- Media Object
Contenido
- Introducción
- Images
- Tables
- Figure
Componentes
- Introducción
- Alerts
- Badge
- Breadcrumbs
- Botones
- Grupo de botones
- Carousel
- Collapse
- Dropdowns
- Formularios
- List Group
- Modal
- Navs
- Navbar
- Pagination
- PopOver
- Progress
- Tooltips
Utilidades
- Introducción
- Border – Clearfix – Close Icon – Colors
- Display
- Embed
- Flex
- Float – Position – Sizing
- Spacing – Text – Visibility
Reto 1
- Herramientas a utilizar
- Construyendo el Header
- Construyendo el Header – Solucionando Problemas
- Construyendo el Header – Conclusiones
- Variables CSS – Google Fonts
- Realizando el Slider
- Realizando Servicios
- Quienes Somos
- Newsletter
- Galería de imágenes
- Proyectos
- Formulario de Contacto
- Menú animado
- Music Extreme
- Archivos del sitio web
Reto 2
- Herramientas a utilizar
- Estructura de Archivos
- Fuentes
- Imágenes
- Finalizando el Header
- Perfil
- Redes Sociales
- Últimos Proyectos (Parte 1)
- Sección Estadísticas – Parte 1
- Sección estadísticas – Parte 2
- Sección del Blog
- Footer
- Archivos del sitio web
0.00 average based on 0 ratings