Este repositorio contiene todos archivos, proyectos y notas del curso: JavaScript Moderno Guía Definitiva Construye +20 Proyectos de Juan Pablo de la Torre
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 BackendTecnologí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 FrontendTecnologías utilizadas en el Frontend: Vite, TailwindCSS, React Router Dom, Axios, Netlify y Git.
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