{"id":23629685,"url":"https://github.com/neoland-school-es/bootcamp-fullstack","last_synced_at":"2026-04-10T04:35:01.395Z","repository":{"id":269955323,"uuid":"908548539","full_name":"Neoland-School-es/bootcamp-fullstack","owner":"Neoland-School-es","description":"Repositorio para el bootcamp fullstack de Neoland","archived":false,"fork":false,"pushed_at":"2025-02-12T14:40:53.000Z","size":188,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T15:43:09.692Z","etag":null,"topics":["angular","css","express","html","javascript","litelement","mongodb","nodejs","reactjs","redux","vuejs","webcomponents"],"latest_commit_sha":null,"homepage":"https://neoland.es/bootcamps/web-development/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Neoland-School-es.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-26T10:43:59.000Z","updated_at":"2025-01-08T12:23:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"5ef4af41-2401-4a22-bda3-b37df1e544f6","html_url":"https://github.com/Neoland-School-es/bootcamp-fullstack","commit_stats":null,"previous_names":["neoland-school-es/bootcamp-fullstack"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neoland-School-es%2Fbootcamp-fullstack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neoland-School-es%2Fbootcamp-fullstack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neoland-School-es%2Fbootcamp-fullstack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neoland-School-es%2Fbootcamp-fullstack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Neoland-School-es","download_url":"https://codeload.github.com/Neoland-School-es/bootcamp-fullstack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239546925,"owners_count":19657054,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","css","express","html","javascript","litelement","mongodb","nodejs","reactjs","redux","vuejs","webcomponents"],"created_at":"2024-12-28T01:16:53.193Z","updated_at":"2025-10-17T05:52:59.228Z","avatar_url":"https://github.com/Neoland-School-es.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootcamp Fullstack de Neoland - Enero 2025\n\nRepositorio para el Bootcamp de Fullstack de Neoland, en su convocatoria de Enero de 2025.\n\nA continuación tenéis las instrucciones para configurar vuestro equipo, es un paso fundamental para poder trabajar con el código así que ve paso a paso y si tienes cualquier duda intenta [resolverla primero con tu squad](https://github.com/Neoland-School-es/bootcamp-fullstack/discussions/) o en caso de encontrar un problema puedes [crear una incidencia](https://github.com/Neoland-School-es/bootcamp-fullstack/issues) en el panel de control del repositorio.\n\n## Programas necesarios\n\nNecesitas instalar los siguientes programas para llevar a cabo el curso:\n\n* [Google Chrome](https://www.google.com/intl/es_es/chrome/) será nuestro navegador de desarrollo\n* [VS Code](https://code.visualstudio.com/) es la herramienta que usaremos para programar, y las extensiones que usaremos:\n  * [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server) es un servidor local para nuestras páginas html dentro de VS Code\n  * [Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits) nos ayudará a documentar cada cambio de código que subamos al repositorio. Podéis leer la documentación oficial en [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/)\n  * [commitlint](https://marketplace.visualstudio.com/items?itemName=joshbolduc.commitlint) se asegurará de que escribamos bien los comentarios de los cambios en el repositorio\n  * [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)\n  * [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) nos chivará los errores que cometamos en el código, es una herramienta fundamental para agilizar nuestro trabajo\n  * [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) igualmente se encargará de guiarnos en la senda del buen programador, a la hora de editar estilos css\n  * [GitHub Pull Requests](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) nos facilita la tarea a la hora de gestionar los cambios en el código dentro de nuestro repositorio\n  * [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) nos ayudará a escribir correctamente el marcado de los documentos de tipo _markdown_\n  * [Postman](https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode) nos permite trabajar con las APIs que desarrollemos localmente\n  * [PWABuilder Studio](https://marketplace.visualstudio.com/items?itemName=PWABuilder.pwa-studio) sirve para generar el código necesario para instalar nuestra web como una aplicación nativa\n  * [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) es el sistema de iconos estándar de Google Material Design\n  * [lit-html](https://marketplace.visualstudio.com/items?itemName=bierner.lit-html) añade compatibilidad para trabajar con LitElement\n  * [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) nos ayudara a mantener un estandard de configuración de los archivos de nuestro proyecto\n  * [Codeium](https://marketplace.visualstudio.com/items?itemName=Codeium.codeium) nos ayudara a escribir códigos de manera inteligente gracias a la IA\n  * [Cascade](https://marketplace.visualstudio.com/items?itemName=rampus-bit.cascade) es un theme de color personalizado, adecuado para el trabajo contínuo con el código\n  * [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) nos ayudara a cerrar correctamente las etiquetas de html\n  * [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) nos ayudara a renombrar correctamente las etiquetas de html\n  * [MongoDB for VS Code](https://marketplace.visualstudio.com/items?itemName=mongodb.mongodb-vscode) nos ayudara a trabajar con la base de datos MongoDB\n* [Git](http://git-scm.com/) será nuestro sistema de control de versiones\n  * Asegúrate de elegir la opción **Git Bash** durante la instalación\n* [NodeJS](https://nodejs.org/en) es el lenguaje de programación que usaremos para el backend, y también para nuestras herramientas de automatización\n  * Una vez instalado, tendrás que añadir a las variables del sistema la ruta para el ejecutable de node:\n    * En Windows:\n        1. Busca el programa \"Editar las variables de entorno del sistema\"\n        2. Pulsa el botón \"Variables de entorno\"\n        3. Haz doble click en la línea que indica **PATH**\n        4. Pulsa en \"Nueva\" y añade esta dirección (o la ruta de tu instalación): ```\"C:\\Program Files\\nodejs\"```\n        5. Modifica esta línea si te aparece ```C:\\Users\\\u003cTU_USUARIO\u003e\\AppData\\Roaming\\npm``` a ```\"C:\\Program Files\\nodejs\\node_modules\\npm\\bin\"```, o añádela si no está\n    * En Mac:\n        1. Abre VS Code\n        2. Si no tienes abierta una ventana del terminal, ábrela desde el menú (View \u003e Terminal)\n        3. Ejecuta: ```cd ~/``` y luego ```code .bashrc```, se abrirá una ventana de edición en VS Code.\n        4. Añade esta línea al archivo: ```PATH=/usr/bin/node:$PATH```, guárdalo y ciérralo\n    * En Linux:\n        1. Abre el Terminal\n        2. Ejecuta ```export PATH=$PATH:/usr/local/nodejs/bin```\n  * Recuerda que cada vez que modifiques las variables de entorno o rutas del sistema tienes que reiniciar todas las ventanas de terminal o VS Code que tengas abiertas para que recoja los cambios (en Windows tendrás que reiniciar el ordenador).\n* [NVM](https://github.com/nvm-sh/nvm) es una herramienta que nos permite cambiar de versiones de NodeJS fácilmente\n  * Crea el directorio ```C:\\Users\\\u003cTU_USUARIO\u003e\\AppData\\Roaming\\npm```\n  * Abre el Terminal **BASH** y ejecuta ```curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash```\n  * **Si te indica algún tipo de error tipo \"la función de revocación\"**, usa este comando en su lugar: ```curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh --ssl-no-revoke | bash```\n  * **SI nvm ls-remote devuelve N/A**, añade esta línea a tu .bashrc o .zshrc: ```export NVM_NODEJS_ORG_MIRROR=http://nodejs.org/dist```\n  * Reinicia el Terminal\n  * Ahora puedes ejecutar ```nvm install 22```, y cambiar fácilmente de versión de NodeJS a partir de ahora\n* [WSL](https://github.com/microsoft/WSL) es el subsistema de Linux, que necesitaremos en Windows para alguna tarea en particular\n  * Descarga la [última versión estable de WSL](https://github.com/microsoft/WSL/releases/download/2.3.26/wsl.2.3.26.0.x64.msi) y ejecuta el instalador\n  * Abre Windows PowerShell **como administrador** y ejecuta los comandos:\n    * ```wsl --set-default-version 2```\n    * ```wsl --install -d Ubuntu```\n  * Te preguntará por un nombre y contraseña para Ubuntu (**el usuario en minúsculas**), ¡apúntalos en un lugar seguro para no perderlos!\n  * Notarás que el terminal \"ha cambiado\", ahora estás en la versión del terminal de Ubuntu, ejecuta este comando (te pedirá el usuario y la contraseña):\n    * ```sudo apt update```\n    * ```sudo apt upgrade```\n    * Con ésto ya tenemos Ubuntu actualizado, ejecuta ```exit``` para salir de la consola de Ubuntu y luego puedes cerrar la ventana del Power Shell\n    * A partir de ahora tendremos disponible el Terminal de Ubuntu directamente dentro de Windows\n* [MongoDB](https://www.mongodb.com/docs/manual/installation/#std-label-tutorial-installation) es la base de datos documental que aprenderás durante el curso\n  * [Usar este enlace para la descarga en caso de duda](https://www.mongodb.com/try/download/community)\n  * Durante la instalación te preguntará si instalar **Compass**, es el editor visual para la base de datos, es importante instalarlo también\n  * [MonghoDB Shell](https://www.mongodb.com/docs/mongodb-shell/install/) es el intérprete de comandos para interactuar con la base de datos de MongoDB, también será necesario instalarlo\n\n## Configuraciones particulares\n\n**Git** necesita identificar nuestro usuario a la hora de recibir nuestro código, así que tenemos que ejecutar estos dos comandos en el terminal para poder subir el código local al repositorio, **usa el email que tengas configurado en github.com**:\n\n```bash\ngit config --global user.email \"you@example.com\"\ngit config --global user.name \"Your Name\"\n```\n\nEn nuestro caso vamos a trabajar con archivos que el sistema oculta habitualmente, así que tenemos que habilitar su visualización:\n\n* En Windows: abre el explorador de archivo, en el menú selecciona **Opciones**, luego en la pestaña **Ver** desmarca la opción \"Ocultar las extensiones de archivo para archivos conocidos\".\n* También es recomendable [activar la opción para desarrolladores](https://learn.microsoft.com/es-es/windows/dev-home/), que optimiza el sistema y te da herramientas de desarrollo.\n* En Mac: ejecuta en el Terminal el comando: ```defaults write com.apple.finder AppleShowAllFiles true; killall Finder```\n  * Si en algún momento el Mac te muestra este error: **Fix 'xcrun: error: invalid active developer path, missing xcrun'**, tendrás que ejecutar en el Terminal el comando ```xcode-select --install``` y seguir los pasos que te indique\n\n## Dando una nota de color al código\n\nVamos a darle un poco de color a VS Code y al Terminal para hacerlos más ergonómicos y agradables a la vista.\n\n_Nota: esta parte es opcional, puedes dejarla para otro momento si lo consideras conveniente._\n\n* Instalamos las siguientes extensiones de VS Code:\n  * [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) para unificar los iconos de los archivos\n  * [Cascade theme](https://marketplace.visualstudio.com/items?itemName=rampus-bit.cascade) un theme de color personalizado, adecuado para el trabajo contínuo con el código\n  * [GitHub Markdown Preview](https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview) para trabajar más cómodamente con los documentos de tipo _markdown_ con el formato de GitHub\n* Tipografías adecuadas para el código: mi recomendación es usar [MesloLGS NF](https://github.com/romkatv/powerlevel10k#meslo-nerd-font-patched-for-powerlevel10k)\n* Instalar Zsh dentro de Git Bash\n  1. Download the latest Zsh package from the [MSYS2 package repository](https://packages.msys2.org/package/zsh?repo=msys\u0026variant=x86_64). The file will be named something like “zsh-5.8–5-x86_64.pkg.tar.zst”.\n  2. Install an extractor that can open TAR and ZST archives, such as [7-Zip](https://www.7-zip.org/) and [facebook/zstd](https://github.com/facebook/zstd) (named something like “zstd-v1.5.2-win64.zip”). First, use zstd to extract the TAR file. Later, use 7-Zip to extract the files into the Git Bash directory.\n  3. Extract the archive’s files using 7-Zip (which should include etc and usr folders) into your Git Bash installation directory. This directory is usually located at \"C:\\Program Files\\Git\". If asked, merge the contents of the folder (no files should be overwritten).\n  4. Open Git Bash and test Zsh: ```zsh```.\n\n**IMPORTANT:** Configure tab completion and history in Zsh using the first-use wizard. If, for some reason, it doesn’t appear, or you skipped it, re-run it:\n\n```bash\nautoload -U zsh-newuser-install\nzsh-newuser-install -f\n```\n\n* Instalamos [Oh My Zsh](https://ohmyz.sh/): ```sh -c \"$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)\"```\n  * **Si tienes problemas de certificados**, usa esta versión del comando: ```sh -c \"$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh --ssl-no-revoke)\"```\n  * Puedes ajustar el theme como quieras, a mí me gusta usar el de Powerlevel10k: ```git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k```, añadiendo ```ZSH_THEME=\"powerlevel10k/powerlevel10k\"``` a tu archivo ```~/.zshrc.```\n  * No olvides ejecutar ```p10k configure``` después de estos cambios\n  * Ejecuta estos comandos a continuación: ```autoload -U zsh-newuser-install``` y ```zsh-newuser-install -f```\n  * Finalmente editamos el archivo con ```code ~/.bashrc``` añadiendo estas líneas:\n\n```yaml\nif [ -t 1 ]; then\n  exec zsh\nfi\n```\n\nCon ésto ya puedes cerrar las ventanas de Terminal y VS Code y volver a abrirlas, verás todos los cambios aplicados\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneoland-school-es%2Fbootcamp-fullstack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneoland-school-es%2Fbootcamp-fullstack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneoland-school-es%2Fbootcamp-fullstack/lists"}