Desarrollador web full-stack
Full-Stack Web
Sabes leer HTML y quieres entregar una aplicación completa, no solo páginas.
76 lecciones escritas
Cursos disponibles: 9 de 9
Nueve cursos y 76 lecciones, completamente escritas. Partimos del propio lenguaje, lo hacemos fiable con TypeScript, construimos la interfaz con React y Tailwind, escribimos el servidor a mano antes de dejar que Next.js lo abstraiga, lo ponemos todo bajo tests y después le conectamos un modelo de lenguaje y un agente de código: las dos incorporaciones que hoy piden los clientes.
- Etapa 1
El lenguaje, antes que las herramientas
React, Next.js y TypeScript no son más que JavaScript organizado. Empezar por un framework sin conocer el lenguaje se paga más tarde, con cada error que no sabes leer.
-
Módulos, asincronía, desestructuración: la sintaxis que todo lo demás da por sabida.
9 lecciónes publicadas
-
- Etapa 2
Tipar, para que el código aguante
TypeScript va antes que React, y no después: escribir un componente tipado desde el principio es más sencillo que tipar a posteriori una base de código que ha crecido sin tipos.
-
Tipos, interfaces, genéricos, y lo que el compilador detecta antes que el usuario.
7 lecciónes publicadas
-
- Etapa 3
Construir la interfaz
El modelo de componentes y la gestión del estado son el corazón del oficio en el lado del navegador. Es también la etapa más larga del itinerario.
-
Componentes, estado, efectos y las trampas de renderizado que solo se ven en producción.
13 lecciónes publicadas
-
- Etapa 4
Dar estilo sin deuda técnica
Viene justo después de React porque Tailwind se escribe dentro del componente: aprender ambos a la vez evita la hoja de estilos paralela que acaba contradiciendo a los componentes.
-
Clases de utilidad, adaptación a las pantallas, tema oscuro y el momento de extraer un componente.
7 lecciónes publicadas
-
- Etapa 5
El servidor, en JavaScript
Va antes de Next.js, y es deliberado: Next.js oculta la petición HTTP tras sus convenciones. Haber escrito un servidor a mano una vez hace que esas convenciones sean legibles en lugar de mágicas.
-
Rutas, middleware, base de datos, autenticación: un backend del que dominas cada capa.
8 lecciónes publicadas
-
- Etapa 6
Pasar a producción
React por sí solo no se encarga ni del enrutado, ni del renderizado en el servidor, ni del posicionamiento SEO. Next.js aporta lo que separa una demostración de un sitio en línea.
-
Enrutado, renderizado en el servidor, datos y despliegue de una aplicación real.
7 lecciónes publicadas
-
- Etapa 7
Entregar sin contener la respiración
Los tests llegan cuando ya hay una aplicación que romper. Escribirlos antes en el itinerario equivale a testear ejemplos de curso; escribirlos más tarde equivale a no escribirlos nunca.
-
Qué merece un test, qué no lo merece, y una cadena que se ejecuta en cada commit.
7 lecciónes publicadas
-
- Etapa 8
Conectar un modelo de lenguaje
Es la petición más frecuente sobre una aplicación web existente. Presupone una aplicación en la que integrarlo, de ahí su lugar tardío.
-
Llamadas, costes, streaming y el tratamiento de las respuestas inesperadas.
10 lecciónes publicadas
-
- Etapa 9
Programar con un agente
Al final, por una razón de fondo: un agente amplifica el criterio de quien lo usa, no lo sustituye. Este curso solo tiene interés una vez superadas las ocho etapas anteriores; si no, revisas código que no sabes juzgar.
-
Acotar una tarea, revisar el resultado y mantener el control sobre una base de código real.
8 lecciónes publicadas
-
Lo que se incorporará a esta ruta
Cursos en preparación. Se abrirán sin coste adicional a quien ya haya comprado la ruta.
- PostgreSQL y SQL Consultar y modelar sin pasar por un ORM que decide por ti.
- Accesibilidad y rendimiento web Los dos criterios con los que se juzga un sitio antes que su código.