UTN - INSPT - CFC
CURSO DE DESARROLLO Web Inicial

Este curso está pensado para todos aquellos que deseen desempeñarse en el ámbito del diseño y programación de sitios web, así como también incursionar en los avances de las tecnologías de última generación orientados a sitios web dinámicos. Esto último servirá para encaminarse en los nuevos perfiles buscados en el mercado laboral gracias al dinamismo en el cual nos encontramos sumergidos.

Nos enfocaremos en las tecnologías HTML, CSS y Javascript utilizando Nodejs como entorno de ejecución y al finalizar el curso estarás preparado para realizar aplicaciones web básicas con mayor demanda en el mercado.

Objetivo General:
● El alumno logrará realizar sitios web básicos estáticos y dinámicos.
● El alumno podrá contar con los conocimientos en contenido web de programación inicial.

Objetivos Específicos:
Que los interesados aprendan:
● Maquetado básico de sitios Web.
● Manejo de HTML, CSS, y Javascript.
● Manejo de Github y Github Pages para tener tu portafolio de proyectos online.
● Interacción con diferentes API.

● Público en general.
● Diseñadores gráficos.
● Diseñadores multimediales.
● Analistas.
● Interesados en desarrollar programas y sistemas dinámicos accesibles vía web.
● Programadores de otros lenguajes que deseen incursionar en el desarrollo de sistemas Web.

● No es indispensable conocer otros lenguajes, ni de programación.
● Conocimientos generales de PC, saber navegar por internet.
● Tener disponibilidad de internet.
● Ganas de aprender.

El curso de desarrollará en un periodo de 26 clases de 3hs cada una, en total 78 hs semi presenciales.

La carga horaria semanal es de 6 hs y se dividirán en dos días. Un día presencial, otro día a distancia.

Realizaremos actividades tanto individuales como grupales en cada una de las temáticas presentadas para fomentar la participacion e interaccion de los alumnos. El profesor dará la exposición teórica del tema y se abrirá el espacio para debatir cada uno de ellos de considerarlo.

También se realizarán ejercicios para aplicar los conocimientos y evaluar a cada uno de los participantes con la posibilidad de evacuar dudas. Se brinda la posibilidad de consultar vía Slack o Email aquellas dudas posteriores a la clase.

Clase 1: Tecnologías de Internet
- Introducción a las herramientas que se utilizaran durante el curso.
- ¿Qué es un dominio?
- Dominios Genéricos o Dominios Argentinos
- Alojamiento web

Clase 2: Introducción a HTML Y CSS
-¿Qué es HTML?
- Concepto de Etiqueta – Sintaxis
- Etiquetas y atributos generales
- ¿Qué es CSS?
- Formas de incluir CSS en HTML
- Selectores: Etiqueta, Clase, Id, Compuestos
- Propiedades generales

Clase 3: Introducción a la maquetación web en HTML5 y CSS3
- Introducción a Flexbox
- Grid System
- Módulos – columnas
- Responsive Design

Clase 4: Maquetación web con HTML5 y CSS3
- ¿Qué es Bootstrap?
- Compatibilidad con navegadores
- Plantillas

Clase 5: Maquetación web con HTML5 y CSS3
- Tipografías
- Formularios
- Componentes
- Librerías de Javascript

Clase 6: Introducción a Github – Github pages
- Introducción a Git
- Uso de consola
- Comandos principales de Git
- Subir primeros sitios a Github Pages.

Clase 7: Introducción a Javascript
- Breve historia
- Características básicas
- Especificaciones oficiales
- Cómo incluir Javascript en documentos XHTML
- Glosario básico
- Sintaxis
- JavaScript y navegadores
-Variables

Clase 8: JavaScript
-Condicionales
- Operadores
- Array

Clase 9: JavaScript
- Estructuras de repetición
- Bucles
- For
- While

Clase 10: JavaScript
- Selección de elementos
- Por ID
- Por Class
- setInterval()
- setTimeOut()
- Mostrar y ocultar elementos

Clase 11: JavaScript
- DOM
- Nodos, propiedades y métodos

Clase 12: JQuery
- ¿Qué es JQuery?

Clase 13: Introducción a base de datos
- ¿Que es una Base de Datos?
- Tipos de bases de datos
- Tablas o campos o registros
- Lenguaje SQL

Clase 14: Introducción a APIs
- ¿Qué es una API y para qué sirve?
- Llamadas CRUD (Crear, Leer, Actualizar y Borrar)

Clase 15: Introducción al lado servidor (Backend)

Clase 16: PHP

Clase 17: Introducción a Laravel

Clase 18: Laravel

Clase 19: Laravel

Clase 20: Laravel

Clase 21: Introducción a Angular / React / Vue (a definir)
-¿Qué es Angular?
- Estructura de carpetas
- ¿Qué son los componentes?
- Módulo raíz
- Vistas

Clase 22: Angular / React o Vue (a definir)
- Componentes
- Servicios

Clase 23: Angular y Laravel
- Servicios
- Api rest
- Routing

Clase 24: Avances sobre el proyecto final

Clase 25: Tutoría y corrección del proyecto final

Clase 26: Entrega del proyecto final

● http://eloquentjavascript.net/ (libro gratuito de JavaScript)
● http://hectorip.github.io/Eloquent-JavaScript-ES-online/(versión en español)

Se sumará bibliografía a medida que se avance en la cursada.

Software necesario:

● Visual Studio Code. Versión: última. Empresa: Microsoft. Licenciamiento: libre. Enlace: https://code.visualstudio.com/download . Idioma: Inglés / Español
● Git. Versión: última. Empresa: Software Freedom Conservancy. Licenciamiento: libre. Enlace: https://git-scm.com/downloads
● Google chrome. Versión: última. Empresa: Google. Licenciamiento: libre. Enlace: https://support.google.com/chrome/answer/95346?co=GENIE.Platform%3DDesktop&hl=en-GB