Los tres son gratis para un sitio como el que estás aprendiendo a hacer. Este mismo sitio, jicalabs.com, corre en Firebase Hosting — por eso esta guía usa ese como ejemplo real, con los comandos exactos que usamos.

All three are free for a site like the one you are learning to build. This very site, jicalabs.com, runs on Firebase Hosting — that is why this guide uses it as the real example, with the exact commands we used.

Necesitas Node.js —el mismo que instalarías si quisieras programar Python con más herramientas, o cualquier proyecto moderno de JavaScript—. Se descarga desde nodejs.org, la versión que dice LTS.

Después, desde una terminal, instalas la herramienta de línea de comandos de Firebase:

You need Node.js — the same thing you would install if you wanted extra Python tooling, or any modern JavaScript project. Download it from nodejs.org, the version labelled LTS.

Then, from a terminal, install Firebase's command-line tool:

npm install -g firebase-tools
firebase login

login abre tu navegador para que autorices con tu cuenta de Google. Esto se hace una sola vez por computador, no por cada proyecto.

login opens your browser so you can authorise with your Google account. This happens only once per computer, not per project.

Entra a console.firebase.google.com y crea un proyecto nuevo —sin Google Analytics, no lo necesitas todavía—. Después, en la carpeta de tu página:

Go to console.firebase.google.com and create a new project — skip Google Analytics, you do not need it yet. Then, inside your page's folder:

firebase init hosting
firebase deploy --only hosting

init te va a preguntar qué carpeta contiene tu HTML —normalmente se llama public—, y si quieres tratarlo como una single-page app: para una página normal, responde que no. deploy sube los archivos.

En menos de un minuto te va a dar una dirección con forma tu-proyecto.web.app. Esa dirección ya es pública y real: cualquiera en el mundo puede visitarla, con HTTPS incluido y sin que hayas configurado nada de seguridad a mano.

init will ask which folder holds your HTML — usually called public — and whether to treat it as a single-page app: for a normal page, answer no. deploy uploads the files.

In under a minute you get an address shaped like your-project.web.app. That address is already public and real: anyone in the world can visit it, with HTTPS included and without you configuring any security by hand.

tu-proyecto.web.app es gratis y funciona perfecto. Si prefieres algo como tusitio.com, hay que comprarlo aparte —el hosting y el dominio son cosas distintas—.

Este sitio compró jicalabs.com en Cloudflare Registrar, que vende dominios al costo, sin margen: salió alrededor de 10 dólares al año, el mismo precio para siempre, sin sorpresas en la renovación. Después, en el panel de Firebase, se agrega como "dominio personalizado" y se apunta con dos registros DNS que Firebase mismo indica.

your-project.web.app is free and works perfectly. If you would rather have something like yoursite.com, you need to buy it separately — hosting and the domain are different things.

This site bought jicalabs.com through Cloudflare Registrar, which sells domains at cost, no markup: it came out to around 10 dollars a year, the same price forever, no renewal surprises. Then, in the Firebase panel, you add it as a "custom domain" and point it using two DNS records Firebase itself gives you.

Instalar las herramientas una vez, firebase init una vez por proyecto, y firebase deploy cada vez que quieras actualizar. Con esto cierras el curso de HTML y CSS —y si además hiciste el de JavaScript, ya tienes todo lo necesario para construir algo, hacer que se vea bien en cualquier pantalla, y ponerlo en internet para que cualquiera lo use.

Install the tools once, firebase init once per project, and firebase deploy every time you want to update. This closes the HTML and CSS course — and if you also did the JavaScript one, you now have everything needed to build something, make it look right on any screen, and put it on the internet for anyone to use.