Temario Diplomatura Programacion Web FullStack

Temario
Temario
Diplomatura en Programación web Full Stack
Diplomatura en
Programación Web
Full Stack
Presentación
Esta Diplomatura Universitaria, está pensada desde nivel inicial para
aquellos que aún no programan, hasta lograr un nivel avanzado en la
programación de desarrollos web dinámicos.
Actualmente el mercado laboral, tanto en su forma freelance como

de empleo formal, solicitan desarrolladores web Full Stack, esto sig-
nifica que los desarrolladores deben poseer los conocimientos y ha-
bilidades para realizar el diseño visual de su desarrollo web ( Desarro-
llo Front End), asi como también puedan programar en los lenguajes,
frameworks y librerías más solicitados para estos desarrollos con el
fin de interactuar con el servidor y las bases de datos del sitio web.
Requisitos previos (Desarrollo web Back End).
Manejo del sistema La Diplomatura está compuesta por dos cursos que se realizan en for-
operativo Windows. ma nivelada y según el grado de complejidad en los contenidos, en
primer lugar el curso de Programador Web Inicial – Front End Develo-
Manejo de programas
per, y en segundo lugar el curso de Back End Developer completando
Office.
así un programa general e integrador para la formación ideal en la in-
Manejo de los clusión efectiva en el mundo laboral.
principales navegadores
web Con esta Diplomatura práctica y estratégica conseguirás:
Duración: Dos clases • Desarrollar el diseño básico de tu sitio en HTML5, CSS3 y Bootstrap
por semana de 3 hs. 180 • Aprender el lenguaje Javascript
hs totales. • Aprender Typescript
• Manejar bases de datos para web como My SQL o Mongo DB
Modalidad: clases 100 %
• Realizar sitios dinámicos con NodeJS
online en vivo. 60 clases
de 3 horas c/u • Realizar sitios Full Stack con React JS
Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Medrano 951 (C1179AAQ) C. A. B. A Tel.: (5411) 4867 -7500 interno 7653
Temario
Objetivos
Objetivo general
Que los alumnos logren obtener los conocimientos y
habilidades para el desarrollo integral de un sitio web
dinámico con tecnología JS. ( Full Stack)
Objetivos Específicos:
• Que los alumnos manejen el lenguaje Javascript
• Que los alumnos logren aplicar el diseño Front End a
su Desarrollo
• Que los alumnos sepan integrar la programación de
su sitio con el servidor y las bases de datos
• Que los alumnos logren dominar las principales li-
brerías de Javascript como, React JS específicamen-
te aplicados al desarrollo web.
Dirigido a:
• Diseñadores.
• Estudiantes de carreras relacionadas con el diseño
multimedial y la programación.
• Estudiantes en general que deseen incorporar
conocimientos de desarrollo web full stack.
• Público en general que se encuentre interesado en
el desarrollo de un sitio web dinámico.

Temario
Programa
de contenidos
Módulo 1: Programador Web Inicial – Front End Developer
Clase 1: Introducción al Desarrollo Web

- Funcionamiento Web
- Alcance del diseño web
Clase 2: Introducción a HTML

- ¿Qué es HTML?
- DOCTYPE y estructura básica
- Introducción a etiquetas
- Textos
- Listas
- Tablas
- Imágenes
- Formularios
Clase 3: Introducción a CSS

- ¿Qué es CSS?
- Formas de vincular CSS en HTML
- Reglas
- Propiedades básicas
Clase 4: HTML5 y CSS3

- HTML Semántico
- Etiquetas multimedia
- Diferencia entre margin, padding, width, height.
- Sombras, columnas, bordes redondeados
- Introducción a Git / GitHub

Temario
Clase 5: CSS3
- GoogleFonts
- Fontawesome
- Posicionamiento
Clase 6: Flexbox y Grid

- Order
- Wrap
- Reverse
- Shrink
- Align-self
- Grid System
Clase 7: CSS3
- Transformaciones
- Transiciones
Clase 8: Formularios y position

- Formularios
- Pseudoclases
- Formspree
- Icons
- Position: Posicionamiento estático, relativo, absoluto, fijo y sticky
- Combinaciones, Ancla
Clase 9: Responsive Design

- HTML aplicado a web mobile
- Maquetación web multiplataforma
- Media Queries
- Diseño adaptable
Clase 10: Maquetación Web

- ¿Qué es Bootstrap?
- Compatibilidad con navegadores
- Plantillas
- Plugins de Javascript
Clase 11: Práctica HTML5 y CSS3

- Armado del diseño adaptable a distintas resoluciones
Clase 12: Entrega del primer Trabajo práctico

Desarrollo Web en HTML 5 y CSS3

Temario
Clase 13: Introducción a la Programación & inicios con JavaScript

- Concepto de Lenguajes de programación
- Lenguajes de Tipado débil y lenguajes de Tipado Fuerte
- Uso de la consola y Editores IDE
Clase 14: Introducción a JavaScript ES6

- Características básicas
- Versiones
- Formas de incluir JavaScript en HTML
- Normas básicas -Variables
Clase 15: JavaScript

-Condicionales
- Operadores
- Array

- Estructuras de repetición
- Bucles
- For
- While

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

-Funciones
-Paradigmas
-Programación orientada a objetos
-Características de POO
-Otros Conceptos de POO

- DOM
- Nodos, propiedades y métodos

Temario
Clase 20: Javascript y JSON

- Datos estructurados JSON y Formatos Intercambio de datos con JavaScript
- Crear Documento
- Actualizar Documento
- Eliminar sus propiedades
- Consultar sus Datos
Clase 21: Javascript.

- Clase práctica de Javascript
Clase 22: React Js

- Creando el stack de react
- create-react-app
- Estructura de proyecto
- Componentes
- React developer tools
Clase 23: React Js

- Componentes funcionales y estatales
- Props
- Property initializers
Clase 24: React Js

- State
- Hooks
- Eventos
- Componentes con estilos
- Modularización
Clase 25: React Js

- Fragments
- Formularios
- Inputs
- Textarea
- Select
- Checkbox
- Validación de Formularios
Clase 26: React Js

- Listas
- Iteración
- Keys Prop
- Ciclos de vida en react

Temario
Clase 27: React JS

- Redux
- Routing
Clase 28: Introducción a la automatización

e IA aplicada al front end
Clase 29: Práctica y repaso – trabajo práctico integrador
Clase 30: Trabajo Práctico Integrador
Módulo 2: Back End Developer
Clase 31: Clase niveladora y repaso de Javascript
Clase 32: Clase niveladora y repaso de React Js
Clase 33: Typescript

- ¿Qué es Typescript?
- Sintaxis
- POO 2

- Clases , propiedades y objetos
- Constructor
- Herencia de clases

Aplicación de Typescript en proyectos de desarrollo
Clase 36: Introducción a Bases de Datos

- ¿Que es una Base de Datos?
- Tipos de bases de datos : Relacionales y No relacionales
- Tablas o campos o registros
- Lenguaje SQL
- Select
Clase 37: MySQL

- Lenguaje SQL
- Insert

Temario
- Update
- Delete
Clase 38: Clase práctica MySQL

- Elaboración de Bases de Datos Aplicadas
Clase 39: Bases de datos no relacionales

- Conceptos
- Diferencias con MySQL
Clase 40: Bases de datos no relacionales – Mongo DB

- Introducción a las bases de datos con MongoDB
- Instalación de packs
- Packs de MongoDB
- Arquitectura, instalación y configuración de MongoDB
Clase 41: Mongo DB

- Colecciones
- Documentos
Clase 42: Mongo DB

- Identificaciones de elementos
-CRUD en Mongo DB
- Mongoose
Clase 43: Introducción a NodeJS

- ¿Qué es NodeJS?
- Funcionamiento
- Uso de NPM
- Introducción a programación asincrónica
Clase 44: Node JS - Express

- ¿Qué es Express?
- Ruteo en Express
- Manejo de archivos estáticos
- Recepción de formularios
Clase 45: NodeJS + express (Routing y vistas)

- Instalación de express
- Routes, app.js y www
- Verbos http y headers
Clase 46: Node JS

- Introducción a motores de template
- Uso de motores de template

Temario
- Envío de emails
Clase 47: Node JS

- Conexión con base de datos
- Consultas a base de datos desde NodeJS
Clase 48: Node JS

- Manejo de sesiones
- Práctica de NodeJS con base de datos
- Introducción al concepto de API REST
Clase 49: Mongo DB y Node JS

- Bases de datos no relaciones con NodeJS
- Conexión de node y mongoDB
- Consultas asíncronas
- JWT + mongoDB
Clase 50: Dominios/Hosting/Firbase

- Dominios/Tipos de Dominios/Hosting Web
- ¿Qué es Firebase?
- Entorno de Desarrollo
- Creación de proyecto Web
- Deploy & Only Host Deploy
Clase 51 : Despliegue de la aplicación (Testing

y producción, puertos, firewall y seguridad)
- Configuración de puertos
- Seguridad en el Servidor
Clase 52: API Rest

- Servicios Web: ¿Qué es una API?
- Aplicaciones RESTful.
- Manejo y documentación de APIs.
Clase 53: Introducción a Servidores

- Tipos de servidores comunmente utilizados
- Introducción Amazon AWS
- Servicios en la nube
Clase 54: Integrando Back y Front End

- Puesta en producción de una aplicación node Js + React Js

Temario
Clase 55: Integrando Back y Front End

- Puesta en producción de una aplicación node Js + React Js
- Presentación de ejemplos
Clase 56: Introducción al Prompt Engineering

- Herramientas de IA para el desarrollo del backend
- Mejores practices
Clase 57: Introducción al Prompt Engineering

- Ejemplos prácticos para la optimización y automatización de proyectos
Clase 58: Tutoría del trabajo práctico final
Clase 59: Tutoría del trabajo práctico final
Clase 60: Presentación de proyectos


Temario Diplomatura Programacion Web FullStack

Cargado por

Copyright:

Formatos disponibles

Temario Diplomatura Programacion Web FullStack

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Temario Diplomatura Programacion Web FullStack

Cargado por

Copyright:

Formatos disponibles

Temario

Actualmente el mercado laboral, tanto en su forma freelance como

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Módulo 1: Programador Web Inicial – Front End Developer

Clase 1: Introducción al Desarrollo Web

Clase 2: Introducción a HTML

Clase 3: Introducción a CSS

Clase 4: HTML5 y CSS3

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Clase 6: Flexbox y Grid

Clase 8: Formularios y position

Clase 9: Responsive Design

Clase 10: Maquetación Web

Clase 11: Práctica HTML5 y CSS3

Clase 12: Entrega del primer Trabajo práctico

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Clase 13: Introducción a la Programación & inicios con JavaScript

Clase 14: Introducción a JavaScript ES6

Clase 15: JavaScript

Clase 16: JavaScript

Clase 17: JavaScript

Clase 18: JavaScript

Clase 19: JavaScript

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Clase 20: Javascript y JSON

Clase 21: Javascript.

Clase 22: React Js

Clase 23: React Js

Clase 24: React Js

Clase 25: React Js

Clase 26: React Js

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Clase 27: React JS

Clase 28: Introducción a la automatización

Clase 29: Práctica y repaso – trabajo práctico integrador

Clase 30: Trabajo Práctico Integrador

Módulo 2: Back End Developer

Clase 31: Clase niveladora y repaso de Javascript

Clase 32: Clase niveladora y repaso de React Js

Clase 33: Typescript

Clase 34: Typescript

Clase 35: Typescript

Clase 36: Introducción a Bases de Datos

Clase 37: MySQL

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Clase 38: Clase práctica MySQL

Clase 39: Bases de datos no relacionales

Clase 40: Bases de datos no relacionales – Mongo DB

Clase 41: Mongo DB

Clase 42: Mongo DB

Clase 43: Introducción a NodeJS

Clase 44: Node JS - Express

Clase 45: NodeJS + express (Routing y vistas)

Clase 46: Node JS

Universidad Tecnológica Nacional- Facultad Regional Buenos Aires

Clase 47: Node JS

Clase 48: Node JS

Clase 49: Mongo DB y Node JS

Clase 50: Dominios/Hosting/Firbase