Bextlán

CURSO RESPONSIVE DESIGN

CURSO RESPONSIVE DESIGN

Aprende a desarrollar sitios web que se visualicen correctamente en todo tipo de dispositivos. Con una metodología basada en la accesibilidad, usabilidad y optimización del contenido.

TEMARIO

  1. Conocimientos Previos

    • Nociones de HTML, CSS y JS

    • Manipulación de algún editor de código

  2. 0. Introducción al Curso

    • Información

    • Dinámica

    • Recursos

    • Clases bonus

  3. 1. HTML5 la base del Diseño Web Actual

    • HTML: Estructura

      • Etiquetas, atributos y contenido
      • Arquitectura de información
    • CSS: Presentación

      • Selectores y unidades de medida
      • Patrones CSS
    • JS: Programación

      • APIs, Librerías y Frameworks
      • Soporte a Navegadores
    • HTML5

      • Presente y futuro de la web
      • El diseño web actual es Multi Dispositivo
  4. 2. Estrategias del Diseño Web Multi Dispositivos

    • Estrategias basadas en los Navegadores

      • Graceful Degradation
      • Progressive Enhancement
    • Estrategias basadas en la Pantalla

      • Desktop First
      • Mobile First
    • Estrategias basadas en el Cliente

      • Responsive Web Design
      • Adaptive Web Design
      • Responsible Responsive Web Design
    • Estrategias basadas en el Servidor

      • Responsive Web Design + Server Side (RESS)
  5. 3. Técnicas de Maquetación Fluida

    • Tipos de Posicionamiento CSS

    • Tipos de Visualización CSS

    • Float vs Display

    • Display

      • inline-block
      • table
      • flex
    • Diseño Atómico

    • Construcción de Micro Framework CSS

    • Características de Flexbox

  6. 4. Elementos de Responsive Design

    • Viewport

    • Estructura Fluida

    • Fuentes

    • Medios Flexibles

    • Imágenes Flexibles

    • Media Queries

    • Breakpoints

    • Pruebas

    • Patrones

    • SEO

  7. 5. Buenas Prácticas de Responsible Design

    • Cutting the Mustard

    • Progressive Disclosure (Contenido bajo demanda)

      • Modernizr y Pollyfills
      • Media Queries con JS
    • Medios Responsibles

      • Imágenes y vectores con Data URL
      • Imágenes Retina
      • Etiqueta Picture
      • Compresión de Imágenes
    • Minificación y Concatenación de CSS y JS

    • JS Diferido y Asíncrono

    • Hacks CSS y JS

    • HTML5 Cache

  8. 6. Responsible Responsive Design en acción

    • Desarrollando Proyecto

    • Definiendo estructura y contenido HTML

    • Eligiendo técnica de maquetación CSS

    • Construyendo Micro Framework Responsive

    • Agregando elementos Responsive

    • Aplicando prácticas Responsible

    • Pruebas y visualizaciones del proyecto

  9. 7. Clases Bonus

    • Responsimple CSS

Otras formas de pago

  1. Depósito o Transferencia Bancaria

    • Cuenta: 9007 0358866
    • Clabe: 002180900703588669
    • Titular: Jonathan Ulises Miranda Charles
    • Banco: Banamex
    • Código SWIFT: BNMXMXMM (fuera de México)
  2. Giro por Western Union

    • Cliente: 16734720
    • Titular: Jonathan Ulises Miranda Charles
    • Dirección: Av. Universidad 719-301 Col. Del Valle Del. Benito Juárez CP 03100 México, DF.

Una vez hecho el pago, envía una imagen del voucher o notificación de transferencia a cursos@bextlan.com.

Te enviaremos el correo de acceso lo más pronto posible.