Empieza a programar un sitio web JS/HTML/CSS en 30 segundos abriendo esta plantilla con nuestro puente de One-Click Coding o localmente en tu computador.
Una vez tu editor de codigo este abierto, instala los paquetes escribiendo: npm install.
Escribe en la línea de comandos $ npm run start y escribe localhost en el navegador.
Depende del lenguaje, pero tienes ./src/app.js, ./src/style.css y ./src/index.html respectivamente. Puedes agregar nuevos .html como desees, solo asegúrate de importarlo en el app.js.
Nota: recuerda que el flujo de trabajo de JS comienza dentro de
window.onload.
Cada vez que cambies cualquier archivo dentro de la carpeta ./src, la URL pública del sitio web se actualizará automáticamente (es un proceso llamado hot deploy). Recuerda también actualizar limpiando la caché (command+shift+r en Mac, control+shift+r en PC y Linux).
Agrégalas dentro de la carpeta ./src/assets/img y luego impórtalas desde cualquiera de tus archivos JS. Ejemplo: import "../assets/img/rigo-baby.jpg";.
Simplemente agrega los archivos en la carpeta src e importa los archivos/variables en tu app.js. Ejemplo: import myVar from "./file2.js".
Esta plantilla es 100% compatible con el alojamiento gratuito de GitHub Pages. Publica tu sitio web ejecutando:
$ npm run deploy¡Muy fácil y en solo un paso! Sube a tu rama main y utiliza el alojamiento gratuito que viene con GitHub Pages, el proyecto está listo para ser publicado. Recuerda elegir ejecutar la Página de GitHub desde tu rama principal.
Esta plantilla fue creada como parte del curso de programacion de 4Geeks Academy por Alejandro Sanchez y muchos otros contribuyentes. Descubre más sobre nuestro Curso de Desarrollador Full Stack, Bootcamp de Ciencia de Datos o Curso de Ciberseguridad.
Puedes encontrar otras plantillas y recursos como este en la página de GitHub de la escuela.