Natalia Zepeda · Itinerario Full Stack a medida

02 · El itinerario

El stack que piden las empresas, fase a fase.

Cinco fases con tecnologías reales de la industria. Cada una tiene su temario, código que escribes tú y un entregable que se queda en tu GitHub. Avanzas a tu ritmo y pasas a la siguiente cuando la anterior funciona.

Tu stack al terminar

HTML5

CSS3

Tailwind

JavaScript

React

Node.js

Express

MySQL

Git

GitHub

VS Code

Postman

HTML5

CSS3

Tailwind

JavaScript

React

Node.js

Express

MySQL

Git

GitHub

VS Code

Postman

Fase 01 · Fundamentos

Entorno de desarrollo y control de versiones

Trabajas como lo hace un equipo de desarrollo desde el primer día: terminal, editor profesional y Git.

Terminal

VS Code

Git

GitHub

npm

Temario

Sistema de archivos, rutas y comandos de terminal
VS Code: extensiones, atajos, formateo y depuración
Git: commits, ramas, merge y resolución de conflictos
GitHub: repositorios remotos, pull requests y README
npm: dependencias y scripts de proyecto

terminal

# crear el proyecto y versionarlo
$ mkdir mi-portfolio && cd mi-portfolio
$ git init
$ git checkout -b feature/home
$ git add .
$ git commit -m "Maqueta inicial"
$ git push origin feature/home

EntregableRepositorio en GitHub con un historial de commits y ramas limpio.

Fase 02 · Frontend I

Diseño y maquetación web

La parte que más te atrae, al principio. Conviertes una idea o un diseño en una web real, accesible y responsive.

HTML5

CSS3

Tailwind CSS

DevTools

Temario

HTML5 semántico y formularios con validación nativa
CSS: modelo de caja, especificidad y variables
Flexbox y CSS Grid para layouts complejos
Responsive mobile-first y media queries
Transiciones, animaciones y Tailwind CSS
Tipografía, color y jerarquía visual aplicados al código
Accesibilidad: contraste, etiquetas y teclado

styles.css

.projects {
  display: grid;
  grid-template-columns:
    repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .hero h1 { font-size: clamp(2rem, 5vw, 4rem); }
}

EntregableLanding responsive maquetada a partir de un diseño.

Fase 03 · Frontend II

Programación con JavaScript

Das lógica a tus webs: interacción, datos que llegan de una API y código que sabes depurar.

JavaScript ES6+

DevTools

APIs REST

Temario

Tipos, operadores, condicionales, bucles y funciones
Arrays y objetos: map, filter, reduce
ES6+: arrow functions, destructuring, spread y módulos
DOM: selección, eventos y creación de elementos
Asincronía: promesas y async/await
fetch, JSON y consumo de APIs REST
Depuración con breakpoints y localStorage

app.js

async function loadProjects() {
  const res = await fetch('/api/projects');
  const projects = await res.json();

  list.innerHTML = projects
    .filter(p => p.published)
    .map(p => `<li>${p.title}</li>`)
    .join('');
}

EntregableAplicación web interactiva que consume una API pública.

Fase 04 · Frontend III

Interfaces modernas con React

La librería que piden la mayoría de ofertas de frontend. Construyes aplicaciones por componentes reutilizables.

React

Tailwind CSS

npm

Temario

Componentes, JSX, props y composición
Estado con useState y efectos con useEffect
Formularios controlados y validación
Listas, keys y renderizado condicional
Enrutado con React Router
Custom hooks y estados de carga y error
Estructura de carpetas y buenas prácticas de proyecto

ProjectCard.jsx

export function ProjectCard({ project }) {
  const [open, setOpen] = useState(false);

  return (
    <article className="card">
      <h3>{project.title}</h3>
      <button onClick={() => setOpen(!open)}>
        {open ? 'Cerrar' : 'Ver más'}
      </button>
    </article>
  );
}

EntregableAplicación React de varias páginas conectada a datos reales.

Fase 05 · Backend

APIs, bases de datos y autenticación

La otra mitad del Full Stack: el servidor, la base de datos y la seguridad de tu aplicación.

Node.js

Express

MySQL

Postman

Temario

Servidor con Express: rutas, controladores y middlewares
API REST: métodos HTTP y códigos de estado
Modelado relacional: claves y relaciones 1:N y N:M
SQL: SELECT, JOIN, INSERT y UPDATE
Conexión de Node.js con MySQL y consultas parametrizadas
Autenticación con JWT y contraseñas cifradas
Pruebas con Postman y variables de entorno

routes/projects.js

router.get('/projects', auth, async (req, res) => {
  const [rows] = await db.query(
    `SELECT p.id, p.title, t.name AS tag
     FROM projects p
     JOIN tags t ON t.project_id = p.id
     WHERE p.user_id = ?`,
    [req.user.id]
  );

  res.status(200).json(rows);
});

EntregableAPI REST con autenticación y base de datos conectada a tu frontend.

03 · El proyecto

Terminas con un portfolio que se puede enseñar, no con un certificado y nada más.

Construyes dos piezas a lo largo del itinerario. Son las evidencias que enseñarás para trabajar en remoto o conseguir tus primeros clientes.

Tu web personal de portfolio

Diseñada y maquetada por ti, con tus proyectos, tu perfil y tu contacto.

Una aplicación Full Stack completa

Sobre un tema que elijas, con interfaz, servidor y base de datos, publicada en internet.

Diseñar

Estructura, estilo y versión móvil de tu web.

Construir

Interfaz en React con lógica y datos.

Conectar

Servidor, API y base de datos propios.

Publicar

Tu código en GitHub, ordenado y documentado.

Presentar

Capturas, demo y una explicación clara.

04 · Modalidades e inversión

El mismo itinerario, dos formas de recorrerlo.

El contenido y el proyecto son idénticos. Lo que cambia es si lo haces sola o con una persona experta que te acompaña de forma continua y revisa tu trabajo.

Modalidad autónoma

Full Stack desde cero, a tu aire

1.500 €+ IGIC

Pago único o en plazos a tu medida

Para quien se organiza bien sola, tiene constancia y resuelve dudas con la documentación y el tutor IA.

Itinerario completo: las cinco fases
Acceso a todos los contenidos en SkilLand LMS
Tutor IA disponible 24 horas para resolver dudas
Prácticas guiadas en cada fase
Guía del proyecto final y del portfolio
Inicio inmediato, sin calendario cerrado
Sin acompañamiento ni mentorías 1:1
Sin revisión de tu código ni de tus entregas
Sin preparación personal para el empleo

Quiero la modalidad autónoma

Recomendada para ti

Modalidad tutorizada

Full Stack desde cero, con tutor personal

2.999 €+ IGIC

Pago único o en plazos a tu medida

Para empezar sin base técnica con alguien que te acompañe todo el camino y te prepare para trabajar desde casa.

Acompañamiento continuo + 2 mentorías 1:1 al mesY una tercera opcional cuando la necesites. Tu tutor sigue tu avance cada semana, no solo en las sesiones.

Todo lo de la modalidad autónoma
Tutor personal asignado durante todo el itinerario
Dos mentorías 1:1 al mes para revisar tu progreso, planificar proyectos y resolver dudas
Una mentoría adicional opcional al mes, cuando la necesites
Revisión de tu código, tus entregas y tu GitHub
Plan de estudio ajustado a tu disponibilidad real
Acompañamiento en el proyecto final y el portfolio
Preparación para trabajar en remoto: CV, LinkedIn, entrevistas y perfil freelance
Simulación de entrevista y defensa del proyecto

Quiero la modalidad tutorizada

Pago flexible

No tiene por qué ser un pago único. Diseñamos contigo un calendario de pagos que se adapte a tus necesidades.

Tú nos dices qué te viene bien y lo repartimos en los plazos que necesites, tanto en la modalidad autónoma como en la tutorizada. Lo dejamos cerrado en la sesión, sin letra pequeña.

Comparativa	Autónoma	Tutorizada
Itinerario y contenidos	Completo	Completo
Tutor IA 24 horas	Sí	Sí
Acompañamiento continuo	No	Sí, tutor personal
Mentorías 1:1	No	2 al mes + 1 opcional
Revisión de código y entregas	No	Sí
Preparación para el empleo en remoto	No	Sí
Inversión	1.500 € + IGIC	2.999 € + IGIC

Por qué te recomendamos la tutorizada. Empiezas sin base técnica, y el momento delicado son los primeros atascos: si nadie te explica el siguiente paso, es fácil parar. El tutor no estudia por ti, pero evita que estudies en círculos.

Importes sin IGIC.

Preguntas

Lo que suele preguntarse antes de empezar.

¿Puedo empezar si solo sé usar ofimática?

Sí. La fase 01 existe precisamente para eso: preparas el ordenador y aprendes las herramientas básicas antes de escribir tu primera línea de código.

¿Cómo funciona el acompañamiento continuo?

En la modalidad tutorizada tienes un tutor personal asignado que sigue tu avance durante todo el itinerario, revisa tus entregas y te orienta entre sesiones. Además, tienes dos mentorías 1:1 al mes para revisar tu progreso, planificar proyectos y resolver dudas, y puedes pedir una tercera opcional cuando la necesites.

¿Cuánto tiempo necesito a la semana?

La duración habitual es de cuatro a seis meses. Depende de las horas que puedas dedicar; en la sesión ajustamos el plan a tu disponibilidad real.

¿Podré trabajar desde casa al terminar?

El desarrollo web es un trabajo que se puede hacer en remoto o como freelance. No te prometemos un contrato: te ayudamos a llegar con competencias reales, un portfolio publicado y una candidatura bien preparada.

¿Es presencial?

No. Todo el itinerario es online y lo sigues desde casa, a tu ritmo.

¿Cuándo puedo empezar?

En cuanto formalices la matrícula. No hay que esperar a que se forme un grupo.

¿Tengo que pagarlo todo de golpe?

No. Diseñamos contigo un calendario de pagos que se adapte a tus necesidades y lo dejamos cerrado en la sesión.

Natalia, de la ofimática a crear webs y trabajar desde casa.

No partimos de un temario. Partimos de lo que quieres conseguir.

El stack que piden las empresas, fase a fase.

Entorno de desarrollo y control de versiones

Diseño y maquetación web

Programación con JavaScript

Interfaces modernas con React

APIs, bases de datos y autenticación

Terminas con un portfolio que se puede enseñar, no con un certificado y nada más.

Tu web personal de portfolio

Una aplicación Full Stack completa

Diseñar

Construir

Conectar

Publicar

Presentar

El mismo itinerario, dos formas de recorrerlo.

Full Stack desde cero, a tu aire

Full Stack desde cero, con tutor personal

No tiene por qué ser un pago único. Diseñamos contigo un calendario de pagos que se adapte a tus necesidades.

Un equipo que lleva años convirtiendo a personas sin base técnica en developers.

Nuestros alumnos trabajan en…

Lo que suele preguntarse antes de empezar.

Lo cerramos juntos en la sesión del 28 de octubre.

Sesión 1:1

Matrícula

Empiezas