Creación de una Red Social con Svelte y Git

Clase 13 de 26Curso de Svelte

Contenido del curso

Elementos básicos de Svelte

Desarrollo de la aplicación

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:

  1. Identifica tu ubicación actual en el sistema de archivos:

    pwd
  2. 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.

  3. 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.

  1. 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.

  2. 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.

  1. 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.

  2. 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.
  3. 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!

      Creación de una Red Social con Svelte y Git