Aprenderemos a usar el terminal de comandos, a instalar NodeJs, luego instalaremos el Angular CLI y crearemos nuestro primer proyecto en Angular.

Esta entretenida clase será para hacer nuestro primer miniproyecto un convertidor de diferentes unidades de medida.

Ha llegado la hora de crear nuestro primer componente en Angular literalmente la piedra angular de los proyectos de este Framework.

Definiremos los conceptos básicos de Typescript, nuestro lenguaje por excelencia durante el curso.

Aprenderemos sobre Clases, modelos de datos y objetos a través de pequeños ejemplos del mundo cotidiano.

Conoceremos que son las directivas y revisaremos las más importantes como ngIf, ngFor, ngSwitch, ngStyle, ngClass, como manejar eventos de click, data-biding y two way data-biding.

Crearemos una directiva personalizada y plantearemos fundamentos para que podamos crear nuestra propias directivas.

Aprenderemos a configurar el routing, manejo de rutas, parámetros y re direccionamiento por router.

Crearemos un sitio web típico usando las técnicas provistas por el framework Angular.

Comenzaremos a incorporar nuestros primeros servicios, y crearemos un servicio usando HttpClient.

Continuaremos nuestro ejercicio con nuestro servicio de ejemplo y HttpClient.

Finalizaremos el ejercicio de servicios, y conoceremos los Pipes y sus tipos más comunes como lo son los de fecha, text y numéricos, además haremos nuestro propio Pipe personalizados.

Aprenderemos a usar los formularios orientados a plantillas y los formularios reactivos, además de como validarlos Angular.

Realizaremos un ejercicio para usar el almacenaje de datos locales que se encuentra dispuesto en nuestros navegadores.

Finalizaremos el ejercicio de LocalStorage.

Aprenderemos nociones básicas de git las cuales nos ayudaran a gestionar los proyectos de Angular.

Conoceremos a las promesas y los observables en que se diferencian y revisaremos varias funciones y métodos que retornan promesas u observables.

Realizaremos ejemplos de promesas y revisaremos la librería RxJs.

Crearemos la estructura de nuestro proyecto y routing básico.

Crearemos nuestro formulario de login y lo conectaremos con Firebase Authentication.

Comenzaremos a crear nuestro CRUD de manejo de proyectos del portafolio y lo enlazaremos con Cloud Firestore.

Haremos un formulario de creación de proyectos y agragaremos paquetes npm para manejo de selectores de fecha.

Manejaremos la edición y borrado de nuestro CRUD de proyectos.

Agregaremos a nuestro CRUD la capacidad de subir archivos a Firebase Storage.

Continuaremos agregando la subida de imágenes a nuestro CRUD de proyectos.

Agregaremos la capacidad de envío de correos a nuestro proyecto para manejar nuestro formulario de contacto.

Haremos el Deploy de nuestro proyecto a Firebase Hosting y a Heroku.

Aprenderemos los fundamentos del manejador de bases de datos NoSQL MongoDb, realizaremos su instalación y ejercicios de práctica.

Para el manejo de nuetro backend crearemos un proyecto en NodeJS, en el cual levantaremos un servidor con typescript, express y mongosee.

Modelaremos las entidades necesarias para el proyecto de arriendo de mobiliario.

Agregaremos a nuestro proyecto backend la capacidad de usar Json Web Tokens para realizar el manejo de sesiones de nuestro proyecto.

Instalaremos el template de Angular llamado CoreUI e iniciaremos con el formlario de login.

Conectaremos el Login a nuestro backend, para lo cual aprenderemos a integrar JWT con Angular, agregaremos un interceptor para la inclusión de los tokens y un Guard para proteger las rutas del proyecto.

Iniciaremos la creación de los CRUD de los modelos del proyecto de arriendo de mobiliario, partiendo con la creación de usuarios.

Continua la creación de los CRUD, ahora agregaremos Datatables a nuestro CRUD de usuarios.

A continuación agregaremos la capacidad de editar y eliminar usuarios.

Iniciaremos la creación del CRUD de temáticas e incorporación de la capacidad de subir imágenes.

Continuamos con la creación del CRUD de temáticas, donde para poder subir imágenes a nuestro backend deberemos incorporara el paquete Multer.

Iniciaremos la creación del CRUD de items e incorporación de la capacidad de subir imágenes.

Ahora toca el turno del CRUD de Tipos de Evento el cual tiene un rol central en el proyecto de arriendo de mobiliario.

Se continúa generando la funcionalidad del generador de relaciones entre ítems para el CRUD de Tipo de Evento.

Se culmina el CRUD de tipo de eventos su funciones de editar y borrar, además se crea el CRUD de clientes.

Se inicia con el CRUD de presupuestos, el cual requiere ajustes en backend donde agregaremos los tipos de lugar.

Continuando nuestro CRUD de presupuestos, debemos incorporar a Google Places para las direcciones y Angular Google Maps para poder visualizar las direcciones en mapa.

Comenzaremos a agregar la lógica que nos permitirá calcular los presupuestos de eventos de arriendo de mobiliario, el cual se centra en los Tipos de Eventos y su relación entre items.

Finaliza el cálculo básico del presupuesto.

Se agrega a los presupuestos el cálculo del envío según la distancia en kilómetros entre nuestro centro de eventos y la dirección del cliente.

Se inicia con el CRUD de Eventos, el cual parte de la base de un presupuesto.

Se agrega la lógica de inventario de ítems y se realizan ajustes generales al proyecto.

Se continúan los ajustes generales, y aprenderemos como publicar nuestra base de datos MongoDb a Atlas el servicio de nube de MongoDb.

Realizaremos el deploy del proyecto usando Firebase Hosting para el frontend de Angular y Heroku para el backend.

Aprenderemos que son los sockets y que es Socket IO, iniciaremos la creación de un backend en NodeJs basado en nuestros proyectos anteriores, para poder usar Socket IO.

Realizaremos la integración de Socket IO y Angular, aprenderemos a emitir eventos y como capturarlos.

Deploy a Atlas, Heroku y Firebase

Aprenderemos a realizar pruebas unitarias básicas, luego agregaremos pruebas unitarias nuestro proyecto anterior “Chat con Socket IO”

Para continuar nuestra práctica de pruebas unitarias tomaremos al proyecto de Arriendo de Mobiliario y le agregaremos algunas pruebas unitarias.

Crearemos un servidor en Google Cloud usando el servicio Compute Engine, instalaremos webmin para gestionar nuestro server, realizaremos la instalación de apache y el deploy de nuestro proyecto.

Crearemos un servidor en Amazon Web Services usando el servicio EC2, instalaremos webmin para gestionar nuestro server, realizaremos la instalación de Nginxy el deploy de nuestro proyecto.

Aprenderemos como crear diferentes ambientes para nuestro proyecto Angular como lo son el ambiente de QA y Certificación.

Aprenderemos nociones básicas de esta funcionalidad que nos permite generar nuestro propio comando generador para el Angular CLI.

Conoceremos las diferencias de jit y aot, además de la herramienta de deploy nativa del propio angular, que nos permitirá realizar deploy con un simple comando de angular.

Aprenderemos tips con el objeto console para mejorar la visualización de nuestro debug de proyectos javascript y typescript en general, lo cual nos aportará a nuestros proyectos Angular.