Regresar al curso
Curso Universidad Bootstrap 4 – Creamos el sitio Techsmith.com
Módulo 1: Introducción al curso
8- Descarga de archivos que usaremos en este cursoClase1.1
- Requisitos para llevar este curso 13 minClase1.2
- Extensiones para Visual Estudio Code (Parte 1) 13 minClase1.3
- Extensiones para Visual Estudio Code (Parte 2) 07 minClase1.4
- Creando la estructura de mi proyecto 05 minClase1.5
- Integrando Font awesome 5 09 minClase1.6
- Instalación de Bootstrap 4 15 minClase1.7
- Cargando nuestra hoja de estilos personalizada 09 minClase1.8
Módulo 2: Diseñando los patrones de colores
5- Definiendo patrones de colores 12 minClase2.1
- Definiendo la tipografia 15 minClase2.2
- Definiendo estilos CSS para el color principal (parte 1) 13 minClase2.3
- Definiendo estilos CSS para el color principal (parte 2) 14 minClase2.4
- Definiendo estilos CSS para el color secundario y otros 13 minClase2.5
Módulo 3: Creando el encabezado
22- Insertando el componente navbar 08 minClase3.1
- Personalizando el color del navbar 10 minClase3.2
- Personalizando el logo del navbar 09 minClase3.3
- Entendiendo los estilos SASS anidados 07 minClase3.4
- Personalizando el contenedor del navbar 09 minClase3.5
- Creando el boton comprar con el Componente DropDown 14 minClase3.6
- Creando el boton buscar con Font Awesome 5 07 minClase3.7
- Creando el formulario Buscar con el componente Collapse 06 minClase3.8
- Creando los campos del buscador con el componente InputGroup 08 minClase3.9
- Introducción a la Libreria Mmenu JS 08 minClase3.10
- Analizando la documentación de Mmenu JS (parte 1) 13 minClase3.11
- Analizando la documentación de Mmenu JS (parte 2) 10 minClase3.12
- Descarga e instalación de Mmenu Js 05 minClase3.13
- Inicializando Mmenu Js (parte 1) 09 minClase3.14
- Inicializando Mmenu Js (parte 2) 07 minClase3.15
- Creando el contenido real del menu 14 minClase3.16
- Configurando las opciones del CORE de Mmenu JS 07 minClase3.17
- Configurando las Extensiones de Mmenu JS (Parte 2) 04 minClase3.18
- Configurando las Extensiones de Mmenu JS (Parte 1) 10 minClase3.19
- Configurando los ADD-ONS de Mmenu JS (Parte 1) 09 minClase3.20
- Configurando los ADD-ONS de MmenuJS (Parte 2) 11 minClase3.21
- Creando el boton movil usando la libreria MburgerJS 09 minClase3.22
Módulo 4: Personalizando el encabezado
27- Personalizando la libreria MmenuJS (Parte 1) 08 minClase4.1
- Personalizando la libreria MmenuJS (Parte 2) 10 minClase4.2
- Personalizando el Boton Mburger (Parte 1) 12 minClase4.3
- Personalizando el Boton Mburger (Parte 2) 09 minClase4.4
- Personalizando el Boton Mburger (Parte 3) 10 minClase4.5
- Personalizando el logo del sitio (Parte 1) 11 minClase4.6
- Personalizando el logo del sitio (Parte 2) 08 minClase4.7
- Personalizando el logo del sitio (Parte 3) 13 minClase4.8
- Personalizando el boton comprar (Parte 1) 07 minClase4.9
- Personalizando el boton comprar (Parte 2) 08 minClase4.10
- Personalizando el boton comprar (Parte 3) 09 minClase4.11
- Personalizando el boton comprar (Parte 4) 07 minClase4.12
- Personalizando el boton buscar (Parte 1) 10 minClase4.13
- Personalizando el boton buscar (Parte 2) 15 minClase4.14
- Personalizando el logo para el contexto LG 12 minClase4.15
- Personalizando el menu principal (Parte 1) 10 minClase4.16
- Personalizando el menu principal (Parte 2) 10 minClase4.17
- Adaptando el menu para el contexto LG (Parte 1) 11 minClase4.18
- Adaptando el menu para el contexto LG (Parte 2) 09 minClase4.19
- Adaptando el menu para el contexto LG (Parte 3) 09 minClase4.20
- Moviendo código HTML con Joggler.js (Parte 1) 08 minClase4.21
- Moviendo código HTML con Joggler.js (Parte 2) 08 minClase4.22
- Personalizando la anchura del menu para el contexto XL 04 minClase4.23
- Estilizando la caja de búsqueda para el contexto XL (Parte 1) 09 minClase4.24
- Estilizando la caja de búsqueda para el contexto XL (Parte 2) 06 minClase4.25
- Personalizando el boton de contacto para el contexto LG 08 minClase4.26
- Estilizando el boton Login para el contexto LG 06 minClase4.27
Módulo 5: Creando la navegación secundaria
6- Creando el diseño del encabezado para el contexto Mobil (Parte 1) 09 minClase5.1
- Creando el diseño del encabezado para el contexto Mobil (Parte 2) 07 minClase5.2
- Creando el diseño del encabezado para el contexto Mobil (Parte 3) 05 minClase5.3
- Creando el diseño del encabezado para el contexto SM 07 minClase5.4
- Creando el diseño del encabezado para el contexto MD 12 minClase5.5
- Creando el diseño del encabezado para el contexto LG 10 minClase5.6
Modulo 6: Creando las características del producto
5- Analizando la estructura de las características 07 minClase6.1
- Creando el encabezado de la sección características 07 minClase6.2
- Creando la estructura de cada característica 10 minClase6.3
- Creando el diseño de las características para el contexto SM 03 minClase6.4
- Creando el diseño de las características para el contexto LG 04 minClase6.5
Módulo 7: Creando los Beneficios del producto
17- Analizando el diseño del Slide 05 minClase7.1
- Instalación de la libreria Swiper.js 12 minClase7.2
- Entendiendo la estructura del Swiper.js 04 minClase7.3
- Inicializando el Swiper.js 09 minClase7.4
- Creando el contenido del primer Slider 09 minClase7.5
- Creando el contenido de todos los Slider 10 minClase7.6
- Personalizando Swiper.js con FontAwesome (Parte 1) 11 minClase7.7
- Personalizando Swiper.js con FontAwesome (Parte 2) 11 minClase7.8
- Personalizando Swiper.js con FontAwesome (Parte 3) 10 minClase7.9
- Los Parámetros de Swiper (Direction | Speed | Effect) 10 minClase7.10
- Los Parametros de Swiper (slidesPerView | spaceBetween | grabCursor | breakPoint) 10 minClase7.11
- Configurando los Métodos y eventos de Swiper 09 minClase7.12
- Los Componentes de Swiper (Navegación | Paginación) 08 minClase7.13
- Los Componentes de Swiper (Autoplay | Keyboard) 07 minClase7.14
- Los Componentes de Swiper (Thumbs) 11 minClase7.15
- Estilizando los enlaces de navegación del Swiper (Parte 1) 10 minClase7.16
- Estilizando los enlaces de navegación del Swiper (Parte 2) 10 minClase7.17
Módulo 8: Creando las funciones del producto
3- Creando el Swiper para las funciones del producto (Parte 1) 11 minClase8.1
- Creando el Swiper para las funciones del producto (Parte 2) 10 minClase8.2
- Creando el Swiper para las funciones del producto (Parte 3) 07 minClase8.3
Módulo 9: Creando los premios del producto
2- Creando el diseño de la sección Premios (Parte 1) 06 minClase9.1
- Creando el diseño de la sección Premios (Parte 2) 05 minClase9.2
Módulo 10: Creando el pie de página
7- Creación del sistema de columnas para el pie de página 10 minClase10.1
- Aplicando las clases de Bootstrap al pie de página 06 minClase10.2
- Aplicando estilos CSS propios al pie de página 06 minClase10.3
- Maqueando la sección de Redes Sociales 09 minClase10.4
- Aplicando estilos CSS a las Redes Sociales 13 minClase10.5
- Maquetando los enlaces secundarios 11 minClase10.6
- Aplicando estilos CSS Responsive a los enlaces secundarios 10 minClase10.7
Módulo 11: Detalles Finales
3- Instalando la libreria HC-sticky 08 minClase11.1
- Configuración avanzada de la libreria HC-sticky 07 minClase11.2
- Subiendo el proyecto a un dominio real y despedida 04 minClase11.3
Extensiones para Visual Estudio Code (Parte 2)
El contenido de la lección esta vacío.
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.