Mostrar los tags: bootstrap

El diseño de webs tipo "responsive" permite crear webs adaptables a diferentes tamaños de pantalla, desde webs para pantallas tamaño escritorio, pasando por tablets, hasta webs para móviles. Este tipo de diseño se basa en crear un único código y utilizar reglas y estilos CSS para adaptar los contenidos a los diferentes tamaños de pantalla.

Los contenidos principales del libro son:
1.- Introducción
1.1.- Frameworks responsive
1.2.- Funcionamiento del diseño adaptable
1.3.- Probando el responsive
2.- Página básica
3.- Sistema de rejilla
3.1.- Forzar el cambio de fila
3.2.- Anidamiento de columnas
3.3.- Márgenes o espaciado entre columnas
3.4.- Ordenación de columnas
4.- Utilidades responsive
5.- Media Queries
6.- Componentes Responsive
6.1.- Botones
6.2.- Desplegables
6.3.- Grupos de botones
6.4.- Formularios
6.5.- Navegación
6.6.- Barra de navegación
6.7.- Tablas
7.- Ejercicios
8.- Bibliografía

Curso intensivo dedicado al toolkit desarrollado por Twitter para la creación de diseños web.

Índice de vídeos:
01.- Preparándose.
02.- Convertir enlaces en botones.
03.- Sistema de diseño.
04.- Scaffolding.
05.- Uso de la clase Thumbnails.
06.- Crear grids.
07.- El navbar
08.- Uso de Javascript para hacer el diseño Responsive.
09.- Convertir proyecto de Bootstrap 2 a Bootstrap 3
10.- Guía de novedades en Bootstrap 3.
11.- Crear pestañas.
12.- Crear un slideshow.

Tutorial de CodeIgniter en vídeos:
1.- Introducción
2.- Insert
3.- login, session, update
4.- delete
5.- Bootstrap
6.- AJAX JQuery combos y tablas
7.- Recorrer una tabla JQuery
8.- Crear controles desde bd
9.- Subir y descargar imagenes, archivos
10.- Envio de email con imagen linkeado
11.- Crear y descargar PDF
12.- exportar EXCEL
13.- Chartjs ( Line & Bar )
14.- pasar parametros a un modal
15.- DataTables, paginación, etc
16.- Protege tus archivos de proyecto
17.- Seguridad: Evitar ingreso al sistema por url
18.- Busqueda en tiempo real - KeyUp
19.- CAPTCHA
20.- Subir proyecto a la nube
21.- reCAPTCHA Google - No soy un robot
22.- Autocomplete
23.- FullCalendar, listar Eventos desde BD - Part 1
24.- FullCalendar, Editar Eventos - Part 2
25.- FullCalendar, Cambiar tamaño del evento - Part 3
26.- FullCalendar, Eliminar Eventos - Part 4
27.- FullCalendar, Editar en PopUp Modal - Part 5
28.- Set Time Zone
29.- Server Side Processing / DataTables

Vamos a conocer como trabajar con Material Design y Bootstrap 4 utilizando un framework muy potente llamado MDBootstrap 4. Aquí aprenderás bases paso a paso y desde cero para desarrollar páginas web responsives utilizando toda la magia de Bootstrap en su última versión. Espero que disfrutes de cada uno de estos videos tutoriales.

Curso de Bootstrap en vídeos:
1.- Introducción e Instalación
2.- La Grid, entendiendo el sistema de rejillas
3.- Tipografía y textos
4.- Tablas
5.- Formularios
6.- Botones
7.- Imágenes
8.- Helper Classes / Clases Auxiliares
9.- Responsive utilities / Herramientas responsivas
10.- Iconos / Glyphicons
11.- Dropdown
12.- Grupos de Botones
13.- Dropdown Buttons
14.- Grupos de Input / Input Groups
15.- Navs / Navegaciones
16.- Barras de navegacion / Navbars
17.- Breadcrumbs / Migas de pan
18.- Paginación / Pager
19.- Labels / Etiquetas
20.- Badges / Insignias
21.- Jumbotron
22.- Encabezado de pagina / Page Header
23.- Miniaturas / Thumbnails
24.- Mensajes de Alerta
25.- Barras de progreso / Progress Bar
26.- Grupos de listas/ List Groups
27.- Objeto Media / Media Object
28.- Paneles / Panels
29.- Ventanas emergentes / Modals
30.- Componente Scrollspy
31.- Componente Collapse / Acordeón
32.- Tabs Dinamicas
33.- Como hacer un slideshow con Bootstrap

Curso completo de Bootstrap 4 en vídeo. Duración 4h 40m