Workshop Diseño Web Responsivo con Bootstrap
Curso
Online
*Precio Orientativo
Importe original en USD:
$ 338 $ 450
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiar tu matrícula en cómodos plazos.
¡Elige dar un nuevo paso en tu crecimiento profesional!
-
Tipología
Taller intensivo
-
Metodología
Online
-
Duración
Flexible
-
Inicio
Fechas a elegir
-
Prácticas en empresa
Sí
Durante este workshop nuestros expertos te guiaran para que logres crear sitios web compatibles entre navegadores de forma fácil y práctica con Bootstrap, un framework frontend que te permite trabajar de manera sencilla y rápida con su estructura para crear páginas web que se adapten a cualquier dispositivo.
Hoy en día todas las páginas web deben ser construidas para ser visualizadas correctamente en cualquier dispositivo, ya sea un móvil, una tablet o una computadora por eso la importancia de este framework.
La industria tecnológica demanda profesionales capacitados para innovar en el campo del desarrollo web, por lo que cada uno de nuestros Workshop te dan la solución inmediata para cubrir tus necesidades de formación profesional, dándote las herramientas necesarias para desarrollarte rápidamente en la industria.
Instalaciones y fechas
Ubicación
Inicio
Inicio
A tener en cuenta
-Conocer los conceptos de diseño de interfaces adaptables
Maquetar de manera fluida y responsiva en cuanto al texto, contenedores, imágenes y demás elementos multimedia.
-Crear un sitio web responsivo estático adaptado a diferentes dispositivos.
-Al finalizar el workshop te convertirás en un Desarrollador Front-End capaz de diseñar sitios web adaptables con Bootstrap, esto basado en la constante práctica de las funcionalidades enseñadas a lo largo del workshop.
A estudiantes y desarrolladores en el campo de T.I. o personas interesadas en el campo de la programación, ya que contamos con cursos desde nivel básico.
-Se requieren conocimientos de HTML y CSS
-Se recomienda el workshop HTML5 y CSS3 Desde Cero.
Al finalizar nuestro curso se te otorga un Diploma donde se mencionan los temas aprendidos durante el mismo.
Se hará llegar la información a través de correo electrónico y por contacto telefónico a los interesados en el curso, además de ofrecerles descuentos sobre el mismo.
Opiniones
Logros de este Centro
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 3 años en Emagister.
Materias
- Páginas web
- Desarrollo web
- HTML 5
- jQuery
- Selectores
- CSS 3
- Diseño responsivo
- Encabezados
- Etiquetas meta
- Diseñando nuestra página web
- Realizando un prototipo con Adobe XD
- Definiendo las secciones del sitio
- Diseñando los componentes principales
- Estructura básica del sitio
- ¿Que son los estilos?
- Posicionamiento de Capas
- Transiciones y animaciones básicas
- Entendiendo el diseño adaptable
- Incluyendo bootstrap
- Utilización de em y rem diferencias
- Trabajo con Bootstrap en Formularios
Temario
1. Diseño responsivo.
1.1 ¿Qué es el diseño adaptable o responsive web design?
1.2 Beneficios del diseño responsivo
1.3 Diseño fluido uso y limitaciones
1.4 Uso de grillas fluidas, trabajo en porcentajes, mínimos y máximos
1.5 Mobile first, ¿qué es?
1.6 Herramientas para crear grillas
1.7 Box-sizing cómo es, y qué valor aplicar.
1.8 Mi primer diseño maquetado en grillas
2. Maquetación fluida
2.1 Utilización de em y rem diferencias
2.2 Tipografías adaptables
2.3 Márgenes y rellenos flexibles
2.4 Trabajo con Media Queries
2.5 Variantes de mediaQueries
2.6 Concepto de Viewport, cómo aplicarlo, valores posibles.
2.7 Concepto de breakpoint, breakPoints actuales, aplicación
2.8 Imágenes fluidas y adaptables.
2.9 ¿Qué es el menú hamburguesa, cómo se usa?
2.10 Implementando mi maquetado.
3. Introducción a Bootstrap
3.1 Concepto de framework
3.2 Beneficios de trabajar con frameworks
3.3 Introducción a Bootstrap
3.4 Clase container y container-fluid, diferencias
3.5 Sistema de grillas o grid con Bootstrap
3.6 Clase .row cómo se utiliza?
3.7 Opciones de Grid
3.8 Aplicación de clases como col, col-sm, col-md, col-lg, col-xl
3.9 Personalizando botones e imágenes con Bootstrap
3.10 Clases para textos y fondos
4. Bootstrap Avanzado
4.1 Trabajo con Bootstrap en Formularios
4.2 Utilización de la clase form-group y form-control
4.3 Formularios inline , checkboxes , selects y radios
4.4 Trabajo con grillas y formularios
4.5 Clases col-form , sr-only y col-form-label
4.6 Barras de menú básicas y responsives con Bootstrap
4.7 Uso de JS en Bootstrap cómo y cuándo
4.8 Trabajo con campos de formulario dentro de Menúes
4.9 Uso de la ventana Modal en Bootstrap
5. Proyecto Final
5.1 Definiendo el Proyecto
5.2 Finalizando Proyecto.
6. Publicando el sitio web
6.1 ¿Que necesitamos?
6.2 Buscando un hosting gratuito
6.3 Entendiendo que es un dominio
6.4 Entendiendo que es un SSL
6.5 Publicación de mi sitio
Información adicional
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiar tu matrícula en cómodos plazos.
Workshop Diseño Web Responsivo con Bootstrap
*Precio Orientativo
Importe original en USD:
$ 338 $ 450