Curso de Professional Front End Developer - UTN - Universidad Tecnológica Nacional

Descripción

Los Professional Frontend Developers son los encargados de maquetar la estructura semántica del contenido (HTML), codificar el diseño en hojas de estilo (CSS) y agregar la interacción con el usuario (Javascript).Con HTML5, desde el frontend, es posible hacer geolocalización, dibujo vectorial, guardar datos en el disco del usuario e insertar audio y video, entre otras cosas. 

Con CSS3, podemos crear diseños altamente complejos sin la necesidad de imágenes cortadas, sólo usando código. Bordes redondeados, sombras, degradados, fondos múltiples, entre otros. Por último, Javascript y sus frameworks añaden el componente de interactividad y conexión al servidor. Con JQuery podemos implementar librerías y darle mayor dinamismo a nuestros sitios.

Destinado a diseñadores gráficos, audiovisuales, diseñadores web y multimedia o al público en general que desee obtener una formación completa en Desarrollo Web Frontend. Es requisito tener conocimientos de manejo de PC y de Internet.

Plan de Estudios

La modalidad del curso es a Distancia, totalmente mediada por tecnologías a través del Campus Virtual FRBA. Tiene una duración de 7 meses y tiene una carga horaria de 210 hs.

CURSO 1: DESARROLLO WEB CON HTML5 Y CSS3
MÓDULO 1: Estructura y maquetación web.

• Unidad 1: Registro de dominio y servidores web
  • ¿Qué es y cómo se registra un dominio?
  • Dominios nacionales e internacionales
  • Nic Argentina
  • Organizaciones relacionadas con los dominios de internet

• Unidad 2: Introducción a HTML
  • ¿Qué es HTML?
  • Texto
  • Enlaces
  • Listas
  • Imágenes

• Unidad 3: Introducción a CSS
  • ¿Qué es CSS?
  • Selectores
  • Propiedades básicas
  • Model Box

• Unidad 4: Maquetación Web
  • Model Box aplicado a la etiqueta div
  • Posicionamiento y visualización
  • Display, float y position

MÓDULO 2: HTML 5

• Unidad 1: Introducción a HTML5
  • Navegadores
  • Estructura básica del documento HTML5 – Elementos semánticos
• Unidad 2: Nuevos elementos HTML5
  • Elementos eliminados en HTML5
  • Multimedia
  • Formularios

• Unidad 3: Introducción a CSS3 (parte 1)
  • CSS Nivel 3
  • Nuevas propiedades

• Unidad 4: Introducción a CSS3 (parte 2)
  • Propiedades de texto
  • Animación con CSS
  • Responsivedesign

CURSO 2: DESARROLLO WEB CON JAVASCRIPT
MÓDULO 1: Programando Javascript

• Unidad 1: El lenguaje y los scripts

• • Conceptos básicos de Programación
  • Introducción a JavaScript
  • Fundamentos de JavaScript
  • Estructuras de Control de Flujo
  • Funciones y propiedades báscias de JavaScript
  • Cómo incluir JavaScript en documentos HTML
  • Cómo habilitar JavaScript en tu navegador

• Unidad 2: Paradigma POO
  • ProgramaciónOrientada a Objetos
  • POO enJavascript
  • Lenguajes basados en clases y basados en prototipos
  • Prototipos en JS
  • Funciones
• Unidad 3: Ventanas Emergentes y Menús desplegable
  • Modelo de Objeto Documento
  • Eventos
  • Objetos creados automáticamente
  • Objeto Window
• Unidad 4: Eventos
  • Objeto Date
  • Objeto Document
  • Objeto Link
  • Objeto Anchor
  • Objeto Image
  • Objeto Form
  • Objeto Navigator
  • Objeto Screen
  • Objeto History
  • Objeto location

MÓDULO 2: Ejecutando Javascript

• Unidad 1: Librerías de JavaScript
  • Librerías y Frameworks
  • Galerías de imágenes
• Unidad 2: Resolución y navegadores web (objeto navigator y screen)
  • Resoluciones de pantalla
  • Flujos de estructura web
  • Navegadores
  • JQueryPlugins
  • Menú desplegable
• Unidad 3: Diseño Centrado en el usuario
  • Usabilidad web
  • Frameworks
  • YUI
  • Prototype
  • Mootools
• Unidad 4: Usabilidad de sitios web
  • Características principales de la Usabilidad
  • Principales autores
  • Principales recursos
  • Medición de la Usabilidad
  • Test Heurístico
  • Test de Usuario

CURSO 3: DESARROLLO WEB CON HTML5, CSS3 y Javascript (Avanzado)
MÓDULO 1: HTML5 Avanzado

• Unidad 1: Repaso sobre los conceptos básicos de HTML5 y CSS3
  • La importancia de HTML5
  • Incorporaciones importantes en HTML5
  • Nuevas capacidades de CSS3

• Unidad 2: Javascript
  • Introducción a Javascript
  • Programación básica
  • Operadores
  • Estructuras de control y flujo
  • Eventos

• Unidad 3: DOM, Formularios, API form
  • DOM
  • Formularios
  • Api Form
  • Validación en tiempo real

• Unidad 4: Video y Audio
  • Video con HTML5
  • Reproductor de video personalizado
  • Audio con HTML5
  • Reproductor de audio personalizado

MÓDULO 2: Apis HTML5

• Unidad 1: Api Canvas
  • Api Canvas
  • Dibujando en el lienzo
  • Trazados
  • Transformaciones

• Unidad 2: Drag&Drop
  • Arrastrar y soltar
  • Nuevos eventos
  • Seleccionando un origen válido

• Unidad 3: Geolocalización y Web Storage
  • Api Geolocalización
  • Usos prácticos con Google Maps
  • Api Web Storage
  • Sistemas de almacenamiento

• Unidad 4: Indexed DB
  • Base de datos
  • Implementando Indexed DB
  • Almacenes de objetos e índices

CURSO 4: DESARROLLO WEB CON BOOSTRAP
MÓDULO 1: Boostrap

• Unidad 1: Primeros pasos
  • Contenidos de Boostrap
  • Compatibilidad con navegadores
  • Licencias

• Unidad 2: Diseño
  • Tipos de rejillas
  • Tipografías
  • Elementos CSS
• Unidad 3: Formularios
  • Tipos de formulario
  • Mensajes de ayuda

• Unidad 4: Componentes
  • Iconos
  • Navegación
  • Elementos de página
  • Objetos multimedia