A
Ahorros Bancolombia
Los proyectos propuestos me ayudaron a entender mejor las nuevas funcionalidades de JavaScript.
PRECIO DE LANZAMIENTO
JavaScript Moderno Guia Definitiva
4.65
(20)
|
410 Estudiantes
|
Certificación internacional
Acceso de por vida
Acceso multiplataforma
Info
USD 300.00
USD 300.00
USD 50.00
Descripcion
Domina JavaScript moderno con esta guia definitiva que te lleva de cero a experto construyendo 20 proyectos reales. Aprende desde conceptos basicos hasta patrones avanzados y desarrollo backend.
Lo que aprenderas:
- Usar APIs modernas como Notification, Speech y Fetch para crear aplicaciones dinamicas
- Manejar arrays y sus metodos avanzados: map, filter, reduce, find, forEach y mas
- Implementar Async Await, manejo de errores con Try Catch y consumo de APIs REST
- Automatizar pruebas y validar formularios con Cypress para un desarrollo profesional
- Conocer patrones de diseño en JavaScript para crear codigo limpio y mantenible
- Desarrollar aplicaciones completas con backend en Express, manejo de base de datos y deployment
Contenido del Curso
Introduccion al Curso y JavaScript
Todos los Proyectos que vamos a Construir
El Proyecto Final de este curso
Visual Studio Code y las Mejores Extensiones
Materiales del curso - DESCARGA MATERIALES AQUI
Materiales del curso Finalizados - DESCARGA MATERIALES AQUI
Hola Mundo en JavaScript
Mover JavaScript a su propio archivo
Lo que se puede hacer con JavaScript en 2 lineas
Comentar el Codigo en JavaScript
La Consola de JavaScript
Consideraciones en JavaScript con el ;
ESLint para solucionar errores de codigo
Variables en JavaScript
Todo lo que debes saber de las variables con var
Todo lo que debes saber de las variables con let
Todo lo que debes saber de las variables con const
Strings o Cadenas de Texto y sus Metodos
Crear Strings en JavaScript
String Methods - includes y length
Concatenar un String y Template Strings
Cortar Espacios en Blanco de un String
String Methods - Replace, Slice y Substring
String Methods - Repeat y Split
String Methods - Convertir a Mayusculas o Minusculas
Numeros en JavaScript
Crear Numeros en JavaScript
Operaciones en JavaScript
El Objeto Math
El Orden de las operaciones
Incrementos o Decrementos
Convertir Strings a Numeros
Operadores en JavaScript
Operador Mayor que y Menor Que
Comparar 2 valores
Comprar Null y undefined en JavaScript
Booleans en JavaScript
Crear y Comparar Booleans
Mas sobre Comparar Booleans
Buenas practicas a la hora de evaluar un Boolean
Objetos en JavaScript
Crear Objetos en JavaScript
Como Acceder a los valores de un objeto
Agregar o Eliminar Propiedades de un objeto
Destructuring de Objetos
Objetos dentro de Objetos
Destructuring de Objetos Anidados
El Problema con los objetos
Congelar un Objeto para no poderlo modificar
Sellar un Objeto
Copiar 2 objetos
Funciones en Objetos y acceder a sus valores
El Object Constructor
Object .keys, .values y .entries
Arrays o Arreglos en JavaScript
Crear Arrays en JavaScript
Acceder a los valores de un Array
Recorrer un Array
Agregar nuevos valores a un array
Anadir nuevos elementos al fin o Inicio de un array
Crear un nuevo arreglo con el spread operator
Eliminar elementos con Splice
Destructuring de Arrays
ForEach para iterar un array
Map para iterar un array, y sus diferencias con forEach
Funciones en JavaScript
Crear Funciones en JS - Function expression y Function Declaration
La Diferencia entre Function expression y Declaration
Algunas funciones nativas en JavaScript
La Diferencia entre Funcion y Metodo
Parametros y Argumentos en Funciones
Parametros por default
Como se Comunican las funciones
Ejemplo con multiples funciones que se pasan valores
Anadir Funciones en un Objeto
Arrow Functions
Las Ventajas de los Arrow Functions
Arrow Functions en un forEach y un map
Arrow Functions en el Reproductor de Musica
Estructuras de Control
Creando un If
Comparador Estricto
Comparando Mayor o Menor que
Mayor o Igual y else if
Switch para evaluar multiples Condiciones
El Operador && para revisar que se cumplan 2 o mas condiciones
El Operador OR para que se cumpla al menos una condicion
Detener la ejecucion de un if con una funcion
El Operador Ternario
Iteradores en JavaScript
For Loop
Break y continue; en un for loop
El Ejercicio Fizz Buzz
While Loop
Do While Loop
ForEach y .map
For ....of
For ...in
Array Methods
Some
FindIndex para encontrar la posicion en un array
Reduce
Filter
Find
Every
Concat
Spread Operator
JavaScript DOM (Document Object Model)
Que es el DOM
Acceder a elementos del HTML con document
GetElementsByClassName
GetElementById
QuerySelector
QuerySelectorAll
Modificar Textos o Imagenes con JS
Cambiando el CSS con JavaScript
Traversing the DOM
Eliminar elementos en el DOM
Generar HTML con JavaScript
Un Ejemplo mas avanzado de lo que podemos hacer con JS
Eventos en JavaScript
Detectar cuando el HTML esta listo
Eventos con el Mouse
Eventos sobre los Inputs
Evento Submit a un formulario
Eventos al dar scroll con el mouse
Que es el Event Bubbling
Prevenir Event Bubbling con Delegation
Prevenir Event Bubbling con un metodo
PROYECTO Creando un Carrito de Compras
El Proyecto Finalizado
Primeros pasos con el Proyecto
Leer los datos del curso que seleccionamos
Mostrando en el Carrito el curso seleccionado
Mostrando el Resto de la Informacion
Actualizar la cantidad de Elementos si el elemento ya existe
Eliminar un Curso del Carrito
Vaciar el Carrito de Compras
Publicar tus Proyectos web gratis en Netlify
PROYECTO Simulador de Envio de Emails
El Proyecto Finalizado
Primeros Pasos con el Proyecto
Eventos ideales para Validar un formulario
Creando una funcion para validar
Detectando cuando un campo esta vacio
Creando una alerta de error en la validacion
Anadiendo la alerta en el HTML
Validando cada campo
Mostrando las alertas junto a sus campos
Prevenir que se generen multiples alertas
Ocultar Alertas si pasa la validacion
Validar el Email con una expresion regular
Creando el objeto principal para validar y sincronizar datos
Habilitar o deshabilitar el boton de enviar
Resetear el Formulario
Anadiendo un Spinner
Mostrando el Spinner cuando se envia el email y reiniciar el formulario
Mostrando una alerta de exito y Reto
PROYECTO Filtrar y Buscar en base a diferentes Campos
El Proyecto Finalizado
Primeros Pasos con el Proyecto
Generar un Select de anos
Leer el valor de la marca del automovil
Filtrar Autos por marca
Filtrar Autos por Ano
Mostrar los resultados del Filtrado en el HTML
Filtrar por Precio
Filtrar por Puertas
Mostrar mensaje cuando no hay resultados
LocalStorage en JavaScript
Primeros pasos con Local Storage
Obtener datos de LocalStorage
Eliminar y Actualizar elementos de LocalStorage
PROYECTO Almacenar Textos en LocalStorage
El Proyecto Finalizado
Primeros Pasos
Validando el Formulario
Mostrar los Tweets
Mostrar los Tweets al cargar
Eliminar los Tweets
PROYECTO Carrito de Compras con LocalStorage
El Proyecto Finalizado
Anadir Local Storage al Carrito de Compras
Fechas en JavaScript
El Objeto Date()
MomentJS tu aliado para formatear Fechas
Prototypes en JavaScript
Veamos que es el Proto y crear un tipo de objeto Nuevo
El Problema de no usar Prototypes
Creando un Prototype
Heredar un Prototype
PROYECTO Cotizador con Prototypes
El Proyecto Finalizado
Primeros Pasos y primer Prototype
Validar el Formulario
Crear un Prototype para mostrar un error
Comenzar el calculo del seguro
Mostrar el Total a pagar
Programacion Orientada a Objetos en JavaScript
Definiendo e Instanciando una clase
Metodos y Metodos estaticos en las classes
Heredar una clase
Propiedades Privadas en JavaScript
PROYECTO Administracion de Presupuesto con Classes
El Proyecto Finalizado
Primeros pasos con el Proyecto
Creando e instanciando la clase de Presupuesto
Trabajando con la clase de UI
Validacion del Formulario
Creando un nuevo gasto
Mostrar los Gastos en el HTML
Actualizar el Presupuesto Restante
Cambiar el Color del presupuesto restante segun se va agotando
Eliminar y Reembolsar un Gasto
PROYECTO Administrador de Citas de Pacientes
Comenzando el Proyecto ( descarga material de inicio aqui )
Creando el objeto de Cita para sincronizar formulario y datos
Escribir en el objeto de cita
Migrando a una version mas dinamica para escribir en el objeto de cita
Creando una funcion re-utilizable
Anadiendo un Listener al formulario
Agregando validacion al formulario
Validar todo el objeto de cita
Creando una clase para notificacion para mostrar mensajes de error
Evitar Alertas Duplicadas
Almacenando Citas
Primeros pasos mostrando las citas
Mostrando toda la informacion de la cita
Reiniciando el formulario despues de anadir una cita
Mostrando notificacion cuando se genera una cita nueva
Agregando botones para Editar y Eliminar
Primeros pasos con el boton de Editar
Anadir la informacion al objeto de Cita que deseamos editar
Generando ID's unicos
Detectar cuando estamos editando o creando reigstros
Actualizando Registros
Eliminar las citas
Deployment del Proyecto
Sets Maps y Symbols
Sets y sus Caracteristicas
Que es un WeakSet y en que se diferencia de un Set
Que son los Maps
Que son los WeakMaps
Symbols y sus Caracteristicas
Iteradores en JavaScript
Generadores en JavaScript
Iteradores en JavaScript
Modulos en JavaScript
Basicos de los Modulos en ES6
Exportar e Importar Funciones
Exportar e Importar una clase
Heredar una clase que esta siendo importada
El Export Default y alias a los imports
PROYECTO Agregando ECMAScript Modulos al Proyecto de Citas
Creando los Primeros Archivos (descarga materiales aqui)
Exportando e Importando las notificaciones
Exportando e importando selectores
Primeros pasos con la clase de Citas
Finalizando la migracion
IndexedDB - Una base de datos real en JavaScript
Introduccion a IndexedDB
Creando la base de datos
Creando las Tablas
Creando un Nuevo Cliente por Medio de una transaccion
PROYECTO Administrador de Citas con IndexedDB
El Proyecto Finalizado
Creando la Base de datos
Agregando una Cita a la BD
Mostrar las Citas al cargar
Editar Citas
Eliminar Citas
PROYECTO CRM con IndexedDB
El Proyecto Finalizado
Creando la base de datos
Primeros pasos para Agregar Nuevos Clientes
Agregando Nuevos Clientes en la BD
Query a la BD para obtener los clientes
Query para obtener cada cliente
Llenar el Formulario con la informacion del Cliente
Eliminar Clientes de la BD
Promises, Callbacks y Programacion Asincrona en JS
Ejemplo de Callbacks
El muy exagerado Callback Hell
Creando un Promise y .then y .catch
De Callback Hell a Promises
API's en JavaScript
Notification API
Intersection Observer
Detectar si hay conexion a internet o no
Ejecutar pantalla completa con JS
Detectar cuando estamos viendo la pagina web actual
Speech API
Fetch API - Para obtener datos de otros Servidores o API's
Como utilizar FETCH API
Consultar un JSON
Consultar e Imprimir los Resultados de un Fetch
Consultar e Imprimir los Resultados de una API
PROYECTO API de Clima con Fetch API
El Proyecto Finalizado
Primeros pasos con la App
Validando el Formulario
Obtener una API Key
Mostrar la Temperatura Actual
Mostrar mas informacion de la API
Mostrando un Spinner de Carga
PROYECTO App de Recetas con Fetch API y LocalStorage
Viendo el Proyecto que vamos a construir
Comenzando el Proyecto, Primeros Pasos y la API
Obtener las Categorias
Mostrar las Categorias en el Select
Seleccionando una categoria
Obtener Platillos de la categoria seleccionada
Leyendo los Resultados de la consulta y Scripting para Platillos
Mostrando las Recetas en pantalla
Eliminando Resultados previos y mostrando los nuevos
Llamando el Modal de Bootstrap
Obtener la Receta que se mostrara en el Modal
Mostrando Informacion en el Modal
Mostrando Ingredientes y Cantidades en el Modal
Agregando los Botones de Favorito y Cerrar
Almacenando Favoritos en LocalStorage
Comprobar si una receta ya existe en localstorage
Eliminar Recetas de LocalStorage
Mostrar un Toast con un mensaje de agregado o eliminado
Mostrando los favoritos de localstorage en la pagina de Favoritos
PROYECTO Buscador de Imagenes con Pixabay API
El Proyecto Finalizado
Primeros Pasos con el Proyecto
Consultando la API y viendo la informacion disponible
Mostrar los Resultados de la consulta
Primeros pasos para crear un paginador
Generar un Paginador con un Generador
Mostrando la cantidad de paginas del Paginador
Navegar por las paginas
PROYECTO Cotizador de Criptomonedas
El Proyecto Finalizado
Primeros pasos con este proyecto
Leer la moneda y criptomoneda seleccionada
Validacion del Formulario
Consultando la API
Imprimiendo el resto de la Informacion
Mostrando un Spinner de Carga
PROYECTO REST API de Restaurant con Consumos y Propinas
El Proyecto Finalizado
Instando Node en Windows
Instalando Node en Mac
Creando una REST API de Forma Rapida con JSON Server
Creando el Formulario (Gist de HTML Aqui)
Validando Formulario y Mostrando una Alerta
Almacenando los Datos del Formulario
Mostrando Contenido al Pasar la validacion
Consultando la API
Mostrando los Platillos
Mostrando mas informacion de la API
Anadir un Input para las cantidades
Anadiendo Cantidades y Productos al Objeto Principal
Detectar si un Producto ya esta en el carrito
Actualizar la Cantidad si un producto es duplicado
Eliminando Productos si la cantidad es 0
Primeros Pasos con el Resumen de Pedido
Limpiar el Resumen al actualizar pedido
Mostrando el Pedido en el Resumen
Mostrando el Total de cada producto
Eliminar productos desde el Resumen
Mensajes condicionales segun el pedido del usuario
Creando el Formulario de Propinas
Agregando las opciones de Propinas
Calculando Propinas
Mostrando Totales y finalizando el Proyecto
Async Await en JavaScript
Pero primero, que es Try Catch
Nuestro Primer Ejemplo de Async Await y que es lo que hace
Async Await en function express y Declaration
Como manejar multiples awaits
Async Await hacia una API con Fetch
PROYECTO Moviendo el Proyecto de Pixabay a Async Await
Moviendo el Proyecto a Async Await
PROYECTO Moviendo el Proyecto de Criptomonedas a Async Await
Moviendo el Proyecto
PROYECTO CRM Crud con REST y Async Await
Creando una API con JSON Server
Validacion para Crear Nuevos Clientes
Mostrar un mensaje si no se pasa la validacion
Enviar una Peticion POST al servidor con el nuevo cliente
Listar los clientes de la API
Eliminar Clientes de la API
Obtener un Cliente para Editar
Guardar Cambios del Cliente a Editar
Functional JavaScript - Que es, Ventajas y Como Escribirlo
Que es Functional JS
First Class Functions
Funciones como Argumentos
Separar los Datos de las funciones
Map es muy utilizado en Functional JS
Menos cantidad de codigo en tus Funciones
Pure Functions
Funciones que Retornan funciones
Closures
Partials y Currying
Composition
Dominando JavaScript
Scope
Hoisting
Coercion
Implicit Binding
Explicit Binding
New Binding
Event Loop o Loop de Eventos en JS
Que es self
Service Workers y Progressive web apps (PWA)
Que son los Service Workers
Generando un Reporte de Lighthouse
Detectar el soporte de Service Workers
Instalar y Activar un Service Worker
Hacer una PWA Instalable
Cachear Archivos
Agregar soporte Offline
Agregar una pagina de error cuando no hay conexion
Como Realizar nuevas secciones del PWA
Design Patterns o Patrones de Diseno en JavaScript
Que son los Design Patterns
Class Pattern
Constructor Pattern
Singleton
Factory
Module
Mixin Pattern
Namespace
Mediator
Debug, Medir Performance y Seguridad
Performance.now() para conocer cuanto tarda en ejecutarse el codigo
Async o defer cual utilizar
Como utilizar debugger;
Opciones para Ofuscar el codigo y ocultarlo
Otras Medidas de seguridad
TESTING - Creando un Mini Framework
Introduccion al Testing
Creando un Mini Framework para Testing
Mas Funciones a nuestro Framework
Probando Codigo Asincrono
JEST - Introduccion al Testing en JavaScript con Jest
Primeros pasos con Jest
Probando Strings
Probando Arrays
Probando Objetos
Probando Funciones
Introduccion a Snapshots
Agregar Babel para realizar pruebas de funciones en otros archivos
Testing al Proyecto de Citas - Agregar Cita
Testing al Proyecto de Citas - Actualizar y Eliminar
CYPRESS - Introduccion al Testing con Cypress
Que es Cypress
Instalando y Primeros Pasos con Cypress
Los Atributos en Cypress
Validacion de Formularios
Escribir en Formularios y Crear Nueva Cita
Editar Citas
Eliminar Citas
Que mas Ofrece Cypress
Introduccion a NodeJS - Creando Un Proyecto c Express Sequelize Pug y Bootstrap
Lo que vamos a Construir en este capitulo (Sitio Web con Node y MVC)
Que es Node.js
Que es Express
Instala la ultima version de Node para utilizar Imports y Exports
Habilitando la Sintaxis de Imports y Exports
Routing en Express
Que es un Template Engine y Habilitando Pug
Pasar variables hacia las vistas
Creando un Layout Principal
Agregar Hojas de Estilos y Archivos estaticos
Creando un Header y Navegacion Principal
Middleware en Express
Creando todas las vistas
Creando la pagina de Nosotros
Conectando a una base de datos MySQL
Introduccion a Model View Controller y Creando un Modelo
Creando un Controller
Consultar la Base de datos
Consultar la BD de cada viaje segun la URL visitada
Creando un Formulario para Testimoniales
Leer datos escritos en el Formulario
Validacion de Formularios
Almacenar los datos en la base de datos
Consultar los Testimoniales de la base de datos
Mostrar los Testimoniales en la Vista
Primeros pasos con el Index
Reutilizando el codigo de viajes
Creando la seccion de Descuento
Como realizar multiples Consultas
DEPLOYMENT Que son las variables de entorno
DEPLOYMENT Registrando variables de entorno
DEPLOYMENT Base de datos en Filess y variables de entorno
DEPLOYMENT Migrar informacion de base de datos a Produccion
DEPLOYMENT Subiendo codigo a Github
DEPLOYMENT Publicando el Proyecto en Render
Introduccion a React - Creando Un Proyecto
El Proyecto que vamos a construir
Que es React y creando el Proyecto con Vite
La Estructura de Archivos de React y Vite
Instalar Tailwind 4 En React y Vite
Extensiones utiles para trabajar con react y React Dev Tools
Que es JSX
Componentes en React
Anadiendo un Input para las cantidades
Que es el state en React
Como modificar el state en react
Modificar y Mostrar el Nuevo State
Anadir variables para Minimo, Maximo y Step
Anadir botones para incrementos
Crear Componentes con Props para los botones
Formateando la Cantidad como Dinero
Creando el Select para el Plazo a pagar
Creando el State de los Meses a pagar
Creando el Resumen de Pagos
Funcion con el Total a Pagar
Que es useEffect y como se utiliza
Calcular el Pago Mensual
Deployment del Proyecto en Netlify
Introduccion a Vue.js - Creando un Proyecto
El Proyecto que vamos a construir
Que es Vue.js y crear Proyecto
Primeros Pasos con el Proyecto, Single File Components y mas
Instalar Tailwind 4 en Vue.js y Vite
Componentes en Vue
API Styles en Vue.js - Options API y Composition API
Eventos en Vue.js
State en Vue.js - Reactive y Ref
Modificar el State de Ref
Modificar el State de Reactive
Mostrar el State en Pantalla
Ajustar el Input Range
Atributos Dinamicos en Vue.js
La Directiva v-model
Computed Properties en Vue.js
Anadir Botones para incrementar y decrementar la cantidad
Creando un Componente de Boton y pasando Props
Emitir Eventos entre Componentes, pasar parametros y mas
Anadir Select para el plazo a pagar
Creando la seccion de Resumen de pagos
Calculando el Total a pagar
Formatear la Cantidad como dinero
Watchers en Vue.js
Calcular el Pago Mensual
Deployment del Proyecto en Netlify
FullStack JS - Proyecto MERN - MongoDB Express React y Node con TailwindCSS
Full Stack y JavaScript (codigo final aqui)
Herramientas Necesarias para este Proyecto
Creando y Conectando la Base de datos
FullStack JS - Proyecto MERN - Backend de la App
Creando el Servidor
Utilizando ESM en lugar de CommonJS
Primeros pasos con el backend
Instalando Nodemon
Conectar la Base de datos con Express
Configurando Variables de Entorno
FullStack JS - Proyecto MERN - Modelos, Routing y Controllers para Veterinarios
Definiendo el Modelo de Veterinarios
Creando las Primeras Rutas para Veterinarios
Incorporando Controladores
Utilizando y Configurando Postman para enviar las peticiones
Como Leer los datos enviados hacia la API
Almacenando Registros en la BD
Prevenir Registros de Usuarios Duplicados
Generar un Token unico
Primeros Pasos con la Confirmacion de Cuentas
Encontrar el Usuario a Confirmar, Validar y mucho mas
Hashear Passwords de los Usuarios
Primeros pasos con el Login
Identificando si un usuario existe para Autenticarlo
Revisar si un usuario ha confirmado su cuenta para autenticarlo
Comprobar el Password del Usuario
Que es un JWT (JSON Web Token) y como generarlos
Creando Rutas Protegidas en Node - Middleware
Comprobando el Token en el Middleware
Validar y Autenticar al Usuario con el JWT
Accediendo a la Informacion del Usuario Autenticado
Creando el Routing para Resetear Password
Revisando si el usuario que solicita el Email Existe
Comprobando si el Token es valido
Almacenar el Nuevo Password
FullStack JS - Proyecto MERN - Modelos, Routing y Controllers para Pacientes
Creando el Modelo de Pacientes
Creando el Routing de Pacientes
Enviando la Peticion para Crear Pacientes
Almacenando el Veterinario en el Registro del Paciente
Obtener los Pacientes del Veterinario
Obtener un Paciente en Especifico
Actualizar Pacientes
Eliminar un Paciente
FullStack JS - Proyecto MERN - Frontend - Creando el Proyecto
Creando la App
Configurando Tailwind CSS
Instalando React Router DOM
Creando las paginas para el area publica
FullStack JS - Proyecto MERN - Frontend - Autenticacion, Registro, Confirmacion
Primeros Estilos con el Login
Creando el Formulario para el Login
Anadiendo Routing hacia Registro y Olvide mi Password
Creando la pagina de Registro de Usuarios
Creando la Pagina de Olvide Password
Agregando State a Registrar.jsx
Validacion del Formulario de Registro
Mostrar Mensajes de Validacion
Enviando la Peticion y solucionar error de CORS
Primeros pasos para enviar un email de Confirmacion de Cuenta
Enviando el Email
Confirmando la Cuenta del Usuario
Creando Variables de Entorno
Creando una URLBase en Axios
Primeros pasos con Resetear el Password - Enviar Email
Generando Token y Validacion del Token unico para cambiar el password
Validando el Token y Mostrando el Formulario para Reiniciar el password
Guardar el Password del Usuario
Creando un Context de Autenticacion
Creando un custom hook y accediendo a los datos del Context
Autenticacion de Usuarios - Primeros pasos
Autenticar al Usuario via JWT
FullStack JS - Proyecto MERN - Frontend - Administracion de Pacientes
Creando el Routing para rutas protegidas
Verificar si el usuario esta autenticado
Creando el Footer del Area de Administracion
Creando el Header de nuestro Proyecto
Ultimos Ajustes al Header
Cerrar la sesion del Usuario
Comprobando todo el Flujo de Autenticacion
Creando el area de Pacientes
Creando Formulario para Pacientes
Responsive Design para el Formulario
State al Formulario
Validando el Formulario
Creando un Context de Pacientes
Creando un Custom Hook para Pacientes
Almacenando Pacientes en la BD
Obtener Pacientes del Usuario Autenticado
Mostrando de Forma Condicional si Hay o no Pacientes
Primeros pasos mostrando a los pacientes
Finalizando el Componente para Mostrar Pacientes
Primeros pasos con la edicion de Pacientes
Llenando el Formulario con los datos del Paciente a editar
Actualizando Pacientes en la BD
Eliminando Pacientes
FullStack JS - Proyecto MERN - Frontend - Actualizar Informacion de Veterinarios
Creando los Componentes para Editar Perfil y Cambiar Password
Creando el Formulario para Editar Perfil
Anadiendo la Informacion en los campos
Validando el Formulario y pasando los datos hacia el Context
Enviando los datos hacia la API
Actualizando en la BD
Creando el Formulario para Cambiar Password
Validando cuando el Usuario desea cambiar su password
Actualizando el Password
Comprobar que el password actual es correcto
Cargar los Pacientes del Usuario Autenticado
FullStack JS - Proyecto MERN - DEPLOYMENT del Proyecto
Deployment del Backend
Deployment del Frontend y conectando nuestros proyectos
PROYECTO - Administrador de Citas en TypeScript
Que es TypeScript y sus ventajas
Creando el Proyecto con Vite
Migrando nuestra app hacia Vite (descarga materiales aqui)
Anadiendo los Estilos CSS
Migrando de JS a TS
Inferencia en TypeScript
Aplicando TypeScript a selectores
Primitive Types en TypeScript
Types e Interfaces en TypeScript
Creando un Type de Notificacion
Creando un Interface para las Citas
Eventos en TypeScript
Creando archivos para los Types
Finalizando la app
Deployment
PROYECTO - Inteligencia Artificial - Chat para Consultas y Dudas tipo ChatGTP
El Proyecto que vamos a construir
Primeros pasos creando el proyecto de Vite e instalando Tailwind
Validando el Formulario
Obteniendo un API Key para interactuar con la API de la IA
Generando texto con diferentes modelos
Generando el texto con Streams
Finalizando el Proyecto
Continua tu aprendizaje
Continua tu aprendizaje
Requisitos
- Conocimientos basicos de programacion y logica
- Computadora con acceso a internet para desarrollo y pruebas
- Editor de codigo (recomendado VSCode) instalado
Reseñas generales
4.65 de 5
20 Puntuaciones
5 star
75%
4 star
15%
3 star
10%
2 star
0%
1 star
0%
Reseñas destacadas
I
Igor Villafuerte Rivera
Aprendi a trabajar con async-await gracias a las explicaciones y ejercicios del curso.
D
Daniela Paredes Luna
La variedad de proyectos permite practicar desde conceptos basicos hasta temas avanzados.
D
David Molina
Este curso ofrece un enfoque muy practico para dominar ES6 y sus caracteristicas.
F
Fernando Zamora
Me gusto como se integran frameworks ligeros para mejorar las aplicaciones en los proyectos.
P
Pedro Pablo Mulluni Mollinedo
Los retos de programacion retan a pensar de forma diferente y aplicar buenas practicas.
C
CARLA
Logre mejorar mi manejo de closures y scope con los ejemplos ilustrativos del curso.
W
Willy Hernan Soria Castañeda
La seccion de manipulación del DOM esta muy bien explicada y es facil de replicar.
C
Carlos Enrique Mendoza Briceño
Aprender a usar modulos y herramientas modernas de JS fue lo que mas valore.
I
Irene Maribel Ramirez Rodriguez
La construccion gradual de cada proyecto fortalece la confianza programando en JavaScript.
M
Martin Treffinger
Algunas partes podrian ser un poco mas detalladas, pero en general el curso es muy bueno.
M
Mauricio barrientos ortiz
Me hubiera gustado mas contenido sobre testing en JavaScript para completar el aprendizaje.
J
JOSE LUIS Gonzales Guti
La introduccion a API Fetch es bastante util, aunque faltaria profundizar un poco mas.
M
MISAEL CERVANTES RAMOS
El curso es bueno, pero espero que agreguen mas ejemplos practicos para entender mejor.
C
Carlos Calderon C
Algunos proyectos resultan un poco repetitivos y hubiera preferido mayor diversidad.
Y
YAZMÍN MONTIEL
Entender promesas nunca fue tan sencillo gracias a la metodologia usada en esta guia.
G
GONZALO SEGUNDO AGUILERA BASTIAS
Los conceptos de ES6 como destructuring y spread operators quedaron muy claros con los ejercicios.
D
David Salgado
El enfoque en proyectos reales facilita la aplicacion directa de lo aprendido en el trabajo.
J
jaqueline garcia
Gracias a esta guia pude crear aplicaciones con buenas animaciones y logica eficiente.
G
GUILLERMO SALINAS
Las explicaciones sobre event loop y manejo asincrono son muy concretas y bien ejemplificadas.
USD 300.00
USD 50.00
PARA MAS INFORMACION
INGRESA TUS DATOS
Completa tus datos solo si estas evaluando inscribirte en este programa.
Parte de una ruta de especialización
Especialización en Desarrollo Web Full Stack Moderna
Inversion
USD 50.00
Duracion53 Horas
EvaluacionSi
CertificadoSi
WebinarsSi
IdiomaEspañol
Aprobacion93%