Programa de Desarrollo Full Stack

Objetivos del alumno

✅ Creación de un proyecto nuevo de HTML, CSS y JavaScript con Vite.
✅ Utilización del servidor de desarrollo para trabajar más rápido y de manera más eficiente.
✅ Realización de una build de mi proyecto para crear una versión de producción.
✅ Subir el proyecto a Netlify para el despliegue en una web pública.

Objetivos del alumno

✅ Uso de ternarios en vez de condicionales sencillos. Dominio de métodos de arrays.
✅ Optional chaning para acceder a propiedades y objetos cuando algún valor puede ser null o undefined.
✅ Utilización de null coalescing como alternativa a para filtrar únicamente.
✅ Aplicación de métodos Math para cálculos con números y decimales.
✅ Conocimiento de los métodos avanzados de los strings para el manejo de todo tipo de casos con texto.
✅ Trabajo con objetos de forma avanzada, creando arrays a través de sus claves y valores.
✅ Utilización del spread y rest operator en objetos.
✅ Utilización de el spread y rest operator en arrays.
✅ Trabajo con promesas por medio de async/await para hacer mi código más legible.
✅ Concepto Clousures y Hoisting. Qué son los prototypes. Axios.
✅ Local Storage & Session Storage como objetos de almacenaje web localStorage y sessionStorage permiten guardar pares de clave/valor en el navegador.
✅ Concepto de Cookies.
✅ Cross Origin (origen cruzado) es la palabra que se utiliza para denominar el tipo de peticiones que se realizan a un dominio diferente del dominio de origen desde donde se realiza la petición.

Objetivos del alumno

✅ Manejo de componentes a alto nivel. Creación de aplicaciones bajo SPA.
✅ Reutilización de componentes nativos entre aplicaciones.
✅ Carga de recursos.
✅ Intersection observer.

Objetivos del alumno

✅ Manejo de Javascript asíncrono con fluidez y aplicaciones asincronas.
✅ Métodos para manejar la asincronia avanzados.

Objetivos del alumno

✅ Anotaciones.
✅ Interfaces & Types.
✅  Functions.
✅  Genéricos y Casteo de Tipos.
✅  Tipado de objetos y Objetos globales.

Objetivos del alumno

✅ Utilizar las herramientas de inspección de elementos para identificar problemas de diseño y código.
✅ Depurar código JavaScript utilizando la consola devtools.
✅ Mejorar el rendimiento de la página utilizando las herramientas de análisis de carga y rendimiento.
✅ Utilizar la herramienta de auditoría de seguridad para asegurar que la página es segura para el usuario.

Objetivos del alumno

✅ Manejo eficiente del editor de código.
✅ Uso efectivo de los atajos de teclado y funcionalidades de VSCode.
✅ Personalización de la interfaz y configuración de extensiones.
✅ Dominio de la administración de archivos y proyectos.
✅ Implementación de snippets para aumentar la productividad.

Objetivos del alumno

✅ Conocimiento avanzado de Git y la línea de comandos de Git.
✅ Dominio de las buenas prácticas de Git Flow para trabajar en equipo y colaborar en proyectos.
✅ Utilización efectiva de las ramas de Git para gestionar y organizar el flujo de trabajo del proyecto.
✅ Comprender el proceso de merge y de rebase para integrar cambios entre ramas.
✅ Conocimiento de herramientas de Git como GitHub, GitLab, Bitbucket, entre otros, para trabajar en proyectos de software en equipo.

Objetivos del alumno

✅ Entender el funcionamiento de la librería.
✅ Crear componentes y uso de los mismos.
✅ Manejo de Props y JSX.
✅ Uso de UseState y UseEffect para crear aplicaciones.
✅ Navegación – React Router: SPA
✅ Utilización de React Hook Form para crear formularios dinámicos y optimizados en React.
✅ Librerías de Styled.
✅ Utilización custom hooks cuando necesito abstraer lógica repetitiva en mis componentes de React o quiero crear utilidades que funcionen con el ciclo de vida de los componentes.
✅ Utilización de React.memo para memoizar componentes y evitar renders excesivos.
✅ Mejora de la performance.
✅ Uso de UseMemo y UseCallback.

Objetivos del alumno

✅ Navegación – React Router: SPA
✅ Utilización de React Hook Form para crear formularios dinámicos y optimizados en React.
✅ Librerías de Styled.
✅ Utilización custom hooks cuando necesito abstraer lógica repetitiva en mis componentes de React o quiero crear utilidades que funcionen con el ciclo de vida de los componentes.
✅ Utilización de React.memo para memoizar componentes y evitar renders excesivos.
✅ Mejora de la performance.
✅ Uso de UseMemo y UseCallback.

Objetivos del alumno

✅ Lectura de archivos y ficheros utilizando la librería FS.
✅ Escritura de archivos y ficheros utilizando la librería FS Lectura de un archivo JSON y convertir su contenido en CSV.

Objetivos del alumno

✅ Creación de colecciones y elementos a través de objetos en JavaScript.
✅ Lectura de documentos de una colección de MongoDB con los distintos métodos de mongoose.
✅ Borrado de documentos de las colecciones de forma general y específica.
✅ Actualización de elementos de las colecciones de forma general y específica.
✅ Relacionar elementos entre sí a través del campo _id de MongoDB
✅ Creación de una Seed de datos para poder reiniciar mi base de datos de desarrollo siempre que lo necesite.

Objetivos del alumno

✅ Diferenciación entre los métodos de las APIs GET, POST, PUT y DELETE.
✅ Conocimiento del uso de callbacks y entendimiento de su función.
✅ Preparación de una carpeta de proyecto para el lanzamiento de un servidor de Express.
✅ Creación de un router en Express para la recogida de peticiones de un cliente a mi servidor.
✅ Conocimiento de los códigos de estatus de una petición HTTP. (200, 201, 404…)
✅ Utilización los parámetros de Query (query params) para el envío de información adicional a una petición de tipo GET.
✅ Utilización los parámetros de URL (url params) para la creación de subrutas y el envío de información adicional a la petición.
✅ Utilización de ThunderClient para hacer peticiones a mi servidor simulando un cliente.
✅ Lanzamiento de peticiones de tipo POST a mi servidor y envío de un Body para guardar información en una base de datos.
✅ Lanzamiento de peticiones de tipo PUT a mi servidor y envío de un Body para editar información de una base de datos.
✅ Lanzamiento de peticiones de tipo DELETE a mi servidor y envío de un Body para eliminar información de una base de datos.
✅ Configuración de los middlewares necesarios para controlar rutas no encontradas y errores generales de mi servidor.
✅ Conectar servidores a una base de datos de cualquier tipo y uso con ésta.
✅ Creación de un sistema de autenticación por medio de JSON Web Tokens.
✅ Creación de sistemas de registro y autenticación de usuarios en mis servidores y bases de datos.
✅ Configuración de las variables de entorno de mi servidor para cargar información secreta que no quiero subir a Github o hacer pública.
✅ Habilitación de la subida de imágenes a mi servidor utilizando rutas específicas para ello.
✅ Conocimiento de buenas prácticas y arquitecturas para que el servidor de Express esté bien configurado y sea mantenible.

Objetivos del alumno

✅ Utilización de selectores avanzados para buscar elementos dentro del árbol del DOM.
✅ Instalación puppeteer en mis proyectos de Node para abrir una instancia de Chromium y navegar de forma automatizada.
✅ Navegación hasta una página de forma automatizada y lanzar eventos mediante puppeteer.
✅ Recogida de información del HTML de una web con puppeteer y la utilizo en mi código de Node.
✅ Guardado de la información estructurada en mi propia base de datos.

Objetivos del alumno

> Netlify

✅ Uso de Netlify para desplegar mis proyectos en JavaScript.
✅ Uso de Netlify para desplegar mis proyectos en React.

> Vercel

✅ Uso de Vercel para desplegar mis proyectos en Next.

> Mongo Atlas

✅ Uso de Mongo Atlas para desplegar mis bases de datos MongoDB.

> Fly

✅ Uso de Fly para desplegar mis bases de datos PostgreSQL.
✅ Uso de Fly para desplegar mis servidores en Express.

> Render

✅ Uso de Render para desplegar mis servidores en Express.

> Github Action

✅ Uso de una Github Action para automatizar el despliegue de una API en Express en Fly.
✅ Uso de una Github Action para automatizar el testing de mis Pull Request.
✅ Creación de una Github Action que despliega el código únicamente cuando han pasado los tests y se ha hecho una build de mi proyecto con éxito.