Curso de PROGRAMADOR WEB INICIAL – FRONTEND DEVELOPER

METODOLOGÍA A UTILIZAR EN EL DESARROLLO DEL CURSO
Las actividades se realizarán en forma individual y/o grupal de aplicación práctica por cada unidad temática.

Durante las clases y para fomentar un proceso de enseñanza y aprendizaje constructivo se realizará una exposición teórica paso a paso por parte del docente, con opción de abrir un debate para participación de los alumnos.

Luego se realizará una instancia de aula taller para la realización de ejercicios de aplicación de los conocimientos para ser elaborados por los alumnos.

Al finalizar cada clase se abrirá una instancia para evacuar dudas y realizar un cierre de cada tema, las dudas posteriores de cada alumno podrá ser consultada vía mail.

Clase 1: Introducción a HTML
• ¿Qué es HTML?
• Concepto de etiqueta – Sintaxis
• Etiquetas y atributos generales
• Listas ordenadas
• Listas no ordenadas
• Imágenes
• Formularios
Clase 2: Introducción a CSS
• ¿Qué es CSS?
• Formas de incluir CSS en HTML
• Selectores: etiquetas, clases, id, compuestos
• Atributos Generales
• Manejo de enlaces
Clase 3 : Maquetacion Web
• Administración de Sitios.
• Aplicación de CSS a distintos elementos
• Maquetación con etiqueta div
Clase 4: Maquetacion Web
• Maquetación Posicionamientos:
• Estático
• Relativo
• Absoluto
• Fijo
• Combinación de distintos posicionamientos
Clase 5: Maquetacion Web
• Armado de botonera con listas.
• Formularios
• Aplicación de estilos a los formularios.
• FTP
Clase 6: Introducción a HTML5
• ¿Qué es HTML5?
• Compatibilidad con los navegadores

• Nuevas atributos globales
• Etiquetas Semánticas : <header>, <footer>, <nav>, <section>,
• <article>, <aside>
Clase 7: HTML5
• Nuevos elementos multimediales
• Etiqueta Audio
• Etiqueta Video
• Etiqueta canvas
Clase 8: Introducción a CSS3
• Nuevas propiedades
• @font-face
• Bordes redondeados
• Degradados
• Sombras
• Transparencia
• Separación de columnas
Clase 9: Responsive Design
• Resoluciones de pantalla para dispositivos móviles
• HTML aplicado a la web mobile
• Maquetación web multiplataforma
• Media Queries
• CSS3, atributos para web mobile
Clase 10: Introducción a la programacion
• ¿Qué es Programación?
• ¿Qué es un Programa?
• Etapas de la programación
• Lenguajes de programación
• Niveles de lenguajes
• Tipos de programación
• ¿Qué es un algoritmo?
• - Símbolos gráficos
• Estructuras de control
• Estructuras selectivas
• Condicionales
Clase 11: Introducción a MySQL

• ¿Qué es una base de datos?
• Tipos de bases de datos
• Tablas
• Valores
• Campos clave
• Clave primaria
• Clave foránea
• Lenguaje SQL
Clase 12: MySQL
• Operadores
• Funciones agregadas
• Lenguaje estructurado de consultas:
• DDL
• DML
• DCL
• Wamp
• PhpMyAdmin
Clase 13: Introducción a PHP
• ¿Qué es PHP?
• Funcionamiento
• Sintaxis
• Variables
• Operadores
Clase 14: PHP
• Paso de Variables entre archivos
• Metodo GET
• $_GET
• Método POST
• $_POST
Clase 15: PHP
• Envío de mails con PHP
• Función mail
• Condicionales
• Else
• Switch

Clase 16: PHP
• Mysql_connect
• Mysql_select_db
• Mysql_num_rows
• Mysql_fetch_array
Clase 17: PHP
• Estructuras de repetición
• Bucles
• For
• While
• Foreach
• Function
• Include
Clase 18: PHP
• Session
• $_SESSION
• Aplicaciones:
• Libro de visitas
• Agregar/ modificar/eliminar noticias
Clase 19: PHP
Aplicaciones:
• Captcha
• Registro de usuarios
• Generador de password
- Sistema de compras
Clase 20: Javascript
• Características básicas
• Versiones
• Formas de incluir Javascript en HTML
• Normas básicas
• Comentarios
• Variables
Clase 21: Javascript Array
• Condicionales
• If

• Else
• Switch
• Operadores
• Estructuras repetitivas
• While
• For
• Funcion Date
• Objeto window
Clase 22: JQuery
• ¿Qué es JQuery?
• Seleccionar elementos mediante ID
• Seleccionar elementos mediante CSS
• Administración de eventos
• Efectos.
Clase 23: Tutorias del T.P.
? Revisión de dudas y consultar
? Testing de aplicaciones y funciones
? Correcciones finales
Clase 24: Entrega final de proyecto
• Evaluación integral de proyectos finales
• Cierre de calificaciones
Cronograma de clases
Clase 1: Introducción a HTML
Clase 2: Introducción a CSS
Clase 3: Maquetacion Web
Clase 4: Maquetacion Web
Clase 5: Maquetacion Web
Clase 6: Introducción a HTML5
Clase 7: HTML5
Clase 8: Introducción a CSS3
Clase 9: Responsive Design
Clase 10: Introducción a la programacion
Clase 11: Introducción a MySQL
Clase 12: MySQL
Clase 13: Introducción a PHP
Clase 14: PHP

Clase 15: PHP
Clase 16: PHP
Clase 17: PHP
Clase 18: PHP
Clase 19: PHP
Clase 20: Javascript
Clase 21: Javascript
Clase 22: JQuery
Clase 23: Tutorías del T.P.
Clase 24: Entrega final de proyecto

– El alumno debe poseer manejo general de PC (entorno Windows – office)

-Saber navegar por internet, descarga de mails y descompresión de archivos

• UTN.BA Secretaría de Cultura y Extensión Universitaria Sede Principal