Curso Front End: Web Developer

Aprendé e incorporá herramientas en tecnologías de diseño y desarrollo web para alcanzar mayor inserción laboral en el mundo del Frontend.

¿QUÉ ES EL DESARROLLO WEB EN FRONT END?

El desarrollo web front-end da una estructura a los datos que aparecen en una interfaz gráfica, con el objetivo de optimizar la experiencia del usuario. Es el encargado de definir la jerarquía de la información que se visualiza y su distribución: los márgenes, los colores, los recursos audiovisuales, las animaciones, etc. El resultado es lo que todos conocemos como página web.

DESTINATARIOS

El curso se encuentra abierto a toda la comunidad universitaria como extrauniversitaria de la UNSO. No es necesario tener conocimientos previos en programación.

ARANCEL

El costo total del curso para cada estudiante es de $6000. Esta suma de dinero se abonará en 2 cuotas de $3000, una al principio y otra a mitad del curso.

📌 50% de descuento para estudiantes UNSO

IMPORTANTE: Al enviar tu inscripción te haremos llegar el enlace de pago al mail brindado. Recordá que los cupos son limitados, una vez realizado el pago se garantizará el lugar en el curso.

EVALUACIÓN Y CERTIFICACIÓN

Se brindará un certificado de acreditación de saberes. Para obtener la certificación cada estudiante deberá contar con por lo menos la asistencia al 75% de las clases, la aprobación del 75 % del total de los trabajos propuestos y la aprobación de los exámenes.

CONTENIDOS

Unidad 1: Introducción

• ¿Cómo funciona la web?
• Arquitectura cliente/servidor
• Frontend / Backend
• Instalando herramientas

          ○ VSCode y extensiones  ○ Navegador

Unidad 2: HTML

• Estándares y convenciones
• Anatomía de un archivo .html
• Anatomía de una etiqueta
• Etiquetas principales

○ <a> ○ <img> ○ <div> ○ <p> ○ <span>

• Etiquetas tipográficas
• HTML semántico, (HTML5)
• Comprobaciones https://validator.w3.org/
• Manejo de formularios
• Etiqueta head

○ Vinculando estilos ○ Vinculando Javascript ○ CDNJS ○ Etiquetas meta

• Etapa uno del proyecto integrador

Unidad 3: CSS

• Incorporando estilos a la web

○ Archivos css ○ En línea ○ En la etiqueta head

• Sintaxis de reglas css
• Selectores

○ De etiqueta ○ De clase ○ De ID ○ Por atributos ○ Selectores complejos

• Estilizando texto
• Estilizando formularios
• Pseudoelementos
• Herencia y priorización
• Modelo de cajas
• Medidas absolutas y relativas
• Posicionamiento
• Flexbox
• Grid
• Metodología BEM
• Librerías y Frameworks como Boostrap y UiKit
• Preprocesadores SASS
• Etapa dos del proyecto integrador

 

Unidad 4: Javascript

• Sintaxis básica
• Let y const
• Vinculando js con HTML
• Capturando eventos
• Manipulación del DOM
• Manipulando cadenas de texto
• Objetos y prototipos
• Condicionales y Ciclos
• Operadores de asignación y comparación
• Operador ternario
• Agregando estilos desde js
• Agregando HTML de manera dinámica con js
• Patrón MVC de diseño
• Storage
• Asincronismo
• Manipulación de archivos JSON