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 I

• 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 GU

• 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