¡99% de ahorro!
Udemy

Bootstrap 4 para samuráis

Udemy
Online
Precio Emagister

2.970 € 20 
¿Quieres hablar con un asesor sobre este curso?
¿Quieres hablar con un asesor sobre este curso?

Información importante

Tipología Curso
Metodología Online
Horas lectivas 12h
Inicio Fechas a elegir
Envío de materiales de aprendizaje
Servicio de consultas
Tutor personal
Clases virtuales
  • Curso
  • Online
  • 12h
  • Inicio:
    Fechas a elegir
  • Envío de materiales de aprendizaje
  • Servicio de consultas
  • Tutor personal
  • Clases virtuales
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. ;)

¿Para quién es este curso?
Usuarios principiantes a avanzados

Información importante

Precio a usuarios Emagister:

Instalaciones (1) y fechas
Dónde se imparte y en qué fechas

Ubicación

Inicio

Online

Inicio

Fechas a elegirMatrícula abierta

A tener en cuenta

· ¿Cuáles son los objetivos de este 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 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

· ¿A quién va dirigido?

Usuarios principiantes a avanzados

· Requisitos

HTML, Javascript y CSS en nivel básico

Preguntas & Respuestas

Plantea tus dudas y otros usuarios podrán responderte

Sólo publicaremos tu nombre y pregunta

Logros de este Centro

2016

¿Cómo se consigue el sello CUM LAUDE?

Todos los cursos están actualizados

La valoración media es superior a 3,7

Más de 50 opiniones en los últimos 12 meses

Este centro lleva 4 años en Emagister.

¿Qué aprendes en este curso?

Accesibilidad
Acciones
API
Eventos
HTML
Imagen
Productividad
Tipografía
Desarrollo web
Archivos
Proyectos web
Navegación
Color
Alineación
Paginación
Multimedia
Multimedia
Accesibilidad
Multimedia
Accesibilidad

Temario

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 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 ...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 vertical ...Ventanas modales - Tooltips y Popovers ...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 verticales ...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 ...Popovers ...Popovers - Dirección y posición ...Popovers - Descarte o dismissing ...Popovers - 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 ...

Información adicional

¿QUé INCLUYE EL PRECIO DEL CURSO? COMUNICACIóN DIRECTA CON EL PROFESOR, EXTENSIONES Y ACTUALIZACIONES INCLUIDAS, REEMBOLSO DENTRO DE LOS 30 DíAS, POSIBILIDAD DE ACCEDER AL CONTENIDO DEL CURSO INCLUSO DESPUéS DE ACABARLO