Front-End Developer Avanzado

UTN Universidad Tecnológica Nacional

Curso y Capacitación
Duración 8 clases - viernes de 19 a 22 hs
Presencial

Recibir más información

(*) Campos obligatorios
Al hacer click en Enviar, acepto los Términos y Condiciones

El crecimiento actual del desarrollo web front-end requiere actualmente expertos capacitados con una formación constante en las nuevas tecnologías de diseño y programación, que se implementan en forma acelerada tanto en el ámbito social como laboral.
El curso de Front-End Developer Avanzado es un curso de actualización pensado para introducir las nuevas tecnologías de los lenguajes más importantes de la web a aquellas personas que se desempeñan en el ámbito de diseño y la programación que deseen incluir nuevas formas de trabajo en sus futuros proyectos.
Al finalizar el curso el alumno estará habilitado para aplicar estas nuevas tecnologías al desarrollo de sus sitios web.

Objetivos Generales:

• Que el alumno pueda comprender la creación de los estándares web
• Que el alumno pueda trabajar de forma mejor estructurada a través de Sass
• Que el alumno pueda realizar animaciones avanzadas

Objetivos específicos:

El alumno será capaz de:

• Armar animaciones 2D y 3D
• Crear layouts no rectangulares
• Pueda adaptar fácilmente su diseño a sitios móviles aplicando Media Queries
• Realizar sitios con Parallax
• Realizar animaciones vectoriales complejas a través de la librería GreenSock.

Clase 1: Nivelación • Estándares web • Validación HTML y CSS a través de la W3C • Herramientas de desarrollador

Clase 2: JavaScript • Manejo de DOM • Debugging • Variables • Condicionales • Funciones

Clase 3: Nuevas interfaces • Desde el diseño gráfico a la web • Posicionamientos • Flexbox • Shapes • Clip-path

Clase 4: Transformaciones, transiciones y animaciones • Transform • Scale, rotate, skew, translate • Origin • Perspective • Transiciones y animaciones • Aceleración

Clase 5: Animando vectores • Lenguaje SVG • Inserción de SVG en un HTML • Interacción del SVG con CSS • Animación a través de CSS

Clase 6: Animando SVG con GreenSock • Repaso de conceptos de JavaScript • Línea de tiempo • Controles • TweenMax / TweenLite

Clase 7: Parallax • Conceptos • Peeler • Parallax • ScrollJack • Skrollr • ScrollMagic

Clase 8: Sass • Compiladores • Variables • Nesting • Bucles • Mixins • Partials Cronograma de clases Clase 1 – Clase de nivelación – 3hs Clase 2 – JavaScript – 3hs Clase 3 – Nuevas interfaces – 3hs Clase 4 – Transformaciones, transiciones y animaciones – 3hs Clase 5 – Animando vectores – 3hs Clase 6 – Animando SVG con GreenSock – 3hs Clase 7 – Parallax, animaciones mediante scroll – 3hs Clase 8 – Sass – 3 hs

El alumno debe poseer un dominio inicial a intermedio en desarrollo web y se deberá tener conocimientos de:

• HTML
• CSS
• Manejo sistema operativo Windows