Saltar al contenido principal
FreeAcademy

Rutas de aprendizaje

Full-Stack Developer

Go from zero to building complete web applications. Start with HTML, CSS, and JavaScript, learn Git and TypeScript, build interfaces with React, write backends with Node.js and REST APIs, query SQL databases, and ship a Next.js site that ranks.

11 cursos100% gratis, con certificado en cada curso

Insignia de la ruta

Completa todos los cursos de esta ruta para obtener su insignia.

Empieza con el paso 1

Cursos de esta ruta

  1. Paso 1Principiante

    Interactive HTML Fundamentals

    Master HTML from the ground up with hands-on exercises. Learn document structure, semantic elements, forms, tables, media, and accessibility best practices with live preview in your browser. No prior experience required.

  2. Paso 2Principiante

    Interactive CSS Selectors & Layout

    Master CSS selectors, specificity, Flexbox, and CSS Grid with hands-on exercises. Build modern layouts with live preview and instant feedback. Practice from basic selectors to complex grid layouts in your browser.

  3. Paso 3Principiante

    Interactive JavaScript Practice

    Learn JavaScript programming with hands-on exercises. Practice variables, functions, arrays, objects, and more with live code execution in your browser. Master modern ES6+ features like arrow functions, destructuring, and spread operators.

  4. Paso 4Principiante

    Git & GitHub Mastery

    Master version control with Git and GitHub. Learn branching, merging, pull requests, and collaboration workflows.

  5. Paso 5Intermedio

    Interactive TypeScript Practice

    Master TypeScript with hands-on exercises. Learn types, interfaces, generics, utility types, and advanced patterns with live code execution. Build type-safe applications with instant feedback in your browser.

  6. Paso 6Intermedio

    Interactive React Fundamentals

    Master React with hands-on exercises in your browser. Learn components, props, state, hooks, and modern React patterns through interactive coding challenges. Build real UI components with live preview and instant feedback.

  7. Paso 7Intermedio

    Interactive Node.js Basics

    Master server-side JavaScript with Node.js through hands-on practice. Learn modules, file system operations, HTTP servers, npm, async patterns, and REST APIs. Build real backend applications with interactive exercises in your browser.

  8. Paso 8Intermedio

    Interactive REST API Design

    Master REST API design principles and best practices through hands-on exercises. Learn resource naming, HTTP methods, status codes, authentication, versioning, and documentation. Build real-world API designs with interactive request builders and response validation.

  9. Paso 9Principiante

    SQL Basics

    Master the fundamentals of SQL from scratch. Learn to query, manipulate, and design databases using PostgreSQL. Build real-world database systems through hands-on exercises and a capstone project. No prior database experience required.

  10. Paso 10Intermedio

    Next.js Mastery

    Master Next.js from App Router fundamentals to advanced patterns. Learn server vs client components, data fetching strategies, rendering modes, and production optimization for developers who know React and want to fill knowledge gaps.

  11. Paso 11Intermedio

    SEO Mastery for Next.js Developers

    Learn to build search-engine-optimized Next.js applications from the ground up. Master metadata, structured data, technical SEO, and Core Web Vitals. Understand how Google crawls and indexes your pages, and implement best practices that drive organic traffic.

Proyectos prácticos

Demuestra lo que aprendiste construyendo algo real. Elige un proyecto, constrúyelo en tu equipo, súbelo a un repositorio público de GitHub y envía el enlace para revisión.

Proyecto 1Principiante3-5 horas

Personal Portfolio Site

Build and deploy a responsive multi-page portfolio site with semantic HTML and modern CSS layout.

Requisitos

  • At least three pages: home, projects, contact
  • Semantic HTML (header, nav, main, footer, headings in order)
  • Layout built with flexbox or grid, responsive on mobile
  • A contact form with client-side validation
  • Deployed somewhere public, with the live link in the README

Herramientas sugeridas: HTML, CSS, JavaScript

Proyecto 2Intermedio6-8 horas

CRUD App With a Database

Build a full application where users can create, read, update, and delete records stored in a real database, for example a task manager or a recipe box.

Requisitos

  • Create, list, edit, and delete records through the UI
  • Data persists in a real database, not just in memory
  • Forms validate input and show useful error messages
  • A list view and a detail view for records
  • README explains the schema and how to run the app locally

Herramientas sugeridas: TypeScript, A SQL database, Any web framework

Proyecto 3Intermedio4-6 horas

Live Data Dashboard

Fetch data from a public JSON API, transform it, and present it in a dashboard with charts or summary cards.

Requisitos

  • Fetches live data from a public JSON API
  • Transforms the raw data (grouping, totals, or filtering) before display
  • Shows at least three different views of the data (cards, table, or chart)
  • Handles loading and error states visibly
  • README names the API used and what each view shows

Herramientas sugeridas: JavaScript or TypeScript, Any public JSON API