Professional Front End Developer

Crea sitios web responsive. Crea la estructura del contenido, codificación web e integración de usuario con HTML5, Css3 y Javascript

Start Date IconInicio de cursada
 02/02/2024

Duration IconDuración
 32 Semanas

Presentació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.

Modalidad: A distancia ágil

play_circle_filled
En vivo o acceso a las grabaciones
description
Recursos Multimedia
wifi
100% a distancia
record_voice_over
Acompañamiento de tutores

Qué vas a aprender

Objetivo general

Adquirir las herramientas necesarias para la creación de sitios visualmente atractivos, funcionales y adaptables a distintos dispositivos.

Objetivos específicos

  • Desarrollar sitios flexibles y adaptables a cualquier tamaño de pantalla.
  • Aplicar librerías de JQuery.
  • Sumar conocimientos básicos de Javascript.
  • Realizar el maqueteo de un sitio utilizando elementos semánticos y diseño optimizado.
  • Aprender conocimientos de HTML5 y CSS3.

Temario

7 Modulos • 30 Unidades • Carga Horaria 240 horas
expand_more

Modulo 1: Estructura y maquetación web. (CURSO 1: DESARROLLO WEB CON HTML5 Y CSS3)

expand_more

Unidad 1: Registro de dominio y servidores web

fiber_manual_record
Tema 1: ¿Qué es y cómo se registra un dominio?
fiber_manual_record
Tema 2: Dominios nacionales e internacionales
fiber_manual_record
Tema 3: Nic Argentina
fiber_manual_record
Tema 4: Organizaciones relacionadas con los dominios de internet
expand_more

Unidad 2: Introducción a HTML

fiber_manual_record
Tema 1: ¿Qué es HTML?
fiber_manual_record
Tema 2: Texto
fiber_manual_record
Tema 3: Enlaces
fiber_manual_record
Tema 4: Listas
fiber_manual_record
Tema 5: Imágenes
expand_more

Unidad 3: Introducción a CSS

fiber_manual_record
Tema 1: ¿Qué es CSS?
fiber_manual_record
Tema 2: Selectores
fiber_manual_record
Tema 3: Propiedades básicas
fiber_manual_record
Tema 4: Model Box
expand_more

Unidad 4: Maquetación Web

fiber_manual_record
Tema 1: Model Box aplicado a la etiqueta div
fiber_manual_record
Tema 2: Posicionamiento y visualización
fiber_manual_record
Tema 3: Display, float y position
expand_more

Modulo 2: HTML 5

expand_more

Unidad 1: Introducción a HTML5

fiber_manual_record
Tema 1: Navegadores
fiber_manual_record
Tema 2: Estructura básica del documento HTML5 – Elementos semánticos
expand_more

Unidad 2: Nuevos elementos HTML5

fiber_manual_record
Tema 1: Elementos eliminados en HTML5
fiber_manual_record
Tema 2: Multimedia
fiber_manual_record
Tema 3: Formularios
expand_more

Unidad 3: Introducción a CSS3 (parte 1)

fiber_manual_record
Tema 1: CSS Nivel 3
fiber_manual_record
Tema 2: Nuevas propiedades
expand_more

Unidad 4: Introducción a CSS3 (parte 2)

fiber_manual_record
Tema 1: Propiedades de texto
fiber_manual_record
Tema 2: Animación con CSS
fiber_manual_record
Tema 3: Responsivedesign
expand_more

Modulo 3: Programando Javascript (CURSO 2: DESARROLLO WEB CON JAVASCRIPT)

expand_more

Unidad 1: Introducción a Javascript

fiber_manual_record
Tema 1: Breve historia
fiber_manual_record
Tema 2: Especificaciones oficiales
fiber_manual_record
Tema 3: Integración con HTML
expand_more

Unidad 2: Variables y Operadores

fiber_manual_record
Tema 1: Ámbito de las variables
fiber_manual_record
Tema 2: Literales
fiber_manual_record
Tema 3: Operadores
expand_more

Unidad 3: Vectores y ciclos

fiber_manual_record
Tema 1: Vectores simples y complejos
fiber_manual_record
Tema 2: Métodos
fiber_manual_record
Tema 3: For, while y do while
expand_more

Unidad 4: DOM

fiber_manual_record
Tema 1: Document Object Model
fiber_manual_record
Tema 2: Árbol de nodos
fiber_manual_record
Tema 3: GetElement
expand_more

Modulo 4: Ejecutando Javascript

expand_more

Unidad 1: Condicionales y otras estructuras

fiber_manual_record
Tema 1: Condicionales simples y anidados
fiber_manual_record
Tema 2: If y switch
fiber_manual_record
Tema 3: InnerHTML
expand_more

Unidad 2: Funciones y eventos

fiber_manual_record
Tema 1: Sintaxis de las funciones
fiber_manual_record
Tema 2: Parámetros
fiber_manual_record
Tema 3: Tipos de eventos e integración con HTML
expand_more

Unidad 3: Formularios y validación

fiber_manual_record
Tema 1: Eventos aplicados a Formularios
fiber_manual_record
Tema 2: Validación de datos
fiber_manual_record
Tema 3: API form
expand_more

Unidad 4: Librerías

fiber_manual_record
Tema 1: Diferencia entre librería y framework
fiber_manual_record
Tema 2: Ventajas y desventajas
fiber_manual_record
Tema 3: JQuery
expand_more

Modulo 5: HTML5 Avanzado (CURSO 3: DESARROLLO WEB CON HTML5, CSS3 y Javascript (Avanzado) )

expand_more

Unidad 1: Repaso sobre los conceptos básicos de HTML5 y CSS3

fiber_manual_record
Tema 1: La importancia de HTML5
fiber_manual_record
Tema 2: Incorporaciones importantes en HTML5
fiber_manual_record
Tema 3: Nuevas capacidades de CSS3
expand_more

Unidad 2: Javascript

fiber_manual_record
Tema 1: Introducción a Javascript
fiber_manual_record
Tema 2: Programación básica
fiber_manual_record
Tema 3: Operadores
fiber_manual_record
Tema 4: Estructuras de control y flujo
fiber_manual_record
Tema 5: Eventos
expand_more

Unidad 3: DOM, Formularios, API form

fiber_manual_record
Tema 1: DOM
fiber_manual_record
Tema 2: Formularios
fiber_manual_record
Tema 3: Api Form
fiber_manual_record
Tema 4: Validación en tiempo real
expand_more

Unidad 4: Video y Audio

fiber_manual_record
Tema 1: Video con HTML5
fiber_manual_record
Tema 2: Reproductor de video personalizado
fiber_manual_record
Tema 3: Audio con HTML5
fiber_manual_record
Tema 4: Reproductor de audio personalizado
expand_more

Modulo 6: Apis HTML5

expand_more

Unidad 1: Api Canvas

fiber_manual_record
Tema 1: Api Canvas
fiber_manual_record
Tema 2: Dibujando en el lienzo
fiber_manual_record
Tema 3: Trazados
fiber_manual_record
Tema 4: Transformaciones
expand_more

Unidad 2: Drag&Drop

fiber_manual_record
Tema 1: Arrastrar y soltar
fiber_manual_record
Tema 2: Nuevos eventos
fiber_manual_record
Tema 3: Seleccionando un origen válido
expand_more

Unidad 3: Geolocalización y Web Storage

fiber_manual_record
Tema 1: Api Geolocalización
fiber_manual_record
Tema 2: Usos prácticos con Google Maps
fiber_manual_record
Tema 3: Api Web Storage
fiber_manual_record
Tema 4: Sistemas de almacenamiento
expand_more

Unidad 4: Indexed DB

fiber_manual_record
Tema 1: Base de datos
fiber_manual_record
Tema 2: Implementando Indexed DB
fiber_manual_record
Tema 3: Almacenes de objetos e índices
expand_more

Modulo 7: Boostrap (CURSO 4: DESARROLLO WEB CON BOOSTRAP)

expand_more

Unidad 1: Primeros pasos

fiber_manual_record
Tema 1: Contenidos de Boostrap
fiber_manual_record
Tema 2: Compatibilidad con navegadores
fiber_manual_record
Tema 3: Licencias
expand_more

Unidad 2: Diseño

fiber_manual_record
Tema 1: Tipos de rejillas
fiber_manual_record
Tema 2: Tipografías
fiber_manual_record
Tema 3: Elementos CSS
expand_more

Unidad 3: Formularios

fiber_manual_record
Tema 1: Tipos de formulario
fiber_manual_record
Tema 2: Mensajes de ayuda
expand_more

Unidad 4: Componentes

fiber_manual_record
Tema 1: Iconos
fiber_manual_record
Tema 2: Navegación
fiber_manual_record
Tema 3: Elementos de página
fiber_manual_record
Tema 4: Objetos multimedia
fiber_manual_record
Unidad 5: Evaluación Final Integradora
fiber_manual_record
Unidad 6: Recuperatorio de Evaluación Final Integradora

Destinatarios

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.

Requisitos

  • Manejo de PC
  • Manejo de Internet.
WHATWG http://www.whatwg.org, W3C HTML Working Group: http://www.w3.org/html/,Sitios web de referencia y consulta:,Otto Mark, Thornton Jacov. Boostrap 3, el manual oficial. Librosweb; 2015., Musciano y Kennedy. HTML, La guía completa. 1ª Ed. Editorial Mc Graw Hill; 2000., Gauchat Juan Diego. El gran libro de HTML5, CSS3 y Javascript. Marcombo, Barcelona; 2012., Eguíluz Javier. Introducción a CSS. 1ª Ed. Creative Commons; 2006.,Alvarez García Alonso. HTML 5, Guía Práctica. 1ª Ed. Anaya Multimedia, Madrid; 2010.,Borrador del HTML 5 por la WHATWG http://www.whatwg.org/specs/web-apps/current-work/multipage/, Última versión publicada del borrador de HTML 5 http://www.w3.org/TR/html5/

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 y 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.

Así enseñamos:

Material de estudio online

Material de estudio online

Te brindamos los apuntes, material de estudio y textos complementarios necesarios para tu aprendizaje. Todo el contenido es descargable para que puedas visualizarlo cuando y donde quieras.

Clases en tiempo real

Clases en tiempo real

Tendrás clases en tiempo real periódicamente para desarrollar y profundizar las unidades temáticas. Su participación no es obligatoria y quedan grabadas para que accedas a ellas en todo momento.

Foros de discusión con docentes y pares

Foros de discusión con docentes y pares

Desde el Centro de eLearning creemos que la retroalimentación entre compañeros y profesores es la mejor forma de aprender.

Seguimiento docente activo

Seguimiento docente activo

Para poder desarrollar correctamente tu aprendizaje contás con profesores a tu disposición para poder despejar cualquier duda o inquietud que tengas sobre el material de estudio y la cursada. Asimismo, tendrás disponible un servicio de mensajería directa con ellos, además de los foros de intercambio.

Campus virtual disponible 24hs del día

Campus virtual disponible 24hs del día

Nuestra plataforma te permite estudiar en el horario que te sea conveniente, disponible en todo momento.

Profesores especializados en elearning

Profesores especializados en elearning

Nuestros docentes están capacitados en educación a distancia y comparten la vocación de enseñar y mantenerse en constante actualización para brindar lecciones íntegras y de gran nivel académico.

Certificación Universitaria UTN B

Certificación Universitaria UTN BA

Nuestros certificados son extendidos en formato digital por el Centro de e-Learning de la Secretaría de Cultura y Extensión Universitaria de UTN FRBA. Contamos con un Sistema de Verificación de Certificados (SVC) a través del cual se pueden verificar los diplomas emitidos, tanto por parte de un alumno o un tercero que requiera validar el historial académico.

¡Somos UCAP!

¡Somos UCAP!

Estamos registrados como Unidad Capacitadora, es decir que los cursos que dictamos pueden canalizarse a través del Régimen de Crédito Fiscal para capacitació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.

Certificación

Diploma digital verificable a través del sistema de verificación de autenticidad.

UTN-BA

Certificados extendidos por la Secretaría de Cultura y Extensión Universitaria de Universidad Tecnológica Nacional Regional Buenos Aires.

Compartilo en

redes sociales
Certificado-UTN

Preguntas Frecuentes

Es muy fácil:

  1. Haz clic en el botón "Inscripción" en la página web de tu curso de interés. Si es la primera vez que estudias con nosotros, crea tu usuario. Si ya tienes uno, inicia sesión.
  2. La página te redireccionará al proceso de pago. Si tienes un cupón de descuento, ¡este es el momento de usarlo! Carga su código en el botón “Tengo un cupón de descuento”.
  3. Luego de operación, el pago puede demorar entre 48 y 72hs en impactar en el sistema. ¡No te preocupes! Cuando se acredite te avisaremos vía correo electrónico. 

En caso que el curso seleccionado cuente con un proceso de admisión, deberás enviar la documentación requerida para ser admitido y luego efectuar la inscripción.

La inscripción de nuestros cursos se mantiene abierta hasta 7 días después de la fecha de inicio.
Sigue los pasos de inscripción y envíanos el comprobante de pago a administracion@centrodeelearning.com para que te demos el acceso al aula y puedas comenzar a cursar.

Puedes abonar a través de Mercado Pago con tarjeta de débito, crédito o en efectivo.
Si pagas con tarjetas de crédito podrás financiar el pago en 3 o 6 cuotas sin interés, dependiendo del curso.

El día de inicio de la cursada te enviaremos un correo electrónico para avisarte que el material ya está disponible en el Campus Virtual. ¡No te desesperes! El correo puede llegar entre las 10 y las 16hs.

A partir de ese momento vas a poder visualizar los contenidos de la primera unidad, el programa de estudio y el cronograma de clases.

Para asegurar la calidad de las clases, algunos cursos pueden tener cupos limitados. Dependiendo del curso, es posible que las vacantes se completen rápido.

¡No te preocupes! Nuestros cursos cuentan con varias fechas de inicio a lo largo del año para que nadie se quede con las ganas de estudiar y certificarse en el Centro de e-Learning UTN BA.