Bootstrap 4 para samuráis
Información
Udemy
Online
Curso
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 sión ya no se incluyen los glyphicons de la sió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 A quién va dirigido Usuarios principiantes a avanzados Requisitos HTML, Javascript y CSS en nivel básico Temario completo de este curso Contenido del curso...¿A quién va dirigido el curso?...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 tical...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 tical...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...Controles de formulario de sólo lectura...Controles Checkbox y Radio...Grupos de formulario...Columnas automáticas (Uso del sistema Grid)...Uso de filas en formularios...Usando el sistema Grid para crear un formulario complejo...Formularios horizontales...Etiquetas grandes y pequeñas para los formularios...Autoredimensionamiento...Formularios inline...Texto de ayuda en los formularios...Formularios deshabilitados...Validación personalizada de Bootstrap 4...Validación nativa...Validación de lado del servidor...Validación con Tooltips...Nuevos controles personalizados en Bootstrap 4...Alertas...Badges...Breadcrumbs...Botones...Grupos de botones...Barra de herramientas...Tarjetas...Tarjetas - Dimensión...Tarjetas - Alineación...Tarjetas - Navegación...Tarjetas - Imágenes...Tarjetas - Estilos...Tarjetas - Diseño...Carrusel...Carrusel - Controles...Carrusel - Indicadores...Carrusel - Subtítulos...Collapse...Collapse - Uso de elementos collapse múltiples...Collapse - Acordeón...Menús desplegables...Menús desplegables - Botones segmentados...Menús desplegables - Tamaño...Menús desplegables - Posición...Menús desplegables - Elementos del menú desplegable...Menús desplegables - Alineación...Menús desplegables - Encabezado y Divisor...Menús desplegables - Inclusión de formularios...Menús desplegables - Estado activo y deshabilitado...Grupos de entrada...Grupos de entrada - Tamaño...Grupos de entrada - Control Radio y Checkbox...Grupos de entrada - Controles y Etiquetas...Grupos de entrada - Botones múltiples...Grupos de entrada - Inclusión de menús desplegables...Grupos de entrada - Inclusión del elemento select personalizado...Grupos de entrada - Inclusión del elemento archivo personalizado...Jumbotron...Grupos de lista...Grupos de lista - Estados...Grupos de lista - Acciones...Grupos de lista - Cómo quitar bordes de contorno...Grupos de lista - Clases contextuales...Grupos de lista - Inclusión del elemento badge...Grupos de lista - Agregando HTML personalizado...Tabs con listas personalizadas...Ventanas modales...Ventanas modales - Contenido de gran tamaño...Ventanas modales - Centrado tical...Ventanas modales - Tooltips y Popos...Ventanas modales - Uso del sistema Grid...Ventanas modales - Uso de contenido dinámico...Ventanas modales - Tamaños...Ventanas modales - Animación...Elementos de navegación (Navs)...Elementos de navegación - Alineación...Elementos de navegación - Inclusión de menús desplegables...Elementos de navegación - Creando interacción con pestañas (Tabs)...Elementos de navegación - Creando interacción con pestañas (Tabs). 2da. parte...Elementos de navegación - Interacción Tab con la clase Pill...Elementos de navegación - Tabs ticales...Barra de navegación...Barra de navegación responsiva...Barra de navegación con logotipo como texto...Barra de navegación con logotipo como imagen...Barra de navegación con elementos de navegación...Barra de navegación con menús desplegables...Barra de navegación con formularios...Barra de navegación con grupos de entrada...Barra de navegación con botones...Barra de navegación con texto...Barra de navegación y esquemas de color...Barra de navegación con las clases para contenedores...Barra de navegación y su posición...Paginación...Paginación con íconos...Paginación con estados...Paginación - Tamaño...Paginación - Alineación...Popos...Popos - Dirección y posición...Popos - Descarte o dismissing...Popos - Uso en elementos deshabilitados...Progress...Progress - Propiedad alto y adición de etiquetas...Progress - Colores...Progress - Estilo a rayas...Progress - Animación...Scrollspy...Scrollspy - Elementos de navegación anidados...Scrollspy - Uso con grupos de lista...Tooltips...Tooltips - Dirección...Tooltips - HTML personalizado...Introducción...Instalación de Code Snippets de Bootstrap 4 en Visual Studio Code...Alertas...Comandos del Code Snippet para Bootstrap 4... más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Entender el funcionamiento de la cli y los diferentes modos de usuario de un equipo cisco así como las diferentes memorias... 2 cómo instalar packettracer en windows...
Mainframe IBM en tu PC
(Udemy)
Arrancar el sistema operativo mvs de ibm en la pc... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Instalación de apache... instalación de centos linux... introducción a la plataforma lamp... adicionalmente, es recomendable contar con conocimientos básicos en...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Y si eres profesional aquí encontraras recopilada y organizada toda la información que necesitas sobre esta patología y cómo trabajarla... terapia de jaula...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Audio descargable (mp3)... niños y adultos que quieran leer y escuchar 16 cuentos clásicos en francés... a quién va dirigido estudiantes con nivel básico-intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Entusiastas y usuarios de power bi... crearán visualizaciones analíticas de datos para entender el desempeño del call center y evaluarlo... power bi desktop...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
La copia como medio... podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Crear aplicaciones completas con react, apollo y graphql conocer más sobre mongodb y mongoose para integrarlo a sus aplicaciones react crear aplicaciones fullstack...