Professional Front End Developer

Centro de e Learning UTN BA
  • Curso y Capacitación
  • un certificado de la Secretaría de Cultura y Extensión Universitaria, FRBA, UTN
  • Duración 28 Semanas - 7 meses - 210 hs
  • A distancia

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.

Objetivos:

Incorporen conocimientos de HTML5 y CSS3.
Logren realizar el maqueteo de un sitio utilizando elementos semánticos y diseño optimizado.
Incorporen los conocimientos básicos de Javascript
Puedan aplicar librerías de JQuery
Desarrollen sitios flexibles y adaptables a cualquier tamaño de pantalla.

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 WebModel Box aplicado a la etiqueta div
Posicionamiento y visualización
Display, float y position
MÓDULO 2: HTML 5

Unidad 1: Introducción a HTML5Navegadores
Estructura básica del documento HTML5 – Elementos semánticos
Unidad 2: Nuevos elementos HTML5Elementos 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 POOProgramaciónOrientada a Objetos
POO enJavascript
Lenguajes basados en clases y basados en prototipos
Prototipos en JS
Funciones
Unidad 3: Ventanas Emergentes y Menús desplegableModelo de Objeto Documento
Eventos
Objetos creados automáticamente
Objeto Window
Unidad 4: EventosObjeto 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 JavaScriptLibrerí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 usuarioUsabilidad web
Frameworks
YUI
Prototype
Mootools
Unidad 4: Usabilidad de sitios webCaracterí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 CSS3La importancia de HTML5
Incorporaciones importantes en HTML5
Nuevas capacidades de CSS3
Unidad 2: JavascriptIntroducción a Javascript
Programación básica
Operadores
Estructuras de control y flujo
Eventos
Unidad 3: DOM, Formularios, API formDOM
Formularios
Api Form
Validación en tiempo real
Unidad 4: Video y AudioVideo con HTML5
Reproductor de video personalizado
Audio con HTML5
Reproductor de audio personalizado
MÓDULO 2: Apis HTML5

Unidad 1: Api CanvasApi Canvas
Dibujando en el lienzo
Trazados
Transformaciones
Unidad 2: Drag&DropArrastrar y soltar
Nuevos eventos
Seleccionando un origen válido
Unidad 3: Geolocalización y Web StorageApi Geolocalización
Usos prácticos con Google Maps
Api Web Storage
Sistemas de almacenamiento
Unidad 4: Indexed DBBase de datos
Implementando Indexed DB
Almacenes de objetos e índices

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

Unidad 1: Primeros pasosContenidos de Boostrap
Compatibilidad con navegadores
Licencias
Unidad 2: DiseñoTipos de rejillas
Tipografías
Elementos CSS
Unidad 3: FormulariosTipos de formulario
Mensajes de ayuda
Unidad 4: ComponentesIconos
Navegación
Elementos de página
Objetos multimedia

¿Querés recibir mas información sobre los requisitos?

  • UTN E-Learning Sede Principal

Similares