Experto en Bootstrap 4 en 7 días (Crea un sitio web...
Información
Udemy
Online
Curso
Lograrás DISEÑAR web profesionales tomando como base plantillas web profesionales de "Template Monster". Lograrás DOMINAR y poner en práctica las clases FLEXBOX que Bootstrap nos brinda. Lograrás PERSONALIZAR sin problema, sitio web basados en Bootstrap 4. Lograrás CONSTRUIR sitios web Responsive de manera rápida. A quién va dirigido Personas que ya conocen Bootstrap y quieren profundizar sus conocimientos. Cualquier persona interesada en aprender Bootstrap de una forma entretenida, sin extenderse en rollos teóricos. Cualquiera que desee explorar las nuevas características de la sión 4 de Bootstrap. Requisitos Usted necesita tener nociones básicas de Html5 y CSS3. Usted necesita tener nociones básicas de Bootstrap 4. Temario completo de este curso Contenido del curso Descarga de archivos que usaremos en este curso Requisitos 1 (Programas necesario) Requisitos 2 (Extensiones para VS Code) Creando la estructura de nuestro sitio Web Integrando Bootstrap en nuestro proyecto Integrando y personalizando Font Awesome 5 Introducción al Componente Forms Aclarando conceptos sobre formularios (Parte 1) Aclarando conceptos sobre formularios (Parte 2) Regla de oro 1: Todos los campos tiene que tener la clase ".form-control" Regla de oro 2: Agrupamos los campos dentro de una clase ".form-group" Regla 3: Tamaño de los campos con "form-control-lg" y "form-control-sm" Regla 4: Tamaño de los Label con ".col-form-label-sm" y ".col-form-label-lg" Regla 5: Creamos texto de ayuda a nuestros campos con al clase ".form-text" Ejercicio 1 - Creando un formulario de login (parte 1) Ejercicio 1 - Creando un formulario de login (parte 2) Regla 6: Encerramos los botones de opción en una clase.form-check Regla 7: Encerramos las casillas de ificación en una clase.form-check Regla 8: Creamos Checkboxs y Radios en linea con la clase.form-check-inline Regla 9: Creamos diseños avanzados para los campos con INPUT GROUP (parte 1) Regla 9: Creamos diseños avanzados para los campos con INPUT GROUP (parte 2) Ejercicio 2 - Creando una caja de búsqueda Ejercicio 3 - Formulario de contacto (parte 1) Ejercicio 3 - Formulario de contacto (parte 2) Regla 10 - Podemos crear 3 diseños de formularios (parte 1) Regla 10 - Podemos crear 3 diseños de formularios (parte 2) Regla 10 - Podemos crear 3 diseños de formularios (parte 3) Regla 10 - Podemos crear 3 diseños de formularios (parte 4) Regla 10 - Podemos crear 3 diseños de formularios (parte 5) Regla 10 - Podemos crear 3 diseños de formularios (parte 6) Regla 10 - Podemos crear 3 diseños de formularios (parte 7) Regla 10 - Podemos crear 3 diseños de formularios (parte 8) Regla 10 - Podemos crear 3 diseños de formularios (parte 9) Regla 10 - Podemos crear 3 diseños de formularios (parte 10) Regla 10 - Podemos crear 3 diseños de formularios (parte 11) Regla 10 - Podemos crear 3 diseños de formularios (parte 12) Regla 10 - Podemos crear 3 diseños de formularios (parte 13) Regla 10 - Podemos crear 3 diseños de formularios (parte 14) Regla 10 - Podemos crear 3 diseños de formularios (parte 15) Definiendo variables y tipografia del sitio (Parte 1) Definiendo variables y tipografia del sitio (Parte 2) Definiendo estilos para Primary y Secondary Creando la estructura HTML básica de la sección Creando la estructura para los botones de redes sociales Creando los estilos para los botones de redes sociales Creando el diseño para pantallas de mayor tamaño Colocando el logo y telefonos responsives (parte 1) Colocando el logo y telefonos responsives (parte 2) Creando la estructura del menú de navegación Creando el boton móvil Personalizando el boton móvil Creando los enlaces del menú Creando estilos a los enlaces del menu principal (Parte 1) Creando estilos a los enlaces del menu principal (Parte 2) Creando estilos a los enlaces del menu principal (Parte 3) Trabajando con la clase BTN Personalizando la clase btn-primary (Parte 1) Personalizando la clase btn-primary (Parte 2) Personalizando la clase btn-primary (Parte 3) Personalizando la clase btn-primary (Parte 4) Personalizando la clase btn-primary (Parte 5) Insertando funciones JAVASCRIPT al menú (Parte 1) Insertando funciones JAVASCRIPT al menú (Parte 2) Insertando funciones JAVASCRIPT al menú (Parte 3) Introducción a Swipe Instalación de Swipe (Parte 1) Instalación de Swipe (Parte 2) Creando la estructura de la animación (Parte 1) Creando la estructura de la animación (Parte 2) Estilos CSS iniciales para los Slides Configuracion los parametros de Swipe (Parte 1) Configuracion los parametros de Swipe (Parte 2) Configuracion los parametros de Swipe (Parte 3) Personalizando lariencia de Swipe (Parte 1) Personalizando lariencia de Swipe (Parte 2) Optimizando Swipe para diferentes tamaños de pantallas Implementando el sistema de columnas (Parte 1) Implementando el sistema de columnas (Parte 2) Optimizando la sección en diferentes tamaños de pantallas Estilizando el boton play del reproductor (Parte 1) Estilizando el boton play del reproductor (Parte 2) Estilizando el boton play del reproductor (Parte 3) Estilizando el boton play del reproductor (Parte 4) ¿Que es VenoBox? Descarga e Instalacion de VenoBox Inicializando VenoBox Definiendo parametros en VenoBox (Parte 1) Definiendo parametros en VenoBox (Parte 2) Creando la estructura del al sección Descarga e instalación de Jarallax Definiendo el tipo de imagen Cargando múltiples imágenes con PICTURE Configurando los parametros de Jarallax Rotando el diseño con Skew Instalando el polyfill PICTUREFILL Creando la estructura responsive de la sección Creando el diseño de la sección Creando estilos CSS para el borde inferior Creando estilos CSS para el borde inferior (HOVER) Descargando e instalando "CounterUp.js" Configurando el script "CounterUp.js" Creando la estructura HTML básica de la sección Modificando la alineación de las columnas Implementando el efecto parallax Agregando estilos CSS a la sección Analizando la estructura del contenido Creando el encabezado de la seccion (Parte 1) Creando el encabezado de la seccion (Parte 2) Creando el encabezado de la seccion (Parte 3) Creando la sección detalles de contacto (parte 1) Creando la sección detalles de contacto (parte 2) Creando la sección detalles de contacto (parte 3) Creando los campos del formulario (parte 1) Creando los campos del formulario (parte 2) Creando los campos del formulario (parte 3) Creando los campos del formulario (parte 4) Creando el campo enviar Creando el selector de fecha con Datepicker (Parte 1) Creando el selector de fecha con Datepicker (Parte 2) Configurando el selector de fecha Datepicker (Parte 1) Configurando el selector de fecha Datepicker (Parte 2) Configurando el selector de fecha Datepicker (Parte 3) Creando el selector de hora con Timepicker Configurando el selector de hora con Timepicker Personalizando el Datepicker y el Timepicker Introducción a Parsley.js Descarga e instalación de Parsley.js Metodo rápido para ejecutar Parsley.js Método completo para ejecutar Parsley.js Comportamiento de Parsley.js Tipos de validaciones de Parsley.js Mostrando un mensaje de validación genérico Mostrando mensajes según el tipo de validación (Parte 1) Mostrando mensajes según el tipo de validación (Parte 2) Integrando Bootstrap 4 con Parsley.js Optimizando el formulario para diferentes contextos Seguimos subiendo clases todos los días Creando la estructura HTML del footer (Parte 1) Creando la estructura HTML del footer (Parte 2) Creando un color de fondo con un Pseudo Elemento Aplicando estilos al contenido de la primera columna Creando los enlaces secundarios Optimizando el diseño para el contexto MD (Parte 1) Optimizando el diseño para el contexto MD (Parte 2) 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...