Creación de una Red Social con Svelte y Git
Clase 13 de 26 • Curso de Svelte
Resumen
¿Cómo crear una red social con Svelte?
La creación de una aplicación web puede parecer intimidante al inicio, pero utilizar las herramientas y metodologías adecuadas puede marcar una gran diferencia. En esta lección, aprenderás a crear "Pubstragram", una red social exclusiva para los PUks, haciendo uso de Svelte, un framework que permite desarrollar aplicaciones web de manera eficiente y fácil de entender.
¿Cómo inicializar tu proyecto?
El primer paso es determinar un punto de trabajo en tu computadora y, desde allí, podrás comenzar a construir la aplicación. Esto es posible a través de un terminal o línea de comandos, siguiendo estos pasos:
-
Identifica tu ubicación actual en el sistema de archivos:
pwd
-
Dirígete al espacio de trabajo: Mueve tu terminal a la carpeta donde normalmente desarrollas tus proyectos. Un ejemplo podría ser una carpeta denominada
platzi-courses
. -
Crea un nuevo directorio para "Pubstragram":
mkdir Pubstragram cd Pubstragram
¿Cómo configurar el control de versiones y el gestor de paquetes?
Configurar el control de versiones y el gestor de paquetes es crucial para garantizar que tu proyecto esté bien estructurado y sea escalable.
-
Inicializar un repositorio de Git:
git init
Esto crea un repositorio local al que podrás subir cambios futuros a plataformas como GitHub o GitLab.
-
Inicializar el gestor de paquetes npm:
npm init
Durante este proceso, se te pedirá que proporciones información sobre el proyecto, como su nombre, versión y descripción. Podrás presionar "Enter" para aceptar los valores predeterminados y usar la licencia MIT.
¿Cómo estructurar la arquitectura del proyecto?
Ya con tu proyecto inicializado, necesitas construir su arquitectura básica. Esto implica crear archivos y carpetas esenciales donde se alojará tu código.
-
Abre tu editor de código favorito: Visual Studio Code es una elección popular debido a su flexibilidad y cantidad de extensiones a disposición. Puedes abrirlo con un comando corto, como
code .
, si tienes configurado el atajo. -
Crea la estructura básica de carpetas:
src/
: Aquí vivirán todos los archivos de código fuente.public/
: Contendrá los archivos públicos que serán necesarios para producción.- Punto de entrada: Define el archivo principal desde donde se estructurará toda la aplicación.
-
Ejemplo de cómo se ven estas carpetas en el sistema:
Pubstragram/ ├── src/ ├── public/ └── README.md
Con estos pasos establecidos, estás en la ruta correcta para desarrollar "Pubstragram", aprovechando la potencia de Svelte. Te animamos a explorar y experimentar más allá de los ejemplos básicos, personalizando tu aplicación según las necesidades de tus usuarios y proyectos personales. ¡Mantén la curiosidad y sigue aprendiendo!