Modelos en el Frotend | Vaxi Drez

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Master Angular con Firebase y ASP.NET Core

Instalacion de Herramientas para Angular

Instalacion de NodeJS (2:04)
Instalar Visual Studio Code (1:37)
Instalar Angular Cliente (1:23)
Instalar extensiones de angular (2:54)

Angular Basico

Web Tradicional y SPA (2:18)
Angular Framework (2:27)
Creacion del Proyecto (3:55)
Configuracion de Angular (0:37)
Estructura Angular (6:37)
Ejecutar Proyecto Angular (14:44)
Comunicacion entre Javascript y Html en Angular (4:23)
Como trabajan los IF y For en Angular? (10:24)
Comunicacion entre componentes Angular (18:57)
Emiter (12:16)
Formularios en Angular (12:41)
Servicios en Angular (14:46)
Subject y Services en Angular (15:11)
Eliminar Items con Subject (5:42)
Routing (13:15)
Angular Material y Material Design (2:09)
Agregar Material Design a mi proyecto Angular (7:01)
Agregar Componente Angular Material (10:58)
Estructura de un proyecto Angular (8:41)
Crear Formulario con Angular y Material Design (6:59)
Flex en Angular (12:47)
Flex en Formularios (5:22)
Agregar boton submit a Form (5:48)
Validaciones en Angular (9:46)
Formulario Validacion (8:02)

Dar de Alta Arquitectura Angular Profesional

Crear Nuevo Proyecto Angular (2:33)
Angular y Aplicaciones Empresariales (9:57)
Configuracion de Typescript en mi proyecto (8:48)
Configuracion de ambientes de desarrollo (15:54)
Instalacion de Librerias (2:55)
Configuracion de Firebase (11:01)
Configuracion de Firebase en Angular (15:23)
Optimizar Angular (2:15)

Definicion de Interfaces Graficas SASS CSS en Angular

Estilos en proyectos Angular SASS CSS (7:24)
Metodologia BEM en Angular (4:56)
Implementar estilos scss en Angular (14:42)
Estilos Fuente y Elementos HTML (23:07)
Importar estilos globales en main (6:41)
Creacion de Header en Angular (8:48)
Agrupar modulos en paginas (20:05)
Crear pagina controles (9:41)
Angular Artefactos (5:39)

Estructura Profesional de un Proyecto Angular

Estructura de un proyecto Angular (7:33)
Elementos Reusables de mi proyecto (3:24)
Crear artefactos compartidos (8:50)
Elemento Compartido Button (1:07)
Implementar Control Button (12:59)
B_Input Element en Angular (3:58)
Creacion de Elementos Input (26:13)
Creacion de Elemento Form-Field (13:32)
Elemento Form-Field - Parte 2 (19:53)
Regex en Angular (9:46)
Control Password (25:35)
Modelo Frontend (1:09)
Modelos en el Frotend (5:42)
Control Select - Combobox (27:29)
Control Checkbox - Parte 1 (21:27)
Control Checkbox - Parte 2 (14:32)
Control Radio (18:35)
Control Date (27:08)
Rango de Fechas (23:26)
Control Autocomplete - Parte 1 (9:55)
Control Autocomplete - Parte 2 (24:53)
Boton Grupal y Submit Validation (13:19)
Botones de tipo action (2:58)
Spinner loading en Angular (13:42)
Services en Angular (3:48)
Mensajes de Error y Success en Angular (18:03)

Data Models en Angular

Data Models en Angular (4:03)
Creacion de Data Models en el Proyecto (16:41)
Crear collections en Firebase (8:23)

Angular y ngrx

ngrx en Angular (5:09)
Estructura de store (3:00)
Modelos en el Store (2:52)
Actions y reducers (9:30)

Angular y rxjs

rxjs en Angular (8:57)
Dictionaries Globales en Angular (19:41)
Registrar Reducers en index (2:59)
Selectors en Angular (7:04)
Registro de Store en App Module (9:46)
Estructura de Sesion de Usuario (2:38)
Modelo y action de Usuario (13:06)
Reducer de sesion de Usuario (9:09)
Effects para dar de alta al Usuario (16:40)
Effects para Login (7:22)
Effects para Logout (3:25)
Selectors para Usuario (6:04)

Modulo de Seguridad

Creando Modulo Pages de Seguridad (11:33)
Regitrar routing Usuario en App Module (3:18)
Crear validaciones en formulario Registrar (15:28)
Creacion de formulario Registrar Usuario (13:12)
Inicio de sesion (23:41)
Salir de sesion (12:10)
Login de usuarios (17:13)

Paginas estaticas en Angular

Paginas estaticas en Angular (9:47)
Estilos en paginas estaticas (4:53)

Upload de files en Angular

Estructura de control Upload (5:05)
Directiva para Upload (10:54)
Creacion de template para Upload (11:00)
Directiva para Drag and Drop de Archivos (11:46)
Seleccionar archivos y almacenarlos en memoria (14:15)
Subir archivos a Firebase (34:38)
Transformar label con pipe (9:09)
Dialog envia url de server a la pagina (7:30)
Edicion de imagenes con cropper en angular (20:50)

Perfil de Usuario con Angular

Formulario de Perfil de usuario (9:26)
Link de perfil de Usuario (1:42)
Stepper en Angular Formularios (7:24)
Creacion de Stepper (24:02)
Stepper con componentes angular (9:49)
bb_Stepper y validaciones entre componentes (25:17)
Leer datos desde un archivo json (14:38)
Leer datos desde el store (8:09)
Formularios y tareas en Angular (4:06)
Formulario Personal (15:57)
Creacion de Formulario Personal (26:15)
Imagen de perfil de usuario (15:07)
Creacion de Formulario Profesion (16:20)
Paneles de roles (2:49)
Formulario Reclutador (13:27)
Formulario Empleado (17:59)
Experiencia Laboral (30:18)
Eventos en controles de Formularios (20:50)
Action para guardar Usuario en servidor (20:55)
Metodo Update Usuario (3:49)
Capturar data del formulario (18:48)
Resolver de Usuario (8:09)
Service Map para Usuarios (30:40)
Mapeo de entidades en Profile (24:16)
Ajustes para Editar Usuario (6:32)

Componentes de Display Usuario

Desplegar data del Usuario en Formulario (25:03)
Componente Display (19:51)
Creacion de Roles Componentes en Display (17:46)

Listar empleados de la App

Listar Empleados (0:28)
Creacion de componente Empleados (5:05)
Effects para Lista de Empleados (24:35)
Componente Empleados (12:12)
Desplegar lista de empleados (14:17)

Mantenimiento de listas dinamicas

Componente de Jobs - Trabajos (0:41)
Creacion de modelo y actions (17:45)
Ids y Entities (0:47)
Creacion de reducers (9:31)
Effects y transacciones (20:03)
Referencia en modulo y selectors (9:02)
Creacion de dialog component (25:01)
Crear component form y ejecutar lista de trabajos (8:56)
Roles para visibilidad de botones (5:31)

Seguridad en Angular

Seguridad en componentes Angular (3:08)
Estructura de guards en Angular (10:52)
Authorization y guards (10:19)
Guards en demo (15:38)
Implementacion en proyecto de guards (3:54)

Deploy de proyecto Angular en servidor oncloud

Deploy de angular en servidores (10:43)
Agregar url para registro en Firebase (2:11)

Instalacion de Herramientas - Backend

Instalar Visual Studio 2019 (4:04)
Instalar Postman (1:55)

Proyecto Ecommerce con ASP.NET Core

Introducción al Curso (2:28)
Modelo de Entidades y Patrones de diseno (5:33)
Instalar Herramientas de EF (2:17)
Patron Repository (3:42)
Creacion de Entidades Class (5:40)
Creacion de Interfaces e Implementacion Repository (6:57)

Setup de Servidor de Base de Datos

SQL Server en el proyecto (1:13)
Docker y configuracion de containers (9:11)
Registrarse en Docker Hub (2:10)
Creacion de Containers (9:48)
Instalar Servidor SQL Server en Docker Container (7:04)

Creacion de modelo ecommerce

Creacion de base de datos (4:28)
Instalacion de EF-Dotnet (5:45)
Ajuste de Librerias EF Core (1:57)
Clase Base Generica EF (4:38)
Configuracion de clase entity (7:39)
Creacion de dbContext EF (6:30)
Configuracion de connection string (6:40)
Creacion de archivos de migracion (4:50)
Ejecucion de migracion en EF (11:28)
Insertar data masiva en EF (16:10)
Repository en controllers (14:00)
Consulta compuesta en EF (5:31)

Ecommerce - Modelo Repository Generico

Crear componentes genericos (7:16)
Implementar genericos en controllers (15:46)
Expression Generic para EF (13:07)
Evaluacion de specification (8:55)
Implementar specification en controllers (18:56)
Mapping DTO Classes (14:47)

Manejo de Excepciones

Errores en NET Core (12:02)
Manejo de Error NotFound (6:56)
Middleware para errores (20:01)

Paginacion, Ordenamiento, filtros y busquedas en NET Core

Ordenamiento de consultas con EF (9:23)
Ordenamiento en controllers dinamico (12:01)
Filtros en NET Core (7:31)
Paginacion en EF (7:32)
Paginacion para Productos (11:22)
Implementar Paginacion en controllers (5:53)
Paginacion con parametros (19:58)
Busqueda de productos (5:56)
Cors en ASP.NET Core (3:04)

Implementando Seguridad en Backend

Instalacion de paquetes de seguridad (5:07)
Creacion de entidad Usuario (4:48)
Creacion de dbContext ConnectionString (8:03)
Creacion de archivo de migracion (4:51)
Crear usuario con IdentityCore Manager (4:35)
Ejecutar migracion de seguridad (8:39)
Creacion de controller para login (17:16)
Crear Method para Registrar usuarios (7:48)
Generacion de Token (14:48)
Implementacion de token en controllers (13:50)
Implementar controllers methods para Usuario (15:36)
Direccion de usuarios (11:52)
Actualizar direccion de usuarios (13:02)

NET Core y Redis en Ecommerce

Redis en Ecommerce (7:14)
Cadena de conexion Redis en NET Core (5:53)
Model para Carrito de Compras (6:37)
Creacion de interfaces de carrito de compra (4:53)
Implementar logica Repository de redis (10:25)
Controller para Carrito de Compras (10:56)

NET Core Agregar Nuevos Productos Ecommerce

Agregar y Actualizar Productos en NET Core (15:03)

Mantenimiento de Usuarios y Roles en NET Core

Agregar Elementos a Perfil Usuario Net Core (20:45)
Paginacion de Usuarios en NET Core - Parte 1 (18:45)
Paginacion de Usuarios en NET Core - Parte 2 (24:25)
Agregar Roles a Usuarios (22:17)
Agregar Role en Response Usuario (12:34)
Asignar seguridad para endpoints por role (24:03)
Agregar Identificador a usuario DTO (3:14)

Backend NET Core : Ordenes de Compra

Ordenes de compra en Net Core (11:01)
Agregar entidad Orden de Compra (5:17)
Configuracion de Orden de Compra (13:38)
Migration de Orden de Compra (12:11)
Creacion de interfaces operations OrdenCompra (6:28)
Crear Controllers para Orden de Compra (26:41)
Generar Orden de Compra Operacion (26:45)

Backend : Generic Methods en Ordenes de Compra

Factorizar Generic Repositories (15:58)
Actualizar Generic Repository (4:20)
Guardar una orden de compra (10:44)
Consulta de orden de compra (9:21)
Implementar Controller de Consultas (8:53)
Mapping de Ordenes de Compra (15:52)

Integracion Angular y NET Core

Como integrar Angular a mi backend (1:55)
Template Angular y configuracion (8:29)
Comunicacion entre NET y Angular (4:04)
Ejecucion de servicios en Angular (2:04)
Barra de navegacion en Angular (6:54)
Paginas estaticas en Angular (6:39)
Eventos en sidenav (4:16)
Barra de navegacion (18:59)
Integracion barra de navegacion y drawer (4:47)
Responsive en AngularApps (7:09)
Creacion de menus en drawer (11:31)
Factorizar menu en drawer (7:11)

Paginacion de Angular y Servidor Backend

Creacion de pagina shop (4:06)
Creacion de Layout de pagina shop (17:20)
Creacion de componentes en shop (6:12)
Store y consulta de datos al servidor (33:58)
Effects en Store Angular (14:32)
Consulta de Productos desde el backend (14:59)
Despliegue de data y Cards en Angular (15:10)

Filtros en consultas con Angular y backend

Filtros en consulta (31:28)
Consulta de filtros y listas (11:41)
Filtros y Consultas (28:30)
Filtros y listas desplegables (10:45)

Busqueda y control de paginacion en dashboard principal

Eventos de Paginator (17:33)
Busqueda de productos en paginacion (16:41)

Seguridad en Angular y NET Core

Estructuras de Authentication (21:26)
Reducer para Usuario (12:02)
Metodos Effects para Usuario (22:04)
Interceptor en Angular (5:21)
Registro de artefactos de seguridad (5:19)
Creacion de componentes Authorization (12:36)
Pagina Registrar Usuarios (21:43)
Registrar usuarios en backend (12:07)
Login en Angular y Backend (6:57)
Mensajes de error (3:28)
Sesion de usuario en barra de navegacion (8:15)
Salir de Sesion (12:06)

Mantenimiento de Productos

Creacion de Mantenimiento de Productos (12:44)
Store para productos (19:38)
Operaciones Effects para Productos (22:58)
Componentes Nuevo Producto Formulario (24:13)
Ejecucion de pagina Nuevo Producto (16:14)
Actualizar Productos - Creacion de Store (19:39)
Actualizar Productos en Shop (24:57)

Seguridad en Store

Guards en Store (15:33)
Implementacion de Guards (2:52)

Teach online with

Modelos en el Frotend

Lesson content locked

If you're already enrolled, you'll need to login.

Registrate en el curso para continuar