Desarrollo Web Mobile

3 cuotas sin interés
Adquiere los conocimientos necesarios para la creación de sitios web funcionales y adaptables a distintos dispositivos con este curso online

Presentación

La importancia de la adaptabilidad de los sitios web hacia dispositivos móviles crece día a día de la mano de las nuevas tecnologías y las nuevas conexiones. El acceso a la web mediante un único dispositivo de escritorio, ya es una historia del pasado. Según estadísticas, son cada vez más los usuarios de internet que navegan desde un celular o un dispositivo de mano. La importancia de la adaptabilidad de los sitios web hacia dispositivos móviles crece día a día de la mano de las nuevas tecnologías y las nuevas conexiones. Google, como plataforma de inicio en el recorrido digital del contenido, penaliza la no-aplicación de sistemas adaptables, en sus programas de publicidad online y en su ranking de búsquedas orgánicas. Pensar en un sitio para cada pantalla o dispositivo mutó a técnicas de adaptación del contenido y la estructura, que dieron origen al concepto “Responsive Design”. Un nuevo paradigma en la concepción de interfaces multi-dispositivo cambió el desarrollo web, haciéndolo más fácil de codificar, al solo implementar HTML y CSS. En el curso abordaremos el nuevo paradigma, desde el punto de vista del diseño de interfaces responsivas, la aplicación del código CSS para la optimización del sitio y la implementación de soluciones novedosas, como sistemas de grillas.

Modalidad: A distancia

wifi
100% a distancia
get_app
Material descargable
record_voice_over
Acompañamiento de tutores
play_circle_filled
En vivo o acceso a las grabaciones

Qué vas a aprender

Objetivo general

Que los participantes logren Adquirir los conocimientos necesarios para la creación de sitios web funcionales y adaptables a distintos dispositivos.

Objetivos específicos

  • Aplicar framework de frontend para desarrollo responsive
  • Crear sitios web múltiple plataforma optimizados que garanticen un alto rendimiento.
  • Profundizar las funcionalidades de HTML5 y CSS3.

Temario

2 Modulos • 8 Unidades • Carga Horaria 60 horas
expand_more

Modulo 1: Desarrollo Web Responsive HTML5 y CSS3

expand_more

Unidad 1: Introducción al diseño web adaptable HTML5 y CSS3

fiber_manual_record
Tema 1: Mobile First.
fiber_manual_record
Tema 2: Color y legibilidad.
fiber_manual_record
Tema 3: Patrones de diseño.
fiber_manual_record
Tema 4: Unidades absolutas y relativas.
fiber_manual_record
Tema 5: Propiedad max-width y min-width.
fiber_manual_record
Tema 6: Meta-configuración del viewport
expand_less

Unidad 2: Adaptabilidad múltiple dispositivo

fiber_manual_record
Tema 1: Resoluciones y breakpoints.
fiber_manual_record
Tema 2: Propiedad display.
fiber_manual_record
Tema 3: Atributo media: Media Queries.
fiber_manual_record
Tema 4: Testeo de navegadores
fiber_manual_record
Tema 5: Texto optimizado para lectura
expand_less

Unidad 3: Imágenes Responsive

fiber_manual_record
Tema 1: Imágenes en la web /formatos/compresión.
fiber_manual_record
Tema 2: Atributos srcset y sizes .
fiber_manual_record
Tema 3: Dispositivo Retina, Imágenes HD.
fiber_manual_record
Tema 4: Elemento picture
expand_less

Unidad 4: Flexible Box Layout

fiber_manual_record
Tema 1: Recursos adicionales de diseño responsive.
fiber_manual_record
Tema 2: FlexBox : Flex container Flex ítems.
fiber_manual_record
Tema 3: Definición, propiedades y valores.
fiber_manual_record
Tema 4: Alineamiento, distribución y separación
expand_less

Modulo 2: Framework Responsive

expand_less

Unidad 1: Bootstrap

fiber_manual_record
Tema 1: Instalación y Funcionamiento.
fiber_manual_record
Tema 2: . Contenedores y Grid System.
fiber_manual_record
Tema 3: Breakpoints.
fiber_manual_record
Tema 4: Layout
expand_less

Unidad 2: Materialize

fiber_manual_record
Tema 1: Google Material Design.
fiber_manual_record
Tema 2: Configuración.
fiber_manual_record
Tema 3: Grid System
expand_less

Unidad 3: Foundation

fiber_manual_record
Tema 1: Características.
fiber_manual_record
Tema 2: Instalación.
fiber_manual_record
Tema 3: Sistema de Grillas.
fiber_manual_record
Tema 4: Prototipado
expand_less

Unidad 4: Foundation

fiber_manual_record
Tema 1: Entorno visual.
fiber_manual_record
Tema 2: Scroll Navbar.
fiber_manual_record
Tema 3: Plugins
fiber_manual_record
Tema 4: Email responsive

Targetgroup

El curso está dirigido a diseñadores web, gráficos, audiovisuales, y multimediales, así como también a programadores web y afines a los entornos digitales que requieran dominar el diseño web responsive.

Requisitos

Conocimientos de HTML5 y CSS.

Equipo docente

Natalia Miglino Vicentino

teacher

Formación académica: Lic. En Diseño Grafico (UAI – Universidad Abierta Interamericana) Profesor en Artes Visuales (UAI – Universidad Abierta Interamericana) Programador web (Secretaría de cultura y Extensión Universitaria- Facultad Regional Buenos Aires -UTN) Experiencia laboral: Docente de Diseño de Modas (Nueva Escuela de Di... Ver más
Natalia , Miglino Vicentino

Guido Varela Coletta

teacher

Lic. en Diseño Gráfico Fac. de Ciencias de la Comunicación, Universidad Abierta Interamericana - Buenos Aires – 2005 y Programador web UTN Sede Medrano – 2009 cursando el Profesorado en Disciplinas Industriales, en INSPT-UTN. Egreso: 2019. Su labor profesional se desarrolla en el ámbito web, en proyectos de diseño de interfaces, usab... Ver más
Guido, Varela Coletta

Javier Kitainik

Coordinator

Javier Kitainik es Licenciado en Tecnología Educativa por la Universidad Tecnológica Nacional, Facultad Regional Buenos Aires. Es Master en Animación Audiovisual, titulo de posgrado otorgado por la Universidad Autónoma de Barcelona. Es Profesor en Disciplinas Industriales, título otorgado por el Instituto Superior del Profesorado Técni... Ver más
Javier , Kitainik

Bibliografía expand_more

Guía Breve de Web Móvil http://www.w3c.es/Divulgacion/GuiasBreves/WebMovil
Google Webmaster Blog http://googlewebmastercentral.blogspot.com.es/2012/04/responsive-design-harnessing-power-of.html
Documentacion Foundation http://foundation.zurb.com/frameworks-docs.html
Documentation Materialize http://materializecss.com/
Documentation Bootstrap http://getbootstrap.com/
Sitios web de referencia y consulta:
Marcotte Ethan. Responsive Web Design. 2da edición. España. Editorial A Book Apart. 2014
Recio Garcia Juan Antonio. HTML5, CSS3 y Jquery. 1era edición. España. Editorial Ra-Ma. 2016
Arce Anguiano, Francisco Javier. Desarrollo web con HTML5. 1era edición. España. Editorial Marcombo. 2016

Metodología de enseñanza-aprendizaje:

Toda la comunicación con los tutores la tendrás por medio de nuestro Campus Virtual, el cual está disponible las 24hs y donde encontrarás:

  • Foros de debate.
  • Consultas al tutor por medio de foros, salas de chat, mensajería interna.
  • Material de lectura obligatoria.
  • Contenidos complementarios.
  • Actividades y trabajos integradores individuales y/o grupales.
  • Clase en tiempo real, mínimo 1 encuentro cada 15 días, a través de Zoom.

Modalidad de evaluación y acreditación:

Estudiar de forma online te permitirá organizar tus horarios y actividades cotidianas en relación con la cursada, brindándote autonomía en el aprendizaje y permitiendo que puedas estudiar cuando y donde quieras.
La modalidad es 100% a distancia, cada uno de nuestros cursos cuenta con un Campus Virtual que incluye todo el material de estudio necesario y donde se llevan a cabo las actividades necesarias para comprender e incorporar los conocimientos esperados de los temas desarrollados.
Entre las actividades que se llevan a cabo en el Aula Virtual están:


  • Foros de discusión: Los docentes moderarán foros en los que se podrán presentar dudas y consultas y que también funcionarán como medio de debate para desarrollar conceptos del cursado.De igual forma los foros serán el principal espacio para la generación de retroalimentación entre los tutores y los alumnos, permitiendo así construir el conocimiento de manera grupal y aprender de las experiencias o visiones de los compañeros de cursado.
  • Consultas al docente:El Campus Virtual cuenta con un servicio de mensajería privada que permitirá al alumno comunicarse con el docente de manera personal.
  • Actividades: Se desarrollarán actividades individuales y/o grupales de aplicación práctica de los conocimientos adquiridos. Algunas de las actividades serán obligatorias y evaluativas mientras otras serán de presentación opcional, pero que servirán para mejorar el conocimiento adquirido. Todas las actividades se realizan de forma online
  • Clases virtuales en tiempo real: En forma periódica se realizarán clases en formato videoconferencia. Estas clases, guiadas por el tutor, servirán para ahondar y complementar los temas tratados en los módulos y foros de discusión.

¿Por qué elegirnos?

Especialistas en e-Learning

Especialistas en e-Learning

Aprendé con docentes experimentados en educación a distancia que se actualizan constantemente para dar clases con nivel académico de excelencia. Contamos con 17 años de trayectoria en educación online.

Seguimiento docente activo

Seguimiento docente activo

El equipo docente está a tu disposición para despejar dudas e inquietudes. ¿Preferís la comunicación one-to-one? Contás con un servicio de mensajería directa con los docentes, además de los foros de intercambio.

Campus Virtual 24/7

Campus Virtual 24/7

Nuestra plataforma no tiene restricciones y te permite estudiar en el horario más conveniente para vos. Además, te damos todo el material que necesitás para aprender en formato descargable.

Foros de intercambio

Foros de intercambio

Espacios de interacción con docentes y pares, especiales para potenciar el aprendizaje colaborativo a través de la comunicación, discusión y feedback proactivo.

Somos UCAP

Somos UCAP

Estamos registrados como Unidad Capacitadora. Todos los cursos que dictamos pueden canalizarse a través del Régimen de Crédito Fiscal para capacitación, que permite a las PyMES acceder a crédito fiscal para la capacitación de su personal.