JavaScript Moderno Guía Definitiva Construye +20 Proyectos

Notas del Curso.

Este repositorio contiene todos archivos, proyectos y notas del curso: JavaScript Moderno Guía Definitiva Construye +20 Proyectos de Juan Pablo de la Torre

Link del Curso

Proyectos:

Proyecto 01 - Carrito de Compras: Link del Proyecto
Proyecto 02 - Envio de email ( Reto CC ): Link del Proyecto
Proyecto 03 - Busqueda y Filtros para comprar un Auto: Link del Proyecto
Proyecto 04 - Envio de Tweets (Uso de LocalStorage): Link del Proyecto
Proyecto 05 - Carrito de Compras (Uso de LocalStorage): Link del Proyecto
Proyecto 06 - Cotizador de Seguros (Uso de Prototypes): Link del Proyecto
Proyecto 07 - Administrador del gasto semanal (Uso de Clases): Link del Proyecto
Proyecto 08 - Administrador de Citas de un Veterinario (Uso de Clases): Link del Proyecto
Proyecto 09 - Administrador de Citas de un Veterinario (Uso de Modulos): Link del Proyecto
Proyecto 10 - Administrador de Citas de un Veterinario (Uso de IndexedDB): Link del Proyecto
Proyecto 11 - CRM de Clientes (Uso de IndexedDB): Link del Proyecto
Proyecto 12 - Aplicacion de Clima (Uso de FETCH API): Link del Proyecto
Proyecto 13 - Buscador de Recetas de Cocina (Uso de FETCH API): Link del Proyecto
Proyecto 14 - Buscador de Imagenes en Pixabay (Uso de FETCH API): Link del Proyecto
Proyecto 15 - Cotizador de Criptomonedas (Uso de FETCH API): Link del Proyecto
Proyecto 16 - Aplicacion de Restaurante para consumos y cobros (Uso de REST API): Link del Proyecto
- Este proyecto usa JSon-Server: npm install -g json-server
- La url es local: http://localhost:4000/platillos
- Para levantar el servidor con la API: json-server --watch db.json --port 4000
Proyecto 17 - Buscador de Imagenes en Pixabay (Uso de Async Await): Link del Proyecto
Proyecto 18 - Cotizador de Criptomonedas (Uso de Async Await): Link del Proyecto
Proyecto 19 - CRM de Clientes con funciones CRUD (Uso de REST API): Link del Proyecto
- Este proyecto usa JSon-Server: npm install -g json-server
- La url es local: http://localhost:4000/clientes
- Para levantar el servidor con la API: json-server --watch db.json --port 4000
Proyecto 20 - PWA de Citas de un Veterinario: Link del Proyecto
Proyecto 21 - Debug, Performance y Seguridad usando el proyecto de Cotizador de Criptomonedas: Link del Proyecto
- Se analizó el performance con: const inicio = performance.now();
- Se trato el uso de: <script src="js/app.js" defer></script>
- Se analizó el código con: debugger;
Proyecto 22 - Testing con JEST usando el proyecto Citas de un Veterinario:
- Crear el archivo de configuracion package.json: npm init
- Instalar las dependencias de desarrollo: npm i --save-dev jest
- Especificar el script de pruebas: "scripts": {"test": "jest"},
- Para usar los imports, crear el archivo .babelrc y agregar la dependencia: npm i --save-dev @babel/preset-env
- Ejecutar las pruebas: npm run test
Proyecto 23 - Testing con CYPRESS usando el proyecto Citas de un Veterinario:
- Crear el archivo de configuracion package.json: npm init
- Instalar las dependencias de desarrollo: npm install --save-dev cypress
- Se establecen las configuraciones necesarias en el archivo: cypress.config.js
- Se crea la carpeta: e2e que contendra los archivos de prueba con extension: .cy.js
- Ejecutar las pruebas en el modo de aplicacion: npx cypress open
- Ejecutar las pruebas en el modo CLI: npx cypress run --browser chrome
Proyecto 24 - Agencia de Viajes usando Node, Express, Sequelize y Pug: Link del Proyecto
- Instalar Node e iniciar el proyecto: npm init
- Instalación de Express: npm install express
- Instalación de las dependencias de desarrollo: npm install --save-dev nodemon
- Instalación de Pug: npm install pug
- Instalar MySql, para usarlo en la terminal de MAC: export PATH=$PATH:/usr/local/mysql/bin e instalar TablePlus
- Instalar Sequelize: npm install mysql2 sequelize
- Instalar dotenv para proteger las variables de entorno: npm i dotenv
- Subir el proyecto a Railway, conectar con Github, importar el esquema de MySQL y poner las variables de entorno
Proyecto 25 - Cotizador de Prestamos usando React: Link del Proyecto
- Este proyecto usa Vite: npm create vite@latest
- Dentro de proyecto ejecutar: npm install
- Para levantar el servidor: npm run dev
- Para instalar Tailwind en React: npm install -D tailwindcss postcss autoprefixer
- Para crear los archivos de configuracion de Tailwind: npx tailwindcss init -p
- Para hacer el Deployment del proyecto: npm run build
Proyecto 26 - Cotizador de Prestamos usando Vue: Link del Proyecto
- Este proyecto usa Vite: npm create vite@latest
- Dentro de proyecto ejecutar: npm install
- Para levantar el servidor: npm run dev
- Para instalar Tailwind en Vue: npm install -D tailwindcss postcss autoprefixer
- Para crear los archivos de configuracion de Tailwind: npx tailwindcss init -p
- Para hacer el Deployment del proyecto: npm run build
Proyecto 27 - Proyecto FullStack JavaScript MERN: APV: Link del Proyecto
- Las instrucciones están contenidas en cada uno de los repositorios.
- Link del Repositorio del Backend: Repositorio Backend
- Tecnologías utilizadas en el Backend: Mongo DB, Compass, Node, Express, Nodemon, ORM Mongoose, Dotenv, Bcrypt, Cors, Nodemailer, JWT, Railway y Git.
- Link del Repositorio del FrontEnd: Repositorio Frontend
- Tecnologías utilizadas en el Frontend: Vite, TailwindCSS, React Router Dom, Axios, Netlify y Git.

¡Terminé! 😎

Link del PDF con las Notas del Curso

Link del Certificado de Finalización

14/Feb/2023 - 16:17 hrs
Tijuana, B.C., México

alxsandovalmx/cursoJSModernoJuanPablo

JavaScript Moderno Guía Definitiva Construye +20 Proyectos

Notas del Curso.

¡Terminé! 😎