GENERACION 3WEB - PROTALENTO / DEV.F

En este respositorio encontraras todas las practicas que se han realizado en el curso de desarrolo web impartido por DEV.F

---

INTRO HTML Y JS ☕

• HMTL y CSS

• Clon de Google

• CLON Pinterest

• INTRO A JS

---

JAVASCRIPT BASICO Y AVANZADO ☕☕

• Clase de DOM

  • manejo del DOM
  • import y export

• Generador de QR

  • manejo del DOM

• CAJERO ATM

  • manejo del DOM
  • metodos de array
  • localStorage y sessionStorage

• JUEGO PIEDRA PAPEL O TIJERAS

  • manejo del DOM
  • metodos de array
  • Objetos

• DRAGON BALL API

  • NODE, NPM Y VITE
  • Async await / Promises
  • Fetch
  • JSON
  • Consumo de api

• PLANETAS API

  • NODE, NPM Y VITE
  • Async await / Promises
  • Fetch
  • JSON
  • Consumo de api

• POKEDEX API

  • NODE, NPM Y VITE
  • Async await / Promises
  • AXIOS
  • JSON
  • Consumo de api

---

INTRO A FRONTEND ☕☕☕

• REACT NO ES UN FRAMEWORK

  • Instalando React sin Nodejs

• RELOJ / POMODORO

  • INSTALACION
  • Instalar LINTER
  • material-tailwind
  • useState, useEffect,
  • Componentes
  • PROPS: parents and childrens

• TODO APP

  • Context y métodos para manejo de estado
  • Material UI

• Single Page App

  • Teoria de SPA
  • Tailwind css

• React Rotuer

  • react-router-dom
  • [] Rutas Privadas y Rutas Públicas

• Redux

  • Introducción a REDUX

---

Frontend Avanzado 🦾🦾🦾

• PRUEBA TÉCNICA NEXTJS

  • Next.js
  • custom hooks
  • Material UI
  • zustand

• Dark Mode

  • Next.js
  • custom hooks
  • zustand

• Diccionario

  • useRef ejemplo
  • consumo de api, desde serverless function
  • usando Elemento HTML <audio>

---

Intro a Backend + SQL

• CRUD EXPRESS

  • usando Express
  • Cors instalación
  • Body Parser
  • Conexión a base de datos Postgres
  • CRUD
  • Middlewares básicos

• Vite App Formulario

  • Proyecto de vite usando nuestro propio backend
  • Formulario para añaadir mascotas
  • React
  • Bulma
  • fetch
  • useState

• NextJS + Prisma JS

  • Proyecto de NextJS usando primsa JS
  • Serverless functions de NextJS
  • Formulario para añaadir mascotas

• MONGO + MONGO EXPRESS

  • Instalación de Mongoose
  • Instalación de Mongo Express
  • Conexión a base de datos Mongo
  • CRUD
  • Middlewares básicos

---

FULLSTACK

• API FYLO - CLOUDINARY

  • Usando Multer para subir archivos
  • Configuración de Cloudinary

• APP FYLO

  • Usando Multer para subir archivos
  • Configuración de Cloudinary

---

Temas

• Arquitectura de modulos CSS

• Guía - Aprendiendo SQL

• Teoria del Testing

---

EXTRA BONUS

Sitio con retos, que se resueven en cada clase 🙈🙈🚀

RETOS JS