- ¿A quién va dirigido el curso?
- Contenido del Curso
Lo que aprenderás
- Crearás interfaces profesionales y responsivas para tus proyectos web de manera fácil y sencilla
- Entenderás al 100% cualquier código de interfaces creados en Bootstrap 4.
- Conocerás todos los componentes, utilidades, diseño y estructuración de Bootstrap 4, así que aprovecharás al máximo el uso del framework sin escribir código CSS personalizado.
- Crearás proyectos de la vida real con Bootstrap 4 como vistas de un sistema CRUD (Altas, bajas y cambios) así como landing pages y portfolios.
- Aprenderás a usar Bootstrap 4 con librerías de íconos, ya que en la nueva versión ya no se incluyen los glyphicons de la versión 3.
- Aprenderás a escribir eficientemente tu código con la ayuda de Emmet y los Code Snippets.
- Conocerás un tema profesional de Bootstrap 4 basado en Material Design llamada MDBootstrap que te permitirá crear interfaces aún más profesionales y que extiende los controles de Bootstrap 4
Descripción
Bootstrap es la librería de componentes para desarrollo web más famosa del mundo. En caso de que seas nuevo o ya tengas tus kilómetros recorridos en el desarrollo front-end, Boostrap sigue siendo una poderosa herramienta para cualquier tipo de aplicación web a desarrollar para crear proyectos responsivos y móviles-primero.
En esta nueva versión de Bootstrap, los creadores hacen uso de los últimos avances y estándares web, incluyendo características atractivas y novedosas que te permitirán realizar tus proyectos con el menor tiempo posible. Así que si estás pensando en una librería que siempre esté acorde a las últimas tendencias, haz dado en el lugar indicado.
En este curso conocerás paso a paso y con explicaciones lo más detalladas posibles, el funcionamiento de cada uno de los componentes de Bootstrap 4, el sistema Grid, su diseño, tipografía, utilidades, formularios, componentes, así como conocerás herramientas para optimizar la productividad al escribir tu código con Bootstrap 4.
Además, crearás proyectos interactivos y complejos, que te ayudarán a adaptar lo aprendido en proyectos del mundo real de manera poderosa y eficaz, con lo cual serás capaz de reducir el tiempo de tus desarrollos web considerablemente.
¿Qué esperas? Embárcate en esta aventura y vuélvete un samurái codiciado para crear interfaces responsivas y profesionales. ;)
netcurso.net free. La mayor selección de cursos gratis del mundo
Elija entre más de 8,000 cursos en línea con nuevas adiciones publicadas cada mes. ComenzarLos estudiantes también compraron
Macros y VBA: Programa, automatiza y amplía Microsoft Excel.
Tablas Dinámicas: Análisis de datos en Microsoft Excel.
Tablas dinámicas y análisis de datos e hipótesis con Excel
Contenido del curso
- Archivos de Ejercicios del curso
- Configuración rápida de Bootstrap 4
- Explicación de la plantilla inicial
- Descarga de archivos para trabajar localmente
- Uso de JavaScript en Bootstrap 4
- Uso de Atributos Data
- Uso de Eventos en JavaScript
- Uso del Api Programático de JavaScript
- ¿Qué hacer cuando JavaScript está deshabilitado?
- Introducción
- Operador para elementos hijos
- Operador para elementos hermanos
- Operador para subir al elemento padre
- Operador de agrupación
- Operador de multiplicación
- Atributos para Identificador y Clases
- Atributos personalizados
- Trabajando con texto
- Nombres de etiquetas implícitos
- Operador numeración
- Edición y creación de múltiples bloques de texto
- Introducción
- Estados Aria
- Propiedades Aria
- Roles
- FontAwesome 4
- FontAwesome 5
- OpenIconic
- Material Design Icons
- Ionicons
- Feather
- Dripicons
- Ikons
- Glyph
- Icofont
- Tipografía - Encabezados
- Tipografía - Encabezados tipo Display
- Tipografía - Clase Lead
- Tipografía - Elementos Inline
- Tipografía - Abreviaciones
- Tipografía - Blockquotes
- Tipografía - Listas
- Escritura de bloques de código
- Imágenes
- Tablas - Estilización
- Tablas - Subtítulos
- Tablas - Colores contextuales
- Tablas - Comportamientos responsivos
- Figuras
- Tabla de opciones y clases del sistema Grid
- Columnas de diseño automático
- Columnas con ancho fijo
- Columnas de ancho variable
- Multifilas de igual ancho
- Clases responsivas
- Alineación vertical
- Alineación horizontal
- Envoltura de columnas (wrapping)
- No gutters o sin canales
- Reordenamiento de las columnas
- Desplazamiento de columnas (offset)
- Reajuste del desplazamiento de las columnas
- Anidación
- Objetos multimedia
- Bordes
- Colores
- Embed o cómo incrustar elementos como videos e iframes
- Espaciado
- Texto
- Alineación vertical
- Tamaño
- Reemplazo de texto por imágenes
- Ícono cerrar
- Visibilidad
- Propiedad Display
- Propiedad Float
- Propiedad Clearfix
- Posición
- Lectores de pantalla (Accesibilidad)
- Flexbox - Contenedores
- Flexbox - Dirección
- Flexbox - Justificación del contenido
- Flexbox - Alineación de elementos
- Flexbox - Autoalineación
- Flexbox - Márgenes automáticos
- Flexbox - Wrapping
- Flexbox - Orden
- Flexbox - Alineación de contenido
- Formulario básico
- Controles de formulario
- Tamaño de los controles de formulario