Curso online de Responsive Web Design & Bootstrap

Conoce como organizar textos, imágenes y demás elementos multimedia, con el fin de maquetar y lograr un diseño responsive, con este Curso online de Responsive Web Design & Bootstrap por 369Bs en lugar de 1.368Bs

Descripción

Con este Curso online de Responsive Web Design & Bootstrap aprenderás todos los conceptos básicos para que un diseño de tu web que se adapte a los diferentes dispositivos en los que se visualiza. Así mismo, conocerás diferentes conceptos como el Content First, el Mobile First, y el manejo del Framework Bootstrap, que es una biblioteca de código abierto para diseño de sitios y aplicaciones web.

 

Adapta todos tus contenidos e imágenes para que se visualicen de una forma correcta.


El diseño responsive es una técnica de diseño web que busca que todos los contenido, imágenes y demás recursos multimedia se visualicen de forma correcta en diferentes dispositivos como móviles, tablets u ordenadores. Actualmente, debido a la diversa cantidad de dispositivos que existen en el mercado y al incremento en el uso de dispositivos móviles vs ordenadores, se hace imprescindible adaptar una página web y mejorar la experiencia del usuario. 


Este curso te enseñará a maquetar para BreakPoints mediante el sistema de grillas de Bootsrap y a crear formularios y barras de navegación. Además, te mostrará todas las características y como utilizar las media querie y lograr así que tus diseños se adapten de forma óptima a las diferentes resoluciones de los dispositivos. 


El primer módulo de este curso te hará una completa introducción teórica de los conceptos que se desarrollarán durante el mismo. Posteriormente, trabajarás en la maquetación fluida, sus tipografías adaptables, márgenes y rellenos y conceptos de Viewport y breakpoint


Para finalizar verás la introducción al Bootstrap y sus características avanzadas como la utilización de los formularios, la clase form-group y form-control, el uso de la ventana modal y las barras de menú. 

 

Características

Curso online de Responsive Web Design & Bootstrap, de 12 horas de duración.

Al finalizar, recibirás tu Certificación Acreditativa.

 

  • Curso online con Título Propio en Responsive Web Design & Bootstrap.
  • Tienes 2 meses para completar el curso.
  • Impartido por EDUCACIÓN IT.
  • La modalidad del curso es Online con clases en vivo por zoom.
  • Las clases serán grabadas y las tendrás disponibles todo el tiempo.
  • Contarás con Soporte técnico online y asistencia remota.
  • Material de lectura y exámenes interactivos.
  • Los cursos tienen diferentes fechas de inicio durante el año, que puedes consultar aquí
  • Curso 100% práctico con grupos reducidos.
  • Tendrás la posibilidad de volver a tomar el mismo curso gratis.
  • Al finalizar este curso recibirás un diploma de asistencia y aprobación online.

¿A quién va dirigido?

Este Curso online de Responsive Web Design & Bootstrap está orientado a programadores, y maquetadores, así como a todas aquellas personas con conocimientos en HTML5 y CSS3 que quieran afianzar sus conocimientos y conocer las últimas tecnologías.  

Temario del curso

1. Introducción al diseño de sitios responsivos

  • ¿Qué es el diseño adaptable o responsive web design?
  • Orígenes del diseño responsivo
  • ¿Por qué desarrollar un sitio responsivo?
  • Beneficios del diseño responsivo
  • Diseño fluido uso y limitaciones
  • Uso de grillas fluidas, trabajo en porcentajes, mínimos y máximos
  • Mobile first, ¿qué es?, por qué ahora se habla del concepto Content First
  • Herramientas para crear grillas, frameworks online para trabajar desde el diseño
  • ox-sizing cómo es, y qué valor aplicar.
  • Mi primer diseño y maquetado en grillas.


2. Maquetación fluida

  • Utilización de em y rem diferencias
  • Tipografías adaptables
  • Márgenes y rellenos flexibles
  • Cómo hacer que un video o un elemento de multimedia no pierda su proporción aún siendo adaptable.
  • Trabajo con Media Queries
  • Variantes de mediaQueries
  • Concepto de Viewport, cómo aplicarlo, valores posibles.
  • Concepto de breakpoint, breakPoints actuales, aplicación
  • Imágenes fluidas y adaptables, utilización de máximos y mínimos en imágenes
  • Qué es el menú hamburguesa, cómo se usa?
  • Mi maquetado, incluyendo conceptos vistos y cambio de menú standard a menú hamburguesa.


3. Introducción a Bootstrap

  • Concepto de framework
  • Frameworks de CSS, cuántos hay , cuáles son los más importantes.
  • Beneficios de trabajar con frameworks
  • Introducción a Bootstrap
  • Qué es la clase container y container-fluid, diferencias
  • Sistema de grillas o grid con Bootstrap
  • Clase .row cómo se utiliza?
  • Opciones de Grid, aplicación de clases como col, col-sm, col-md, col-lg, col-xl
  • Personalizando botones e imágenes con Bootstrap
  • Clases para textos y fondos.


4. Bootstrap Avanzado

  • Trabajo con Bootstrap en Formularios
  • Utilización de la clase form-group y form-control
  • Formularios inline , checkboxes , selects y radios
  • Trabajo con grillas y formularios
  • Clases col-form , sr-only y col-form-label
  • Barras de menú básicas y responsives con Bootstrap
  • Uso de JS en Bootstrap cómo y cuándo
  • Trabajo con campos de formulario dentro de Menúes
  • Uso de la ventana Modal en Bootstrap.

 

Más información sobre el Curso online de Responsive Web Design & Bootstrap.

  • Reenvía a beneficioscorporativos@educacionit.com el email de confirmación de compra de Aprendum indicando la fecha en la que quieres iniciar el curso, junto con tu nombre, apellidos y número de identidad. Consulta aquí las fechas de inicio de curso
  • Antes de 3 días laborables, recibirás las claves de acceso a tu curso.
  • Si no recibes las claves antes de 3 días laborables, por favor, revisa tu carpeta de correo electrónico no deseado o Spam.
  • No se admiten devoluciones una vez hayas recibido las claves de acceso.
  • Más información: EDUCACIÓN IT
  •  

Aprendum colabora con EDUCACIÓN IT

Educación IT es una empresa dedicada a brindar servicios de capacitación en las principales tecnologías de la información que busca el desarrollo personal y profesional de todos sus alumnos. 
Poseen un alto perfil tecnológico y dinámico dentro del sector, estando a la vanguardia y adaptándose a los diferentes cambios, lo que le permite generar productos novedosos y de valor. 
Todos sus contenidos están en contínua actualización, lo que le permite a sus estudiantes estar siempre informados de las últimas tendencias.

 

Ver Web de la Empresa


369Bs