Diplomatura Desarrollador Web Full Stack

TEMARIO

HTML5

Crear y visualizar un documento HTML

Trabajar con etiquetas y elementos

Declarar idioma y codificaci6n

Declarar el titulo y otros metadatos

Declarar el elemento header de la pågina

Declarar los elementos aside y footer

Declarar los elementos nav y ul

Declarar los elementos section y article

Cabeceras de artículos con hgroup y header

Elementos image, figure y figcaption

Crear elementos expandibles con details

Marcar fecha con <time> y definicion con <dfn>

Etiquetas <cite>, <small>, <strong> y <mark>

Usar reversed, date, ping y download

Contenteditable, spellcheck y draggable

Incrustar un archivo de audio Incrustar un archivo de video

Usar el elemento canvas

Crear un formulario (I)

Crear un formulario (Il)

Definir el campo con atributos

Conocer el nuevo documento HTML

CSS3

Declarar estilo CSS dentro del elemento

Declarar estilos CSS en la cabecera o head

Crear una hoja de estilo externa

Crear referencias de clase

Crear referencias de id

Crear referencias con pseudo-clases (I)

Crear referencias con pseudo-clases (II)

Insertar una imagen de fondo

Establecer ancho, alto y márgenes

Ubicar elementos con display y float

Definir y dar estilos a la fuente

Utilizar fuentes personalizadas

Definir el tamaño de la fuente

Definir alineación, altura y versalitas

Establecer columnas

Aplicar sombra, relleno y trazado a una fuente

Aplicar sombras a una caja

Crear borde con image-border

Redondear esquinas con border-radius

Aplicar degradados lineales

Aplicar degradados radiales

Usar reflexiones e imágenes degradadas

Ajustar textos y títulos a sus contenedores

Transformar la escala de un elemento

Desplazar un elemento

Inclinar un elemento

Rotar un elemento

Transformar el origen de un elemento

3D con la función Perspective

Crear efectos con transformaciones

Crear transiciones entre transformaciones

Crear animaciones en CSS3

Crear animación con capas

Crear transparencias

Crear filtros con CSS3

JAVASCRITP

MODULO I

Modelo de caja flexible

Elementos flexibles que son cajas flexibles

Cajas flexibles con medidas de referencia

Enlazar a un punto de la misma página

Conocer Javascript y asignar variables

Calcular con operadores matemáticos

Asignar múltiples valores (en una matriz)

Condicionales con if y else, y switch y case

Crear bucles con for y while

Declarar y llamar a una función

Crear y modificar objetos y propiedades

Crear y modificar métodos

Crear objetos a partir de otros (I)

Crear objetos a partir de otros (II)

Conocer los eventos de Javascript

Crear código Javascript en un archivo externo

Seleccionar un elemento del HTML (I)

Seleccionar un elemento del HTML (II)

Modificar un contenido con innerl HTML

MODULO II

Intercalar imágenes valor dc src

Modificar estilos CSS3 desde Javascript

Identificar la etiqueta y el elennent() padrc

Trabajar con elementos anidados o hijos

Utilizar className para aplicar estilos (I)

Utilizar className para aplicar estilos (II)

Crear el canvas y un contexto de dibujo

Dibujar líneas y rectángulos en canvas

Definir esquinas y extremos de trazados

Trazar arcos y círculos

Crear curvas cuadráticas y bezier

Crear degradados lineales y radiales

Escribir en el canvas

Insertar una imagen en el canvas

Enlazar a una parte de la misma página

Transformar el lienzo

Crear un reproductor personalizado

Controlar botones de 'silencio' y 'pausa'

Controlar la barra de progreso

Controlar volumen y pantalla completa

Depuración del código o buscando errores

Crear un servidor local con WampServer

Instalar servidor local y ponerlo a funcionar

Utilizar su servidor local

MAQUETADO WEB

Que es maquetado Web

Bootstrap

Inspeccionar elementos

Modificar, editar

Crear sitios web

Hosting

Dominios

Posicionamiento Web

Velocidad

MySQL

MODULO I

INSTALACION

BASES DE DATOS

CONSULTAS SQL I

CONSULTAS SQL II

TIPOS DE DATO

OPERADORES

MODULO II

LAS FUNCIONES DE AGREGADO Y LA TOTALIZACIÓN DE DATOS

AGRUPACIÓN DE DATOS

FILTRAR CÁLCULOS DE TOTALIZACIÓN

ORDENACIÓN DEL RESULTADO

EL OPERADOR LIKE / EL VALOR NULL

Python

MODULO 1

– Introduccion teorica a los lenguajes de programacion.

– Python 2 vs Python 3.

– Instalacion de Python 2 y 3 en Windows, Mac y Linux.

– Seleccion y alternativas de los editores de texto e IDEs

– Numeros y Strings.

– Formato e impresion de texto.

– Listas

– Diccionarios

– Tuplas

– Interaccion con archivos.

– Sets y Booleanos.

– Acercamiento practico.

– Operadores de comparacion

– Operadores de comparacion encadenados

– Practica integradora parcial

– Introduccion a declaraciones (statements) en python.

– Condicionales: Declaraciones If, Elif y Else

– Introduccion a loops.

MODULO II

– Loop For.

– Loop While.

– Rangos.

– Comprension de listas.

– Introduccion a funciones y metodos.

– Metodos

– Funciones

– Expresiones Lambda

– Declaraciones anidadas y Scopes

– Practica Integradora parcial.

– Manejo de errores y excepciones

– Manejo de Excepciones: Try, eccept y finally

– Modulos, paquetes e imports.

– Introduccion a funciones internas

– Map

– Reduce

– Filter

-Zip

-Enumerate

-all() y any()

– Decoradores y generadores

– Introduccion a las GUI

– Practica integradora final

Angular

MODULO I

¿Qué es Angular?

Herramientas para usar

Instalación de Angular

Herramienta Angular CLI

Comandos (ng new – generate – serve –update – doc)

Creación del proyecto y prueba

Archivos y carpetas del proyecto Angular

Explicación de patrón a MVC vs MVVM

Interpolación en los archivos HTML de Angular

Directivas *ngIf y *ngFor

Captura de Eventos

Directiva ngModel

Introducción a componentes

Creación de un componente

Pasar datos de la componente padre a la hija

Disparo de eventos de la componente hija a la componente padre

Llamar a métodos de la componente hija desde el template del padre

Llamar a métodos de la componente hija desde la clase padre

Enlace de propiedades (Property Binding)

Introducción a módulos

Creación y uso

Petición de un archivo Json a un servidor

Definición de rutas (Router)

Introducción a servicios

Concepto, creación y usos

Recuperación de datos de un servidor web en un servicio

Definición de pipes

Creación de pipes personalizados

MODULO II

Introducción a TypeScript

Tipado Estático

Clases

Funciones y Métodos

Herencia

Interfaces

Clases Genéricos

Angular Material

Extensión para Visual Studio

Formularios

Input

Selectores mat-radio-button

Mat-radio-group

mat-checkbox

mat-select

mat-slider

mat-slide-toggle

Angular Material Layouts – tabs

Tablas (mat-table)

Paginación (mat-paginator)

Ordenamiento (matSort)

Diálogos (MatDialog)

Menú (mat-menu)

Menú anidado

Menú (mat-card y mat-toolbar)

Panel (max-expansion-panel)

Otras Componentes

Librerias que compiten con Angular Material

Instalar Bootstrap

Creación barra de menu

Creación alerta

Creación de tablas

Creación de tarjetas

Introducción a ng-bootstrap y ngx-bootstrap

Creación de proyecto con ng-bootstrap

Creación de proyecto con ngx-bootstrap

Estructura completa *ngIf

Estructura completa *ngFor

Estructuras *ngSwitchCase, *ngSwitchDefault, *ngSwitch

Directiva atributo [ngStyle] y estilos individuales

Directiva atributo [ngClass] y clases individuales

Directiva de atributo- creación personalizada

Directiva de atributo – definición de propiedades

Directiva de atributo – responder a eventos del usuario

Directiva estructural – creación

Router – parámetros en una ruta

Router – Captura de ruta no existente

Router – Rutas anidadas

Router – Lazy Loading (Carga perezosa)

Formularios basados en plantillas y reactivos

Formularios Reactivos – ReactiveFormsModule, FormControl, FormGroup

Formularios reactivos – Checkbox, radio y select

Formularios reactivos – FormFroup anidados

Formularios reactivos Validación

Formularios reactivos – Validación personalizada

Formulario Reactivo- FormBuilder